Zusammenfassung der Erfahrungen und Fähigkeiten von Webdesignern beim Erlernen von Webdesign

Da der Einfluss des Unternehmens wächst und seine Produkte sich ständig verbessern, muss auch das entsprechende Imagedesign Schritt halten und schrittweise verbessert werden. Deshalb haben wir einen frisch ausgebildeten Webdesigner eingestellt, um gemeinsam zu wachsen. Berufseinsteiger sind fleißig und lernwillig, haben aber auch unrealistische Ambitionen. Ihre Ausgangssituationen sind ähnlich, daher ist die Ausbildung von Webdesignern entscheidend. Ich möchte einige meiner Erfahrungen im Kontakt- und Lerndesign mit Ihnen teilen und hoffe, weitere Anregungen von Ihnen zu bekommen.

1. Farbabstimmung

Tatsächlich ist ein Sinn für Farben die grundlegendste Eigenschaft, die ein Designer besitzen sollte. Seine Arbeiten werden häufig in Weboberflächen, Systemschnittstellen, Produktverpackungen usw. verwendet. Einige grundlegende Theorien wie warme und kalte Farben, Kontrastfarben/Komplementärfarben, Farbpsychologie, Matching-Prinzipien usw. gibt es überall. Wenn Sie interessiert sind, suchen Sie einfach nach einer oder zwei und schauen Sie sich diese an. Für Webdesigner ist Farbe eher ein Gefühl, genau wie das Gefühl beim Werfen eines Basketballs. Dieses Gefühl kann durch Beobachtung und Übung entwickelt werden. Als Mars zum ersten Mal mit Design in Berührung kam, achtete er sogar beim Busfahren auf die Farbabstimmung der Schilder bestimmter Unternehmen und Restaurants am Straßenrand. Er achtete im Leben immer auf die Schönheit der Farbabstimmung. Er kann sich nicht einmal erinnern, wie viele Farb-Screenshots er gemacht hat.

Mars ist der Ansicht, dass Designer Farben im Allgemeinen in mehreren Phasen verwenden:

1. Erste Phase: Verwenden Sie die 1–2 Farben, die Ihnen am besten erscheinen , ohne andere Faktoren oder die Gefühle anderer Leute zu berücksichtigen.
2. Übergangsphase: Sie haben das Gefühl, dass eine oder zwei Farben eintönig sind, also probieren Sie so viele verschiedene Farben wie möglich aus . In dieser Phase ist es sehr einfach, ziellos zu mischen und zu kombinieren.
3. Reifephase: In dieser Phase verstehen Designer den ästhetischen Farbgeschmack der Öffentlichkeit, beginnen , 1-2 Farben rational zu kombinieren und die subtilen Unterschiede zwischen derselben Farbe und unterschiedlichen Farbwerten zu erkennen. Die meisten Designer befinden sich in dieser Phase.
4. Die ultimative Stufe: Eine Farbe bis zum Äußersten verwenden oder sogar nur Schwarz, Weiß und Grau verwenden, sich völlig in einer bestimmten Farbe verlieren, sogar ein wenig abnormal, aber die kreative Wirkung lässt den Designer in der dritten Stufe auf den ersten Blick erkennen, dass es sich um die Arbeit eines Meisters handelt.

Tatsächlich handelt es sich hierbei auch um einen Prozess kontinuierlicher Übung und Ansammlung, sodass das Farbgefühl verbessert wird.

2. Layout

Webdesigner müssen neben einem guten Farbgefühl auch ein gutes Gespür für Layout haben. Die Qualität der Kombination wirkt sich direkt auf die Wirkung der Arbeit aus. Tatsächlich ist es nicht schwierig, ein gutes Layout-Design zu erstellen. Es sind lediglich die folgenden Schritte erforderlich:

1. Layoutvorbereitung : Klären Sie, welche Texte und Bilder Sie für den Hauptteil Ihres Inhalts benötigen. Machen Sie sich nicht zu viele Gedanken über die Einzelheiten.
2. Layoutformat : Es gibt viele verschiedene Layoutformate. Sie können das Layout frei wählen, solange der Hauptinhalt an der auffälligsten Stelle platziert wird. Bei Webseiten sollten, ausgehend von der Browsing-Reihenfolge der meisten Benutzer von oben nach unten und von links nach rechts, die wichtigsten Inhalte, Bilder usw. oben und links auf der Seite platziert werden.
3. Detailliertes Layout : Berücksichtigung des allgemeinen Farbschemas, der Schriftarten, der Abstände zwischen Modulen, der Abbildungen, der Hinzufügung und Reduzierung von Inhalten und anderer Aspekte. Dieser Schritt ist eine heikle Aufgabe.

