デザインドリル進捗日記#6

演習06の成果物

演習01~05(構成)の総まとめ。トレースではなく模写する。

完成品

解説を読んで直したもの

目標45分で、直しを合わせて1時間くらいかな？
意識したのは以下。
・情報の優先順位
1)ロゴ 2)NewOpen 3)日付
・重心
写真と説明文のバランス

解説を読んで直したのは、
・説明文の両端揃え
・下半分の文字情報の幅サイズ

覚えたPhotoshopの操作

• 複数のレイヤーを選択する

• 段落の両端揃え

複数のレイヤーを選択する

https://helpx.adobe.com/jp/photoshop/using/selecting-grouping-linking-layers.html

レイヤーウィンドウでShiftを推しながらクリック

段落の両端揃え

文字の均等配置、両端揃えについて｜初心者でもできる-Adobe Photoshop CC（フォトショップ クリエイティブクラウド） 操作マニュアル（使い方） | Sierrarei

「テキストツール」を選択し、画像ウィンドウ内でクリックし、そのままドラッグしてテキストのバウンディングボックスを作成します。入力エリアができると、「段落パネル」の「均等配置」「両端揃え」が有効になっているのが確認できます。

画像ウィンドウの中で直接文字を打ち込んだ場合、段落パネルの均等配置を使用できないので注意！

まとめ

Lesson1：構成
演習01優先順位：構成要素に優先順位をつけてわかりやすくする
演習02揃え：配置の基準を決めることで情報を伝わりやすくする
演習03重さ：画面の中で重心が偏らないように要素を配置/調整する
演習04余白：優先順位の高い要素を目立たせるために、そのほかの要素を引き算する
演習05対比：構成要素に強弱をつけることで、情報の優先順位を伝える

次は色の練習！楽しみ〜！