XDの共有機能について
「共有」は、作業チームのコミュニケーションをスムーズにしたり、情報伝達を容易にしたりする機能です。1つのWebサイトやアプリを作る際には、多くの人の意見をとりまとめたり、必要に応じて修正を加えたりする必要があります。Adobe XDにはそんなチームの共同作業をスムーズに進めるための各種機能が含まれています。
【参考サイト】
XD/プロトタイプモード
【リンク相関図の作成】 例)ハンバーガーメニュー
①プロトタイプモードで、リンク元になる文字やオブジェクトをクリック
(ハンバーガーメニューの場合、メニューマーククリック)
②右側に出る▶を、リンク先ページにドラッグ
③右側メニュー/トリガー:タップ、種類:オーバーレイ、アニメーション:左にスライド
④リンク先の×(閉じるボタン)クリック
⑤②と同作業
⑥右側メニュー/トリガー:タップ、種類:オーバーレイ、アニメーション:右にスライド
⑦デザインモードで、リンク元のアートボード名クリック
⑧右上の▶プレビューでテスト再生できる
・種類:スクロール先 はアンカーリンクのようにページ内に飛ぶ場合など
・種類:トランジション は通常リンク?
メモ
◆XDでのダイレクト選択ツールのような機能
選択ツールWクリックで、アンカーポイントが出て多少の変形ならできる
◆Webサイトの文字サイズ
昔は12pxとか小さい文字サイズが流行ったが、今はデフォルトが主流とのこと
デフォルトのサイズは16pxで、変えない方が楽
<デフォルト>
h1 48px
h2 36px
h3 24px
h4~h6 16px
pタグ 16px
◆webデザイナーの仕事はワイヤーフレーム・デザインカンプまで
コーディングはコーダーの作業なので、別で考えてOK
・全くわからない状態だと、無茶なデザインをしてしまう恐れがある
・コードが書ける=より幅が広がる ので、理解はしておく