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

MySQL-Datenbank implementiert OLTP-Benchmark-Test basierend auf Sysbench

Sysbench ist ein hervorragendes Benchmark-Tool, d...

Xhtml-Sonderzeichensammlung

Name des Autors: &#160; no-break space = gesc...

Erläuterung des Prinzips des MySQL-Replikationsmechanismus

Hintergrund Bei der Replikation handelt es sich u...

So verwenden Sie video.js in Vue zum Abspielen von Videos im M3U8-Format

Inhaltsverzeichnis 1. Installation 2. Einführung ...

Die 9 besten ausländischen Websites mit kostenlosem Bildmaterial

Es ist schwierig, Websites mit gutem Bildmaterial...

HTML realisiert Hotel-Screening-Funktion über Formular

<!doctype html> <html xmlns="http:/...

Lösung zum Vergessen des Administratorkennworts der MySQL-Datenbank

1. Geben Sie den Befehl mysqld --skip-grant-table...

HTML-Code, der den Internet Explorer zum Einfrieren bringen kann

Wir müssen lediglich einen beliebigen Texteditor ö...

Anwendung von HTML und CSS in Flash

Anwendung von HTML und CSS in Flash: Ich habe zufä...

MySQL 8.0.17 Installations- und einfaches Konfigurationstutorial unter macOS

Wenn Sie nicht verstehen, was ich geschrieben hab...