5 grundlegende Fähigkeiten zum Design von Themenseiten (Alibaba UED Shanmu)

5 grundlegende Fähigkeiten zum Design von Themenseiten (Alibaba UED Shanmu)

Bei diesem Thema handelt es sich um einen internen Austausch in der zweiten Hälfte des Jahres 2012. Es wurde noch kein Artikel daraus gemacht, aber ich habe es schnell organisiert, da das chinesische Neujahrsfest vor der Tür steht. Außerdem möchte ich allen visuellen Designern ein frohes neues Jahr wünschen! ! ! Ein Aufruf aus meinem Herzen, das Wort „bitter“ nächstes Jahr loszuwerden …

Spezielles Website-Design sollte für visuelle Webdesigner ein Pflichtkurs sein und gilt zugleich als grundlegendste Fertigkeit. Die Designtheorien, die sie braucht, sind die grundlegendsten, aber auch die wichtigsten. Es gibt so viele Versionen von Designtheorien. Ich habe hier nur 5 Aspekte herausgearbeitet, um einige Methoden des Webseitendesigns zu analysieren. Ich bin kein Meister oder Senior und freue mich über jede Art von Kritik.

Jeder weiß ein wenig über Designtheorie, aber für wen sind unsere Werke gedacht? Wer sind unsere echten Benutzer? Was sind die Merkmale der Benutzer? Jede Website zielt auf unterschiedliche Benutzer ab. Hier ist eine kurze Einführung in die Merkmale der Benutzer der Klasse B von Alibaba, die wir intern zusammengefasst haben:

專題頁設計的5個基本功

Wenn wir die Eigenschaften der Benutzer kennen, auf die wir abzielen, können wir unsere Designs gezielter gestalten und die Kreativität unserer Arbeiten besser an den Benutzerszenarien ausrichten. Hier erkläre ich anhand von fünf Aspekten die grundlegenden Fähigkeiten, die für die Gestaltung besonderer Veranstaltungen erforderlich sind.

1° Kreatives Design

Apropos Kreativität: Das sollte das sein, was Designer am besten können, aber es ist definitiv auch das schwierigste Problem. Wie beurteilt man die Qualität einer Idee? Um es mit Jay Chou auszudrücken: „Oh, das ist nicht schlecht.“ Wenn andere Ihre Seite sehen und diese Art von Emotionen zum Ausdruck bringen, dann ist Ihre Seite grundsätzlich gut gemacht. Hier sind 5 kleine Methoden:

專題頁設計的5個基本功

專題頁設計的5個基本功

2° Layout-Entwurf

Das Layoutdesign sollte als das grundlegendste Designprinzip betrachtet werden. Obwohl es relativ einfach zu erklären ist, erfordert es dennoch mehr Aufwand, wenn Sie es gut nutzen möchten. Hier ist ein einfaches Beispiel, um einige Prinzipien der Layoutgestaltung zu erklären:

專題頁設計的5個基本功

專題頁設計的5個基本功

3° Farbgestaltung

Die Farbgestaltung hier ist weder eine Erklärung der Farbtheorie, noch ist es eine Erklärung des Farbempfindens, da ich ein Designer mit durchschnittlichem Farbempfinden bin. Hier sprechen wir nur über drei Prinzipien: Farbkontrast, Farbgröße und -form sowie Farbposition.

專題頁設計的5個基本功

Es gibt viele Beispiele für die Verwendung der oben genannten drei Prinzipien auf Webseiten. Wenn Sie die vielen Farbtheorien benötigen, die hier nicht erwähnt werden, wie Komplementärfarben, Kontrastfarben, Farbunterschiede, Farbtemperatur usw., können Sie auf Baidu suchen ... Hier sind ein paar unsinnige Worte: Es ist nicht einfach, zu viele Farben zu verwenden, und es ist am besten, dunkle Farben zu verwenden, um sie zu unterdrücken.

專題頁設計的5個基本功

4° Lustiges Design

Ein interessantes Design vermittelt eher ein Gefühl von Intimität. Es ist nicht für alle Seiten erforderlich, aber gelegentlich verleiht es der Seite viel Farbe.

專題頁設計的5個基本功

專題頁設計的5個基本功

專題頁設計的5個基本功

5°Frontend-Wissen

Ich habe kürzlich an der Homepage von 1688 gearbeitet. Ich habe zunehmend das Gefühl, dass es zu viele Dinge über das Front-End zu wissen gibt und ich nur die Grundlagen kenne. Ich werde hier nicht darüber sprechen, wie man Code schreibt, sondern nur über die Bildgröße, die mit der Ladezeit der Seite zusammenhängt.

PS-Speicher kann grob in zwei Typen unterteilt werden (häufig im Webdesign verwendet): verlustbehafteter Speicher im JPG-Format und verlustfreier Speicher (PNG, GIF). Der Unterschied zwischen diesen beiden Bildern ist:

專題頁設計的5個基本功

Ein weiterer Punkt, auf den wir achten müssen, ist die Kontrolle der Bildgröße. Das gleiche Bild hat in verschiedenen Formaten unterschiedliche Größen. Wir müssen das kleinstmögliche Bildformat wählen, ohne die Authentizität zu beeinträchtigen.

專題頁設計的5個基本功

Der obige Inhalt ist eine Zusammenfassung meiner diesjährigen Sondersitzung. Ich hoffe, er kann den Lesern eine Hilfe sein. Sie sind auch herzlich eingeladen, Kritik zu äußern und voneinander zu lernen.

<<:  HTML+Sass implementiert HambergurMenu (Hamburger-Menü)

>>:  Was sind die neuen CSS-Pseudoklassenfunktionen :where und :is?

Artikel empfehlen

Beispiel für die Verwendung der in Vue integrierten Komponente „Keep-Alive“

Inhaltsverzeichnis 1. Verwendung von Keep-Alive A...

Eine kurze Diskussion zum Problem des Docker-Run-Containers im erstellten Status

Bei einem aktuellen Problem gibt es folgendes Phä...

Einführung in MySQL-Isolationsebene, Sperre und MVCC

Ziel dieses Artikels ist es, die Beziehung zwisch...

Einführung in die Verwendung gängiger XHTML-Tags

Es gibt viele Tags in XHTML, aber nur wenige werd...

So verwenden Sie den Linux-Befehl nl

1. Befehlseinführung nl (Anzahl der Zeilen) fügt ...

Linux /etc/network/interfaces Konfigurationsschnittstellenmethode

Die Datei /etc/network/interfaces wird in Linux z...

Detaillierte Erklärung des VueRouter-Routings

Inhaltsverzeichnis Vue-Router 1. Verstehen Sie da...

MySQL-Startfehler InnoDB: Sperren nicht möglich/ibdata1-Fehler

Beim Starten von MySQL in einer OS X-Umgebung wir...