Mars meint, dass die beste Möglichkeit zum Üben des Layouts die Erstellung einer PPT ist. Es ist nicht einfach, eine PPT schön und prägnant zu gestalten. Für Pre-Sales-Mitarbeiter in der Softwarebranche sollte die Erstellung ansprechender PPTs ein Pflichtkurs im Selbststudium sein. Sobald das PPT-Layout fertig ist, sollten die grafischen Layouts anderer Webseiten, Broschüren usw. problemlos verfügbar sein.

3. Einzelheiten

Das berühmte Sprichwort „Details entscheiden über Erfolg oder Misserfolg“ gilt im Bereich Design noch mehr. Viele Details können vom Betrachter übersehen werden, Designer dürfen sie jedoch nie übersehen, z. B. Hintergrundfarbe, Farbverlauf, Abstand zwischen Komponenten, Titelstil, Hervorhebungsstil, Schriftart/-größe/-farbe, Zeilen-/Absatzabstand, Abbildungsposition/Kantenbehandlung, Breite und Höhe des Eingabefelds/Rahmenfarbe/Hintergrundfarbe, Schaltflächenposition usw. Nach wie vor gilt: Erst wenn man genauer hinsieht und vergleicht, erkennt man diese Details. Manche Leute denken, dass diese Einzelheiten keine große Sache sind, aber wenn mehrere Einzelheiten zusammenkommen, fühlen sich die Leute unwohl.

Das Folgende ist beispielsweise ein Formular zum Hinzufügen von Kommentaren unter einem Artikel in einem bestimmten System. Der obere Teil ist das direkt vom Programmierer geschriebene Programm ohne jegliche Verschönerung (oben), und der untere Teil ist die mit der Unterstützung eines Designers entworfene und verschönerte Formularschnittstelle (unten).

Menschen mit einem normalen ästhetischen Geschmack würden das Folgende sicherlich schön finden, wissen aber nicht, was daran gut sein soll? Hören Sie, wie Mars es aus verschiedenen Blickwinkeln erklärt:

1. Farbabstimmung: Die Schriftfarbe scheint ohne jede Überlegung direkt aus der 32-Farben-Palette übernommen zu sein; die Farbe des Formularrahmens ist zu dunkel; der Formularhintergrund ist der gleiche wie der Seitenhintergrund und es gibt keine ausgeprägte Hierarchie.
2. Layout: Diese Komponente hat keine mehrzeiligen Operationen, daher ist es nicht erforderlich, ein Listenformat zu verwenden. Es ist nicht sinnvoll, die Schaltfläche „Speichern“ über dem Komponententitel zu platzieren. Die Position und Größe des Komponententitels sind nicht auffällig genug.
3. Benutzererfahrung: Machen Sie deutlich, dass es sich um eine Schnittstellenkomponente in einem System handelt. Da sich diese Person bereits angemeldet hat, ist es dann noch notwendig, den Recorder auszufüllen? Die Zeit ist definitiv die Zeit der Übermittlung. Der Einreicher übermittelt hauptsächlich seine eigenen Kommentare. Stellen Sie ihm daher ein großes Eingabefeld für den Übermittlungsinhalt zur Verfügung, das einfach und klar ist. Die Schaltfläche „Senden“ im obigen Bild erfordert das Ausfüllen der Kommentare und anschließendes Zurückklappen in die obere linke Ecke, um auf „Speichern“ zu klicken. Dies ist offensichtlich unvernünftig. Die Benutzeroberfläche im folgenden Bild hat auf der rechten Seite eine große Schaltfläche, die offensichtlich aussieht und bequem zu bedienen ist.

