先日ローンチされたAdobe XD Trailから、Adobe XDの使い方がよく分かるワイヤーフレーム・プロトタイプを制作するチュートリアルファイルを紹介します。 Adobe XDの基本操作をはじめ、ワイヤーフレームの作成、スタイルの適用、プロトタイプの作成、コラボレーションなど、実践的な使い方がこれでよく分かります。
![Adobe XDの使い方がこれでよく分かる!Adobe公式、ワイヤーフレーム・プロトタイプのチュートリアルファイル](https://cdn-ak-scissors.b.st-hatena.com/image/square/a41ec5607d95fa2070269a804bc3f04d0aa82336/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202002%2F2020062101-01.png)
Adobe XDを使用してワイヤーフレーム、プロトタイプ、デザインカンプなど、WebページのUIを設計するワークフローに沿って学べる解説書を紹介します。 ワイヤーフレームを作るにあたっての準備から、実際の作り方、コンポーネント管理、画面遷移設計、プロトタイプ共有、デザインスペック共有など、Adobe XDの実践的な使い方を基礎からしっかり学べます。 Adobe XDの解説書を探していた人には、間違いのない決定版の一冊です! 本書はWeb制作に携わるすべての人、ディレクター、デザイナー、コーダーにお勧めの本です。Adobe XDをまだ使用したことがない、すでに使用しているけどもっと使いこなしたい、そんな人にぴったりの一冊です。 発売されて間もないのに、Amazonで☆5レビューが早くもかなりついています。
Supership デザイナーの若林です。アプリやWebサイトのUI/UXに携わっています(と言っても3月入社の新人ほやほやです)。 最近プロトタイピングツールが増えていますが、実際どれが一番実務に適しているんだろう?と気になっていたところ、良い機会をいただいたのでデザイナー観点で実際に(ざっくり)触った感想と比較をしてみたいと思います。 代表的なツールと種類・トランジション型(遷移):Prott、Adobe XD、inVision、CanvasFlip、Marvel ・インタラクション型(アニメーション):Origami Studio、Framer ・複合型:CRAFT + inVision、protopie、Principle、flinto、atomic 大まかにこのような分類で上記のようなツールが代表的かと思います。現在、当チームでは主に「Sketch」でUI制作、「Prott」でプ
デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディア「WPJ」より、この週末に読んでおきたい注目記事をまとめて紹介。 今週は、CSSの先祖返りを防ぐビジュアルテストの方法、本のデザインとWebデザインについてのCSSキーパーソンインタビュー、Sketchで作ったUIのコード変換など、話題の記事を中心に8本をセレクト。 平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみては? デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディア「WPJ」より、この週末に読んでおきたい注目記事をまとめて紹介。 今週は、CSSの先祖返りを防ぐビジュアルテストの方法、本のデザインとWebデザインについてのCSSキーパーソンインタビュー、Sketchで作ったUIのコード変換など、話題の記事を中心に8本
Adobe Experience Design(以下、Adobe XD)の評判はいいって聞くけど、実際のところどうなの? 使えるの? そんな疑問がすっきりするAdobe XDで何ができるのか、Webサイトやアプリのワイヤーフレームやプロトタイプを作成するのに便利な機能を紹介します。 Wireframing and Prototyping in Adobe XD 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 UI/UXデザインに適したツールを探して Adobe XDとは Adobe XDのアートボード Adobe XDのシェイプ操作 Adobe XDのオブジェクトのグループ化 Adobe XDのリピート グリッド(Repeat Grid) Adobe XDのエクスポートとインポート Adobe XDでプロトタイプを作成 Adobe X
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く