タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

XDに関するsatotaka99のブックマーク (6)

  • Adobe XDの使い方がこれでよく分かる!Adobe公式、ワイヤーフレーム・プロトタイプのチュートリアルファイル

    先日ローンチされたAdobe XD Trailから、Adobe XDの使い方がよく分かるワイヤーフレーム・プロトタイプを制作するチュートリアルファイルを紹介します。 Adobe XDの基操作をはじめ、ワイヤーフレームの作成、スタイルの適用、プロトタイプの作成、コラボレーションなど、実践的な使い方がこれでよく分かります。

    Adobe XDの使い方がこれでよく分かる!Adobe公式、ワイヤーフレーム・プロトタイプのチュートリアルファイル
  • アプリまたはwebサイトのレイアウトとデザイン |

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

    アプリまたはwebサイトのレイアウトとデザイン |
  • デザイン制作が捗る、個人的におすすめなAdobe XDの便利プラグイン 20 - NxWorld

    デフォルトでも便利な機能が多数用意されており且つ定期的にアップデートも行われているAdobe XDですが、プラグインを利用することでより効率よくデザイン制作を進めることができます。 そこで、今回は便利なプラグインが数多く公開されている中でも個人的に特におすすめなプラグインを紹介します。 エントリー内では基的にMacで使用した場合の見栄え・メニュー・ショートカットで紹介していますが、Winでもそこまで大きな違いはないので適宜置き換えてください。 プラグイン紹介時のキャプチャや挙動については、このエントリー公開時点のものになります。 プラグインのインストール・アンインストール・実行について インストール プラグインのインストールは、公式のものであればアプリから簡単にインストールができます。 イメージ内①のようにサイドにあるプラグインアイコンをクリック後に表示されるメニューの右上にあるプラスア

    デザイン制作が捗る、個人的におすすめなAdobe XDの便利プラグイン 20 - NxWorld
  • Webデザイン100トレース | Hypertext Candy

    こんにちわ!最近はフロント開発も担当させていただいてます、Yamamotoです。 今回はエンジニアがデザインを学ぶべく、100のWebサイトのデザイントレースをして、学んだことをまとめてみました。 エンジニアまたは未経験だけど、Webデザインにも興味があるという方の、何かのきっかけになれば幸いです。 目次 なぜ Webデザインを学ぼうと思ったのか デザイントレースについて 100トレースして学んだこと なぜWebデザインを学ぼうと思ったのか ざっくりですが、実務を行いながら以下のように思うことがありました。 細部のデザイン指示がなく、開発の手が止まってしまう どう実装するか目線の発想・提案しか浮かばない 綺麗なコードだけではなく、視野を広げてより良いものを作りたい などなど... デザイナーとエンジニアの業務は差別化されてはいますが、互いに近接し交わる部分も多くあります。そんな中で、業務効

    Webデザイン100トレース | Hypertext Candy
    satotaka99
    satotaka99 2019/09/17
    “UI GRAPHICS”
  • 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使ってないの?はじめての人もこれを読めばすぐに使えるAdobe XDのトリセツ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    やっとかめだなも! LIGのWeb事業部でマネージャーをしているちゃんれみです! 最近、周りの人からAdobe XDについて質問されることが増えてきました。すっかり「XDおばさん」の名が定着してきたようです。 Adobe XDとは Adobe XDは、Webアプリやモバイルアプリ用のユーザー操作性をデザインし、プロトタイプ化するためのベクターベースのツールです。ワイヤーフレーム、ビジュアルデザイン、インタラクションデザイン、プロトタイプ化、プレビュー、共有間の切り替えが簡単な、オールインワンの強力なツールです。(公式サイトより) ところが先日公開されたAdobe XD対談記事をシェアしたところ、意外にも「XDがんばって覚えねば……」「XDそろそろやらなきゃ」というコメントがいくつか寄せられ、まだまだAdobe XDを使ったことない方がいるんだな、と感じました。今回はそんなAdobe XDビ

    まだAdobe XD使ってないの?はじめての人もこれを読めばすぐに使えるAdobe XDのトリセツ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 1