3月16日(木)-XD実習/ワイヤーフレーム

XDの共有機能について

「共有」は、作業チームのコミュニケーションをスムーズにしたり、情報伝達を容易にしたりする機能です。1つのWebサイトやアプリを作る際には、多くの人の意見をとりまとめたり、必要に応じて修正を加えたりする必要があります。Adobe XDにはそんなチームの共同作業をスムーズに進めるための各種機能が含まれています。

【参考サイト】

XD/プロトタイプモード

【リンク相関図の作成】 例)ハンバーガーメニュー

①プロトタイプモードで、リンク元になる文字やオブジェクトをクリック
 (ハンバーガーメニューの場合、メニューマーククリック)
②右側に出る▶を、リンク先ページにドラッグ
③右側メニュー/トリガー:タップ、種類:オーバーレイ、アニメーション:左にスライド
④リンク先の×(閉じるボタン)クリック
⑤②と同作業
⑥右側メニュー/トリガー:タップ、種類:オーバーレイ、アニメーション:右にスライド
⑦デザインモードで、リンク元のアートボード名クリック
⑧右上の▶プレビューでテスト再生できる

・種類:スクロール先 はアンカーリンクのようにページ内に飛ぶ場合など
・種類:トランジション は通常リンク?

メモ

◆XDでのダイレクト選択ツールのような機能
選択ツールWクリックで、アンカーポイントが出て多少の変形ならできる


◆Webサイトの文字サイズ
昔は12pxとか小さい文字サイズが流行ったが、今はデフォルトが主流とのこと
デフォルトのサイズは16pxで、変えない方が楽

<デフォルト>
h1 48px
h2 36px
h3 24px
h4~h6 16px
pタグ 16px


◆webデザイナーの仕事はワイヤーフレーム・デザインカンプまで
コーディングはコーダーの作業なので、別で考えてOK
・全くわからない状態だと、無茶なデザインをしてしまう恐れがある
・コードが書ける=より幅が広がる ので、理解はしておく

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です