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

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

 

20140424-01

 

 

整列その１

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

 

Design_002

 

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

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

 

Sponsored Link

 

 

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

 

Design_003

 

 

整列のまとめ

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

 

次は反復を勉強する

 

Sponsored Link

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