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

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

論理は、古典ギリシャ語の λόγος (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度は合理的であるべきだ

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

推薦する

石玉珠の自伝:1元を使って38元の効果を達成する方法

メラトニンの広告料は年間3億元で、放送に基づく仲介機関の最終査定額は38億元だった。このような大きな...

UEESHOP独立ステーションシステムが再び大規模にアップデートされ、売り手の注文量の増加が期待される

2018年4月16日、UEESHOP独立ステーションシステムは今年も大規模なアップデートを迎えました...

満足のいくユーザー体験を実現するには、実践からマーケティング経験を積むことが必要

私は以前、ウェブサイトの最適化業務に従事していました。マーケティングの仕事を始めた当初は、マーケティ...

地域共同購入ウェブサイトの運営経験についての簡単な説明

地域共同購入サイトとは、その名の通り、特定の地域で共同購入活動を行うために開設されたウェブサイトです...

SEOの「地方から都市を包囲する」戦略がポータルサイトに一気に反撃

「都市を囲む農村」ここで説明する必要はないと思います。どうしても分からない場合は百度で検索してくださ...

Kubernetes での gRPC トラフィック負荷分散の実装

gRPC サービスを Kubernetes クラスターにデプロイしようとするときに一部のユーザー (...

ビットコイン:初心者はパニックに陥って売り、ベテランは低価格で購入

今週ビットコインの価格は急落し、新規投資家はパニックに陥って株を売却したが、ベテラン投資家は低価格で...

注目すべきクラウドサービスとSaaS

クラウドサービスとSaaSについてお話しましょう。専門用語を知らないことは二次的な問題です。大切なの...

BATはコミュニティ3.0の前で震える

このトピックを初めて見た人は、間違いなく著者が頭がおかしいと思うでしょう。そして彼は本当に頭がおかし...

光ファイバー相互接続: クラウド コンピューティング ネットワークを改善する方法

21 世紀初頭以来、クラウド コンピューティングは驚くほどの注目を集め、話題になっています。教育、食...

個人ウェブマスターのウェブサイト構築の鍵は粘り強さです

ショートビデオ、セルフメディア、インフルエンサーのためのワンストップサービス私のウェブマスターの友人...

vdsina: ロシアの VPS (datapro)、6 ルーブル/日、1G メモリ/1 コア (AMD EPYC 7742)/5gNVMe/10T トラフィック

今日、vdsina がコストパフォーマンスに優れた AMD EPYC シリーズ VDS を発売したと...

レノボ、エッジコンピューティングを商用利用に展開する「スマート レノボ CIO 中国ツアー」イベントを開始

近年、「クラウドコンピューティングからエッジコンピューティングへ」という声が高まっています。基本的に...

次の黄金の10年を迎え、クラウドコンピューティングは包括的な発展の時代に入る

クラウド コンピューティングは、新しいインフラストラクチャの重要な部分になりました。中国工業情報化部...

ウェブサイトの最適化で避けるべき9つのことについて話します

1. 頻繁なタイトル変更Baidu は不安定な Web サイトを好みません。Web サイトの構築を開...