等倍でデザインをする、は別の動画で紹介しました。その関連として”グリッド”を使ってレイアウトをデザインするテクニックを紹介します。
後半の事例パートを見てもらうと分かると思いますが、グリッドを使うと整った見た目を作るヒントに気づき易くなります。し、自分でもそれを実現しやすくなります。
特にレスポンシブとの相性がとても良いので実践的に取り入れていくと良いですよ〜。詳しいやり方は動画を見てみてください!
こちらから動画で使っているファイルにアクセスできます〜。メンバー限定ですよ〜。
https://www.figma.com/file/iaXpHPClRMRI8YCxVmmJyd/3-1.UIビジュアルの基本?node-id=737%3A11119
動画では詳しく喋ってませんが、グリッドがいつも正しいわけではないです。グリッドで見た目を作ると、かなり機械的な印象になりやすいです。言葉を選ばないと”つまらない”デザインになります。
なのでダッシュボードなどをデザインするときはそれでも良いですが、LPなどでグリッドにこだわりすぎると、目的に叶わない印象を作ってしまうこともあります。
あくまで目安として使ったり、たまにあえてずらしてアクセントにしたり。遊んでみてください。
等倍でデザインをする、は別の動画で紹介しました。その関連として”グリッド”を使ってレイアウトをデザインするテクニックを紹介します。
後半の事例パートを見てもらうと分かると思いますが、グリッドを使うと整った見た目を作るヒントに気づき易くなります。し、自分でもそれを実現しやすくなります。
特にレスポンシブとの相性がとても良いので実践的に取り入れていくと良いですよ〜。詳しいやり方は動画を見てみてください!
こちらから動画で使っているファイルにアクセスできます〜。メンバー限定ですよ〜。
https://www.figma.com/file/iaXpHPClRMRI8YCxVmmJyd/3-1.UIビジュアルの基本?node-id=737%3A11119
動画では詳しく喋ってませんが、グリッドがいつも正しいわけではないです。グリッドで見た目を作ると、かなり機械的な印象になりやすいです。言葉を選ばないと”つまらない”デザインになります。
なのでダッシュボードなどをデザインするときはそれでも良いですが、LPなどでグリッドにこだわりすぎると、目的に叶わない印象を作ってしまうこともあります。
あくまで目安として使ったり、たまにあえてずらしてアクセントにしたり。遊んでみてください。
等倍でデザインをする、は別の動画で紹介しました。その関連として”グリッド”を使ってレイアウトをデザインするテクニックを紹介します。
後半の事例パートを見てもらうと分かると思いますが、グリッドを使うと整った見た目を作るヒントに気づき易くなります。し、自分でもそれを実現しやすくなります。
特にレスポンシブとの相性がとても良いので実践的に取り入れていくと良いですよ〜。詳しいやり方は動画を見てみてください!
こちらから動画で使っているファイルにアクセスできます〜。メンバー限定ですよ〜。
〜メンバー限定です〜
動画では詳しく喋ってませんが、グリッドがいつも正しいわけではないです。グリッドで見た目を作ると、かなり機械的な印象になりやすいです。言葉を選ばないと”つまらない”デザインになります。
なのでダッシュボードなどをデザインするときはそれでも良いですが、LPなどでグリッドにこだわりすぎると、目的に叶わない印象を作ってしまうこともあります。
あくまで目安として使ったり、たまにあえてずらしてアクセントにしたり。遊んでみてください。
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
Unordered list
Bold text
Emphasis
Superscript
Subscript
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
Unordered list
Bold text
Emphasis
Superscript
Subscript
0 Comments