Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/smileapps/www/design/wp-content/plugins/jetpack/_inc/lib/class.media-summary.php on line 77

Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/smileapps/www/design/wp-content/plugins/jetpack/_inc/lib/class.media-summary.php on line 87

Warning: Cannot modify header information - headers already sent by (output started at /home/smileapps/www/design/wp-content/plugins/jetpack/_inc/lib/class.media-summary.php:77) in /home/smileapps/www/design/wp-includes/feed-rss2.php on line 8
原則 – 3URPRISE.DESIGN https://3urprise.com/design デザインの素人が何を勉強すればどう変わるのかを記録した Tue, 23 Aug 2016 20:00:35 +0000 ja hourly 1 https://wordpress.org/?v=4.6.29 90199658 デザインする時の4つの基本原則・近接 https://3urprise.com/design/?p=3 https://3urprise.com/design/?p=3#respond Thu, 23 Apr 2015 19:43:15 +0000 http://3urprise.com/design/?p=3 続きを読む »]]> デザインには4つの基本原則があり、それらを外してデザインする事はごく稀であると勉強しました。

具体的に近接とは何か?を記事にしてみます。

 

download

 

 

 近接を適用するその1

近接を勉強する前の私の作った自己紹介文を見てみましょう。

 

Design_001

 

勉強前なので色々わかりにくい & 醜いです。

何も言えない、酷すぎて。

 

Sponsored Link

 

 

近接を適用するその2

では基本原則の近接に従って編集してみます。

 

Design_002

 

近接のヒント!

近接とは互いに関連する項目は近づけてグループ化し、情報を組織化するのに役立ち、混乱を防ぐ役割を果たします。

先の例で説明すると、勉強前は見やすいと思い空の行を開けていましたが、勉強後の編集では近接の原則を意識して互いに関連する項目は近づけてグループ化してみました。

もちろん完璧ではございませんが、なんとなく見やすくなったのではないでしょうか?

 

 

近接のまとめ

  • 各オブジェクト(項目、ユニット)をグループ化する
  • 全体を見渡して視線が止まった回数が3~5回を超えていればグループ化できないか検討する
  • スペースに空きがあっても無駄にものを配置しない
  • グループ間に均等の空白を作りすぎない

 

次は整列を勉強します。

 

Sponsored Link

]]>
https://3urprise.com/design/?feed=rss2&p=3 0 3