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