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.28 90199658 デザインする時の4つの基本原則・整列 https://3urprise.com/design/?p=30 https://3urprise.com/design/?p=30#respond Fri, 24 Apr 2015 05:45:48 +0000 http://3urprise.com/design/?p=30 続きを読む »]]> デザインには4つの基本原則があり、それらを外してデザインする事はごく稀であると勉強しました。

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

 

20140424-01

 

 

整列その1

まずはこちらをご覧下さい。

 

Design_002

 

前回の近接の時に作った不出来なものですが、これを今回の整列の原則を使ってもう一段階カッコよくします。

で、具体的に何をしたのかと言うと、近接の親戚みたいなもんで文字やオブジェクトの位置を揃えます。それにより見やすくグループ化しようって事を学びました。

 

Sponsored Link

 

 

基本原則の整列を元に編集したらこうなった

 

Design_003

 

 

整列のまとめ

  • ページ上の全ての物を意図的に配置する
  • ページ上の全てのオブジェクトが視覚的つながりをもつようにする
  • 一体性を大切に各要素が離れていても配置で結びつけるようにする
  • 同じページで2種類以上の文字揃えを用いない
  • とりあえずはダメ

 

次は反復を勉強する

 

Sponsored Link

]]>
https://3urprise.com/design/?feed=rss2&p=30 0 30
デザインする時の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