Chap20-3 デザインの基礎知識

Chap20-3 デザインの基礎知識

デザインの目的や設計に必要な基礎知識を学習します。
「デザインする」ために必要なことを理解するのが目的です。

デザインの要素と原則

「Webデザイン」という講座内容なら、間違いなくここからスタートします。
「Visual design elements and principles」はビジュアルデザインの実践的な基本の考え方です。

Master
Master

知っているだけではダメですが、意識して使うことから始まります。
感覚でデザインする人も、デザインが苦手な人も意識してみましょう。
必ずスキルアップします(体験談)。

Master
Master

ブラウザで日本語に訳すことができるので、一度読んでみるといいでしょう。

優れたデザインが生まれるのは偶然ではありません。優れたデザイナーは、戦略的に色やシェイプやタイポグラフィといった要素を選択します。これらすべてが鑑賞者あるいはユ…
blog.adobe.com
原則に従ってデザイン要素をひとつにまとめれば、作品に構造と意味を持たせることが可能です。この記事では 7 つのデザインの主要な原則を紹介します。
blog.adobe.com
Master
Master

AdobeBlogで紹介されている、デザインの要素と原則の抄訳です。
原文もフッターにリンクされています。

ゲシュタルトの法則とは、人間は近いものや似ているものをグループ化したり、閉じた図形を見出そうとする性向があるという法則のことです。 ノンデザイナーこそ知っておき…
ferret-plus.com
Master
Master

ゲシュタルトの法則も、数多くの記事が検索でヒットするので、学習しやすいですね。

デザインの4大原則

特に覚えるレベルで活用して欲しいのは、デザインの4原則です。
必須レベルですので、必ず実戦で意識するといいでしょう。

色々なデザインのベースになっている「デザインの4つの基本原則」を知っていますか? 「近接」「整列」「強弱」「反復」の4つの原則は、優れたデザインを作るためにはど…
webdesign-trends.net

黄金比率を活用したWebデザイン

黄金矩形・√2矩形

黄金比の比率で作った長方形を黄金矩形または√2矩形と呼びます。

左の図はデザインでもよく使われる黄金矩形と黄金螺旋ですが、これがどのようにデザインで活用されているのか、あまりピンとこないですよね?

ちょっとしたコツがわかると、この長方形や螺旋を活用して、バランスの取れた、安定・安心感のある印象を持ったデザインにすることができます。

黄金比は芸術や建築に伝統的に利用されてきたが、見た目が魅力的なインタフェースをデザインするときにも参考になるだろう。
u-site.jp
Master
Master

Twitterのロゴにも使われています。
この他にも、ロゴやキャラクター、写真の構図、建築物などでも有名な黄金比をWebデザインでも使ってみるのもいいですね。