タグ

xdに関するookawa124のブックマーク (9)

  • アプリまたはwebサイトのレイアウトとデザイン |

    動画で学ぶ。 自由に使う。 Adobe XD を使いこなせれば、 あなたのアイデアを自在に形にすることができるはず。 学びからさらなる高みを目指しませんか。 Tutorial XDの基操作を3分動画で分かりやすく解説! シェイプの描き方や、ドロップシャドウの付け方などの基的な操作から、コンポーネントの様々な機能や共有方法の紹介まで、Adobe XDの使い方を動画で丁寧に紹介します。

    アプリまたはwebサイトのレイアウトとデザイン |
  • Adobe XDステート機能を使いこなそう! - ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 - ICS MEDIA

    Adobe XDステート機能を使いこなそう! ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 AdobeXD2019年11月の大型アップデートで「ステート機能」が登場し、リッチなインタラクションを作成しやすくなりました。従来はアートボードを複数枚組み合わせて表現するしかなかったのですが、ステート機能の登場によって簡単にできるようになっています。 今回はホバーボタン、スライダー、ハンバーガーメニューなど実例を交えながら、ステート機能の基と一歩進んだ使い方を紹介します。AdobeXDは使っているけどステート機能は触ったことがない、ステート機能をイマイチ使いこなせてないという方はぜひご覧ください。 ステート機能の基 簡単にステート機能について振り返っていきます。 ボタンなどの要素は、ユーザー操作によって状態が変わることがあります。たとえば、一般的な「いいねボタン」であれば最低でも「

    Adobe XDステート機能を使いこなそう! - ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 - ICS MEDIA
  • Adobe Express

    Adobe Express

    Adobe Express
  • Spectrum, Adobe’s design system

    Spectrum provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.

    Spectrum, Adobe’s design system
  • XDでpsdやaiをリンクさせたい!CCライブラリを使った方法と注意点|spicagraph|note

    はじめにみなさんXD使ってますか?XDって みたいなイメージありますよね。サービスやアプリのUIには便利そうだけど、例えば↓こんなデザインを作る場合、IllustratorやPhotoshopの方が向いていそうに見えます。なぜなら、 XDでデザインする場合、↓こんな風にPhotoshopで画像を補正して書き出して…Illustratorでアイコンを作成して書き出して…変更を繰り返すには、ちょっと手間です。 IllustratorやPhotoshopのように、psdやaiファイルをそのままリンクできたら…しかしXDにリンク機能はありません。「読み込み」をすると、オブジェクトとしてファイルの中身が読み込まれます。 しかし、CCライブラリを使うと、psdやaiをリンクするように、編集の呼び出しや変更内容の同期が素早く行えるようになります。 - CCライブラリとは?AdobeのCreativeCl

    XDでpsdやaiをリンクさせたい!CCライブラリを使った方法と注意点|spicagraph|note
  • これ便利すぎ!Adobe XDのおすすめ無料プラグイン20個まとめ | PhotoshopVIP

    この記事では、Adobe XDにインストールしておくことで、デザイン制作をより快適にしてくれる無料プラグインをまとめてご紹介します。 実際にAdobe XDにインストール、使用してみて便利だったプラグインのみを厳選しています。プラグインを利用して、制作スピードを爆速にしてみませんか。 コンテンツ目次 1. プラグインが利用可能に 2. Adobe XDプラグインのインストール方法 3. Adobe XDプラグインの使い方 4. おすすめ無料プラグイン(デザイン効率化) 5. おすすめ無料プラグイン(コンテンツ生成) 6. おすすめ無料プラグイン(描画デザイン系) 7. おすすめ無料プラグイン(コラボレーション・ハンドオフ系) 8. ショートカット機能で作業効率をさらにアップ Adobe XDでプラグインが利用可能に Adobe XDは定期的にアップデートが行われており、昨年10月にリリース

    これ便利すぎ!Adobe XDのおすすめ無料プラグイン20個まとめ | PhotoshopVIP
  • Adobe XDの自動アニメーションとドラッグジェスチャー機能を使って、UIのインタラクションを実装したまとめ

    Adobe XDの2018年10月のアップデートで使えるようになった新機能「自動アニメーション」「ドラッグジェスチャー」を使用して、Webサイトやスマホアプリで見かけるUIのさまざまなアニメーションやインタラクションの実装を紹介します。 Adobe XDの「自動アニメーション機能」はかなり簡単にさまざまなエフェクトやトランジションが短時間で実装できます。さらに「ドラッグジェスチャー」を加えることで、タッチデバイスのドラッグ操作をシミュレートでき、自動アニメーション機能をさらに一歩進めることができます。 Adobe XD: putting auto-animate to the test 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ここで紹介したAdobe XDのファイルは、記事の最後でまとめてダウンロードできます。 また、こ

    Adobe XDの自動アニメーションとドラッグジェスチャー機能を使って、UIのインタラクションを実装したまとめ
  • 今一度おさらいしたいAdobe XDのリピートグリッドの活用法 - ポップインサイト

    AdobeXDは「リピートグリッド」を含む独特の機能を発表し、大きな話題となりました。この魔法の機能を使えば、どんな要素も複製することができます。 しかし、要素を複製できることだけが、リピートグリッドのもっとも優れた部分なのではありません。 リピートグリッドを使えば、連続したテキストや画像情報も簡単に取り込むこともでき、各グリッドに固有のコンテンツを含むことができます。これによりリピートグリッドは、テーブルやリスト作りに使用するツールになっています。 しかし、リピートグリッドがデザインワークフローにおいて他にどんな用途を持つのか気になりませんか? ここでは、リピートグリッドを使った6つのクリエイティブな方法を紹介します。 ※動画でのチュートリアルはこちら: ハンバーガーメニュー ハンバーガーメニューアイコンは、複数要素の繰り返しとスペースで構成されています。そのためリピートグリッド機能を使

    今一度おさらいしたいAdobe XDのリピートグリッドの活用法 - ポップインサイト
  • イケイケデザイナーになりたいので、XDを使ってVJをした - KAYAC Engineers' Blog

    こんにちは。KAYACクライアントワーク事業部デザイナーのちゃんちーです。(最近3Dになりました) 普段はtwitterslackっぽくするchrome拡張やインターネットの音だけで作ったビートなどを作っています。 いきなりですが、新卒一年目の僕、イケイケのデザイナーになりたいです。 「CDO」、「CXO」、「イケメンデザイナー」、「有名アートディレクター」などなど、イケイケデザイナーの像ってたくさんありますよね。 そんな僕にもなりたいイケてるデザイナー像があります...... それがこちら...... 『平日デザインして、週末にVJしてるデザイナー』になりて〜〜!!! そうなのです。平日は普通に業務をしながらも、週末はVJをして色んな人にちやほやされる。そんな思いを一度は経験したいのです。 しかし、VJなんて一度もやったことないし、VJとはなんなのか、どうやってVJしてんのかも正直わか

    イケイケデザイナーになりたいので、XDを使ってVJをした - KAYAC Engineers' Blog
  • 1