トピックページデザインの 5 つの基本スキル (Alibaba UED Shanmu)

このトピックは、2012 年後半の社内共有です。まだ記事にはなっていませんが、春節が近づいているので急いで整理しました。ところで、ビジュアル デザイナーの皆さん、良い新年をお迎えください。 ！ ！来年は「苦い」という言葉を捨て去ろうという心からの呼びかけ...

特別なウェブサイトのデザインは、ウェブビジュアルデザイナーにとって必須のコースであると同時に、最も基本的なスキルであると考えるべきです。彼女が必要とするデザイン理論は最も基本的なものですが、最も重要です。デザイン理論にはさまざまなバージョンがあります。ここでは、Web ページ デザインのいくつかの方法を分析するために、5 つの側面のみを整理しました。私はマスターでも上級者でもありませんので、あらゆる批判を歓迎します。

誰もがデザイン理論について少しは知っていますが、私たちの作品は誰のために作られているのでしょうか？私たちの本当のユーザーは誰でしょうか？ユーザーの特徴は何でしょうか？各ウェブサイトはそれぞれ異なるユーザーをターゲットにしています。ここでは、社内でまとめたアリババのクラスBユーザーの特徴を簡単に紹介します。

ターゲットとするユーザーの特徴を理解することで、デザインはよりターゲットを絞ったものとなり、作品の創造性はユーザーのシナリオに近づくことになります。ここでは、特別なイベントデザインに必要な基本的なスキルを 5 つの側面に分けて説明します。

1° クリエイティブデザイン

創造性といえば、デザイナーが最も得意とするところであるはずですが、それは間違いなく最も厄介な問題でもあります。アイデアの質をどう判断するか。ジェイ・チョウの言葉を借りれば、「ああ、悪くないね」。他の人があなたのページを見てこのような感情を表現するなら、あなたのページは基本的にうまくできていると言えます。ここに 5 つの小さな方法があります:

2°レイアウト設計

レイアウト設計は最も基本的な設計原則と考えるべきです。説明は比較的簡単ですが、うまく活用するにはより多くの努力が必要です。レイアウト設計におけるいくつかの原則を説明する簡単な例を次に示します。

3°カラーデザイン

ここでのカラーデザインは色彩理論の説明ではなく、色彩感覚の説明でもありません。なぜなら、私は平均的な色彩感覚を持つデザイナーだからです。ここでは、色のコントラスト、色のサイズと形、色の位置という 3 つの原則についてのみ説明します。

上記の 3 つの原則は、Web ページで使用されている例がたくさんあります。補色、対照色、色差、色温度など、ここで説明されていない多くの色彩理論が必要な場合は、Baidu で検索できます...ここでいくつかのナンセンスな言葉がありますが、色を使いすぎるのは簡単ではなく、それらを抑えるために暗い色を使用するのが最善です。

4° 楽しいデザイン

興味深いデザインは、親近感を醸し出します。すべてのページに必要なわけではありませんが、時にはページに彩りを添えることもあります。

5°フロントエンドの知識

最近、1688 のホームページに取り組みました。フロントエンドについては、知っておくべきことが多すぎて、基本的なことしか知らないという気持ちが強くなりました。ここでは、コードの書き方については触れず、ページの読み込み時間に関係する画像サイズについてのみ説明します。

PS ストレージは、大きく分けて、非可逆ストレージ JPG 形式と可逆ストレージ (PNG、GIF) の 2 種類 (Web デザインでよく使用されます) に分けられます。これら 2 つの画像の違いは次のとおりです。

注意を払う必要があるもう 1 つの問題は、画像のサイズを制御することです。同じ画像でも、形式が異なればサイズも異なります。信頼性を維持しながら、可能な限り小さい画像形式を選択する必要があります。

上記は今年の私の特別セッションの要約です。読者の皆様の参考になれば幸いです。また、お互いに批判し合い、学び合うことも歓迎します。