ウェブサイトのデザイン分析: デザインのロジックに関する簡単な説明

論理は、古典ギリシャ語の λόγος (logos) に由来し、もともと「言葉」または「スピーチ」を意味していましたが、後に「思考」または「推論」を意味するようにも拡張されました。論理学は議論を評価するための基準の研究であるとよく考えられていますが、論理学の正確な定義は哲学者の間でも議論の的となっています。主題は依然として有効であり、論理学者の課題は同じです。つまり、良い議論と悪い議論を区別できるように、有効な推論と誤った推論を大量に生成することです。

論理とは思考の法則です。子どもの頃、ある人が私に、羊の群れ 1 つと羊の群れを足すと羊の群れは何匹になるかと尋ねました。私は迷わず、羊の群れ 2 つだと答えました。彼は間違っていました。羊の群れは 1 つ大きかったのです。 1+1=2 は真実であり、1+1=1 も真実です。論理は私たちの日常生活の一部として存在します。そこには切り離すことのできない正常感覚がある。人種の違いは人間の認識に影響を及ぼします。アメリカ人の独立性と平等性は、厳格な階層構造を信じる日本人には受け入れられないかもしれません。したがって、私が理解するデザインにおけるロジックは、慣習的な意識のもとで標準化され、秩序立てられ、合理的で根拠のあるものである。どんなに小さなシンボルであっても、絵との関係や存在の意味を説明できるものである。

そのため、私は知識があまりなく、自分の文章がどれほど合理的であるかを敢えて言うことはできません。ここでは、私が数年間のデザイン業務の経験と読んだ本から得た、デザインに関する論理的推論を以下にまとめます。

1. デザインにおけるロジックの読み方 - Gutenberg チャート

ユーザーが画面から必要な情報を読み取れるように誘導します。しかし、14 世紀初頭に、ヨハン・グーテンベルクというドイツの印刷工が、習慣的な視覚点の読み取り規則を発見しました。彼は西洋人の目から見れば活版印刷の発明者であるだけでなく、人々が絵やレイアウトを閲覧するとき、視線が左上隅から右下隅に移動することが多いことも教えてくれます。我々の視線は本質的に不公平であり、目を引く美しいものを見るのが好きなのと同じです。対角線バランスのとれた読書軌道の法則は、デザインにおける規範的な誤りを回避するのに役立ちます。もちろん、すべての画像に当てはまるわけではないので、独断的な考えは避けてください。

グーテンベルク図の読み取りロジックによると、この一連の写真では、左上から最初に見えるのはブランドのロゴであり、次に読み取りの軌跡は対角視野のフレーズから右下隅の製品に移動します。写真で強調する必要がある要素は、読み取りロジックのルールに従って表示されます。残りの視覚的な死角は補助的な要素です。

2. 線形論理

線形論理に対する私の理解は、権力配分の階層のようなトップダウンのものです。産業チェーンと同様に、各リンクは密接に接続され、秩序があり、厳格で合理的です。たとえば、製品のページの詳細は次のようになります。

線形ロジックは明確で、ターゲットが絞られており、理解しやすいです。このロジックに従って、ユーザーが混乱することなくデザインを見ることができるようにガイドします。

3. ピラミッドロジック

ピラミッドロジックでは、構造内のさまざまなカテゴリが、いくつかの論理的な方法 (上向き、下向き、水平方向) でのみ相互接続され、密接に接続されたスムーズな論理的な思考の流れが形成されます。ピラミッドロジックはウェブサイトのアーキテクチャなど広く使われている

4. 曲線の論理 -

高級品は年間を通じて価格が高いにもかかわらず、なぜ多くの忠実な購入者がいるのでしょうか? それは消費曲線によるものです。一方で、原材料は最高品質で高価であり、他方では、ブランド自慢は人々の虚栄心を満たします。この2つの拡大が私たちの微笑ましい価格強要戦略を形成しています。値段が高ければ高いほど、買う人も増えます！

豊かな国の贅沢品の価格は貧しい国のそれよりもはるかに低く、「価格の法則」は大いに成功している。この独占バンドル販売により、曲線型消費は、非論理的ではあるが市場の特別な法則に沿った状況において、ユニークなビジネス戦略となります。

ここで私は、曲線的な消費は、デザインや製品の独自の最先端性とユーザーの非合理的な思考による消費モデルという、デザインにおける曲線的なロジックにも変換できると大胆に想定しています。リードすることは独占を意味します。非合理的な消費は、消費者が強い欲求を持っていることを大きく反映しています。どちらも増加する傾向にあり、当初の設計ロジックが売上やクリック率に転換されることはかなり大きいです。なぜ Apple 製品は米国よりも中国で高価なのに、それでも中国人は Apple 製品を買うために夜通し列に並ぶのでしょうか。個人的には、これがその要因の 1 つだと思います。

5. グリッド

グリッドは、境界線、余白、列などの垂直または水平の区切り線を使用してレイアウトをセクションに分割し、コンテンツを整理するためのフレームワークを提供するツールです。印刷物から Web ページ、最新の Windows 8 システムインターフェイスまで、デザインにおいてグリッドを無視することはできません。どのようなデザインであっても、デザインにはグリッドがなければなりません。グリッドを使用すると、ページレイアウトがコンパクトかつ安定して見えるため、サイトを設計する際にデザイナーに論理的で厳密なテンプレートが提供されます。グリッドはレイアウトデザインに一貫性とリズムを与えることもできます。これにより、非常に小さく互いに無関係に見える要素が、グリッドレイアウト内で独自の場所を占めるようになります。

しかし、グリッドはデザイナーにルールに従って退屈なデザインをすることだけを要求するわけではありません。合理的な適用を通してのみ、優れた作品を構築し、デザインすることができます。適切なタイミングでルールを破ることで、予期せぬ驚きをもたらすこともできます。

レイアウトデザインにおけるテキストとグラフィックのグリッドレイアウトの例

ウェブデザインにおけるグリッドレイアウトの例

最後に、まとめると、デザインには熟考したり学んだりする価値のあることがまだたくさんあります。私が考えたり理解したりできるのはほんの一滴に過ぎません。デザインの世界に入ると、それは深海のようなものです。無限の知識が私たちを待っています。さあ！〜

この記事の参考文献:

「中国の高級品ローカリゼーション戦略」楊青山著

「瞬間の美しさ: Web インターフェースデザインでユーザーを動かす方法」Robert Hoekman, Jr. 著

原題: ウェブサイトのデザイン分析: デザインのロジックに関する簡単な説明

キーワード: ウェブサイト、簡単な議論、計画、ロジック、起源、古典、ギリシャ、ロゴ、ウェブマスター、ウェブサイトのプロモーション、収益化

<<: 入札自体は悪いことではないが、360度は合理的であるべきだ

>>: オンライン教育の垂直ウェブサイト