第3回は、『デザイン模写』を行い「STUDIO」の基本操作を学びます。
目次
デザイン模写を行う参考サイト
「オプション」部分を再現しよう
模写を始める前に、まずはお手本のデザイン構成を確認
- 見出し
- 本文
- 3列のタイル状ボタン
ヒント
見出し
文字の下に点線が。実装方法は複数有り。
ヒント
上部のスタイルバー「ボックス」の設定項目に…
本文
フォントと文字サイズを変更してみよう。使用フォントはドラック&ドロップで並べ替え可能。
＋α
フォントファミリーを使って、和欧混植の「合成フォント」に挑戦しよう！
3列のタイル状ボタン
先週学んだカード型レイアウトの応用で制作可能。ドロップシャドウもかかってるぞ
ヒント
設計図はこんな感じ
ボックス内の子要素が整列する方向（矢印）を変えてみると…
