デザインの素人がノンデザイナーズ・デザインブックを読んだら、デザインの原則が結構分かるようになった!

公開日: : iPhoneアプリ開発

20160724-154909.jpg

ずっとエンジニアとして働いてきてデザインに関してはまったくの素人な僕ですが、「ノンデザイナーズ・デザインブック」という本を読んだことでデザインの原則がある程度理解でき、ダメなデザインに対して「なぜダメなのか?」をそれなりに言語化して説明できるようになりました!

(もちろん、この本を読んだだけでデザインの全てが分かるわけではありません。あくまでもデザインについて学び始める入り口としてかなりいいかもよ!ってことです)

今回はこの本を読んで学べたことを、実例をまじえて簡単にまとめておこうと思います。

    

    

スポンサード リンク

デザインの原則「近接」

いくつかの項目が互いに近接している場合、それらはいくつかのバラバラのユニットではなく、視覚的に一つのユニットとなります。

20160724-160407.jpg

左の例ではそれぞれの要素がバラバラに配置されており、組織化がなされていません。

右の例ではそれぞれの要素が他の要素と近接しており、情報の組織構造ができあがっています。

    

デザインの原則「整列」

すべてのものを意識的に配置し、すべての要素が他の要素と視覚的つながりをもつようにする、ってことです。

20160724-160824.jpg

左の例だと、各要素が無造作に並べられただけのように見え、どの要素も他の要素と関連していません。

右の例だと、右端に強い縦の線が生まれ、この線が各要素を結びつけています。

    

デザインの原則「反復」

デザイン全体を通して視覚的要素を反復すると、孤立している部分が結びつき、作品が一体化され強化されます。

20160724-161638.jpg

左の例では、最後の行まで見終わったら、視線は名刺の外にさまよい出てしまいます。

右の例では、最後の行まで見終わったら、視線が2つの太字体の要素の間を行ったり来たりします。

反復は、断片をまとめて一体感を与えてくれます。

    

デザインの原則「コントラスト」

コントラストは見た人の目を引き付けます。2つの異なる要素を配置するときには、それを似せてはならず、2つの要素がはっきりと異なっている必要があります。

20160724-162148.jpg

左の例では、書体の太さとサイズが同じになっており、情報の組織化がなされていません。

右の例では、書体の太さとサイズが明確に異なっており、情報がハッキリと組織化されています。

    

@akio0911はこう思った。

原則を読んだだけだと「なんだ、当たり前のことだな」って思っちゃうんですけど、これらがデザインの原則であることを明確に意識しながらレイアウトしていくと、アウトプットのクオリティがずいぶん変わってきます。

「デザインのセンスがないんだけど、どうすれば向上させられるのか分からない」という方にオススメできる一冊です!

    

この記事が気に入ったら「いいね!」しよう

follow us in feedly

Feedlyで最新記事を購読

Twitterで更新情報をゲット!

LINEでご感想・ご要望お送りください!
(スマホでLINEを起動 > 友だち追加 > QRコード)

関連記事

iPhoneアプリ開発の初心者にオススメな本はこれだ!iOS 7とXcode 5に対応!

僕が講師をしている初心者向けのiPhoneアプリ開発講座「アプリクリエイター道場」でも参考書とし

記事を読む

I20150802-085831.jpg

Swift 1.2でtouchesBeganメソッドのNSSetがSetへ変更されました

Swift 1.2で、touchesBegan・touchesMoved・touchesCanc

記事を読む

Auto LayoutやStoryboardの仕組みをしっかり理解できる!「UIKit徹底解説」

インプレスジャパン様より献本御礼。UIKit周りを中心に、「Auto Layout」「Story

記事を読む

I20160411-122213.jpg

Swift 2.2の変更点をまとめてみた

2016年3月22日、Xcode 7.3と共にSwift 2.2が正式にリリースされました。

記事を読む

I20160212-000722.jpg

Swiftにおけるセレクタ(Selector)について調べてみた

NSTimerなどを使う際、引数に「Selector」という型があるのですが、これがSwiftで

記事を読む

20150522-105524.jpg

【書籍】初心者にオススメな本!「これからはじめる Apple Watchアプリ開発入門」

Apple Watchは買いましたか?使ってますか?アプリを作ってみたくはないですか? という

記事を読む

20141119-114354.jpg

【iOSアプリ開発】隙間時間で読んで学ぶのにオススメな入門本「はじめてのSwiftプログラミング」

「はじめてのSwiftプログラミング」という入門書が手頃なサイズで、持ち歩いてスキマ時間で読んで

記事を読む

エディタのショートカット・Auto Layout・ブレークポイントに関する詳しい解説も!「Xcode5徹底解説」

著者の@es_kumagaiさんより献本御礼。iOSアプリ開発に用いるツール「Xcode 5」の

記事を読む

I20160207-111059.jpg

【Swift】Xcodeで型推論された変数や定数の型を調べる方法

Swiftには、そのデータ型が明らかであれば型を明記する必要が無い「型推論」という機能があります

記事を読む

I20160102-131507.jpg

Swift 2の文法が分かるオススメ本「詳解 Swift 改訂版」

Swift文法書の定番とも言える、荻原 剛志さんの「詳解 Swift」。 Swiftの文法をキ

記事を読む

PAGE TOP ↑