Bei den oben genannten Aspekten geht es ausschließlich um die Verbesserung der persönlichen Ästhetik . Wenn Sie nicht vorhaben, ästhetische Forschung zu betreiben, wird zu viel reines theoretisches Lernen Ihre Ästhetik meiner Meinung nach nicht wesentlich verbessern. Mein Rat lautet also: Schauen Sie mehr hin, ahmen Sie mehr nach, machen Sie mehr und vergleichen Sie mehr. Achten Sie darauf, nicht blind und ohne Sinn für Ästhetik zu kreieren. Tatsächlich ist Nachahmung nichts Beschämendes. Sie ist eine notwendige Lernphase. Es ist, als würde jemand MJs Tanz imitieren, auch wenn er nicht genau so aussieht wie er, aber zumindest von einer kleinen Anzahl von Leuten gemocht und bewundert werden, wie zum Beispiel bei der Weihnachtsfeier einer Schule/Klasse. Wenn er aber den ästhetischen Geschmack des Publikums nicht versteht, wird er höchstwahrscheinlich wie Schwester Furong tanzen, was einfach nur ein Witz wäre. Die Entwicklung guter ästhetischer Werte kann auf alle Aspekte des Lebens angewendet werden, und alle Aspekte des Lebens können auch Ihre ästhetischen Werte trainieren, wie z. B. Fotografieren, Dekorieren Ihres Zimmers und Schreibtischs, passende Kleidung usw., was Ihren Lebensgeschmack verbessern kann.

4. Denkweise

Während der Ansammlungsphase sollten Sie einen ruhigen Geist bewahren, ruhig und geduldig sein und Ungeduld vermeiden. Webdesigner zu sein ist ein heikler Job und es hat keinen Sinn, ängstlich zu sein. Aus ästhetischer Sicht müssen Sie sich beim Schaffen entspannen, tun, was Sie tun möchten, essen, was Sie essen möchten, Ihrem Herzen folgen und sich eine Umgebung für kreative Inspiration schaffen. Sitzen Sie nicht nur vor dem Computer und grübeln Sie darüber nach. Sie erzielen mit doppeltem Aufwand nur das halbe Ergebnis und werden sich am Ende selbst deprimieren.

5. Fähigkeiten

Mit einer guten ästhetischen Grundlage und Kreativität ist der nächste Schritt die Produktion. Verglichen mit der Pflege ästhetischer Werte und der Entstehung von Kreativität ist Mars der Ansicht, dass einige Werkzeugfertigkeiten leicht zu erlernen sind. Es ist nichts weiter als eine Frage, ob ich zum Zeichnen einen Bleistift oder einen Pinsel verwende. Hier ist eine kurze Einführung in die Werkzeuge, mit denen der Mars in Kontakt kommt:

1. Grafische Kenntnisse: Photoshop (Grafikbearbeitung etc.), Illustrator/CorelDraw (Vektorgrafik), Flash (Animation), Premiere Pro (Postproduktion für Film und Fernsehen) etc. Dies sind lediglich Anwendungstools;
2. Webprogrammierkenntnisse: HTML, CSS, JavaScript usw.;
3. Optimierungskenntnisse: Bilder komprimieren, Webseiten optimieren usw.

Zu den oben genannten Tools gibt es im Internet zahlreiche Tutorials. Ich empfehle das NetEase-Tutorial. Sie können einige Grundlagen lesen und nach häufigem Üben werden Sie sie beherrschen. Sie können die fortgeschritteneren Techniken in Zukunft studieren und verbessern. Sie sollten lernen, während Sie sie anwenden, damit Sie sie gut im Gedächtnis behalten.

6. Benutzererfahrung

Die Benutzererfahrung tritt im Allgemeinen im Webdesign und im Systemschnittstellendesign auf. Es handelt sich um den Interaktionsprozess zwischen Benutzern und der Mensch-Computer-Schnittstelle. Die Benutzerfreundlichkeit der Schnittstelle wirkt sich direkt auf den Eindruck aus, den der Benutzer vom Produkt hat. Die Benutzererfahrung stellt für Webdesigner höhere Anforderungen und geht sogar über den Handlungsspielraum von Webdesignern hinaus. Allerdings können Webdesigner nur dann das Schnittstellenlayout, die Gesamtanpassung usw. sinnvoller gestalten, wenn sie dies verstehen.

Mars weiß, wie wichtig die Benutzererfahrung ist, hat sie aber noch nicht eingehend untersucht. Mars wird jedoch die Benutzerfreundlichkeit der Webseiten und Systeme anderer Benutzer aufzeichnen und sie beim nächsten Mal in seinem eigenen Design berücksichtigen. Dies kann als Nachahmungsphase angesehen werden. Auf diese Weise hat auch der Mars schon immer gelernt.

Abschließend möchte ich sagen, dass Mars kein professioneller Designer ist und keine theoretische Grundlage hat. Die obige Zusammenfassung basiert ausschließlich auf praktischen Erfahrungen und ich hoffe, weitere gute Vorschläge zu erhalten.