Webdesign muss auch zunächst eine umfassende Bildpositionierung der Website haben
|
⑴ Der Inhalt bestimmt die Form. Reichern Sie zuerst den Inhalt an, teilen Sie ihn dann in Blöcke auf, bestimmen Sie dann den Ton und kümmern Sie sich schließlich um die Details. ⑵ Zuerst das Ganze, dann die Teile und schließlich zurück zum Ganzen. Berücksichtigen Sie die Gesamtsituation und füllen Sie alles aus, was Platz einnehmen kann. Dann legen Sie den Ton fest und gestalten Sie modular. Passen Sie abschließend noch einige unbefriedigende Details an. ⑶ Die Funktion bestimmt die Designrichtung. Der Zweck der Website bestimmt die Designideen. Kommerzielle Websites sollten den Gewinnzweck hervorheben; staatliche Websites sollten das Image und maßgebliche Artikel hervorheben; pädagogische Websites sollten die Lehrer und Kurse hervorheben. Inhalt und Funktion bestimmen die Ausdrucksform und das Interface-Design. Als Aufgabe erhält man oft einen kleinen Zettel mit zwei Sätzen darauf, auf dem man aufgefordert wird, eine Website zu gestalten. Manche Leute können eine Seite entwerfen, indem sie einfach ein Blatt Papier betrachten. Mit nur zwei Sätzen können Sie eine Seite für einen Kunden entwerfen. Selbst mit meinen 7 oder 8 Jahren Designerfahrung traue ich mich nicht, das zu tun. Du bist wirklich mein Idol! Beim Webdesign müssen Sie viel über Ihre Kunden wissen: Spaltenplanung für den Website-Aufbau und die Form- und Funktionsanforderungen jeder Spalte. Hauptfarbe, Geschlechtspräferenz des Kunden, Kontaktinformationen, URL der alten Version, bevorzugte URL. Je nach Branche und Kundenanforderungen muss betont werden, ob in Etappen aufgebaut werden soll und ob zukünftige Kompatibilität berücksichtigt werden soll. Hat der Kunde ein starkes Verlangen, eine Website zu erstellen? Können Sie den Kunden mental kontrollieren? Verfügen Sie über ein gutes Verständnis von technischem Wissen, mit dem Sie noch nicht in Berührung gekommen sind? usw... Wenn Sie alle diese Inhalte klar verstanden haben, können Sie sich eine umfassende und anschauliche Positionierung dieser Website vorstellen. Jetzt ist es an der Zeit, sich auf das Interface-Design zu konzentrieren. ⒈ Grundkonzepte der Farbabstimmung von Webseiten ⑴ Schwarz-weiße Wörter sind das ewige Thema, und niemand kann sagen, dass es schlecht sei. ⑵ Die am häufigsten verwendete Farbe auf Webseiten ist Blau – blauer Himmel und weiße Wolken, eine ruhige und klare Farbe. Grün – Grün und Weiß, elegant und lebendig. Orange – lebendig und warm, eine Standard-Businessfarbe. Dunkelrot – feierlich, ernst, edel, muss mit Schwarz und Grau kombiniert werden, um das anregende Rot zu unterdrücken. ⑶ Farbtabu: Vermeiden Sie Schmutz – der Kontrast zwischen Hintergrund und Textinhalt ist nicht stark genug und der dunkle Hintergrund wirkt deprimierend! Vermeiden Sie Reinheit – helle, reine Farben wirken auf Menschen zu stimulierend und haben keine Konnotation. Vermeiden Sie Herumexperimente – egal, wie schön die Farbe ist, sie darf nicht zum Gesamtbild passen. Von der Masse getrennt zu sein, bedeutet Demütigung! Vermeiden Sie die Verwendung von Blumen – es muss eine Hauptfarbe geben, die sich durch das gesamte Gemälde zieht. Die Hauptfarbe ist nicht die Farbe mit der größten Fläche, sondern die wichtigste Farbe, die das Thema am besten offenbaren und widerspiegeln kann. Es ist wie bei einem Anführer, der eine entscheidende Rolle spielt, obwohl er in der Minderheit ist. Vermeiden Sie Puder – helle Farben wirken sauber, aber wenn der Kontrast zu schwach ist, sieht das Ganze blass und schwach aus, gerade wie ein hoffnungsloser Kranker. Vermeiden Sie reines Blau, vermeiden Sie Gelbgrün, vermeiden Sie leuchtendes Rot.⑷ Mehrere feste Kombinationen aus Blau, Weiß und Orange – mit Blau als Hauptfarbe. Weißer Hintergrund, blaue Titelleiste und orangefarbene Schaltflächen oder Symbole als Verzierungen. Grüne und weiße Orchidee – Grün ist der Hauptton. Weißer Hintergrund, grüne Titelleiste, blaue oder orange Schaltflächen oder Symbole als Verzierungen. Orange, Weiß und Rot – Orange ist der Hauptton. Weißer Hintergrund, orange Titelleiste, dunkelrote oder orange Schaltflächen oder Symbole als Verzierungen. Dunkelrot und Schwarz – Dunkelrot als Hauptton. Schwarzer oder grauer Hintergrund, dunkelrote Titelleiste und hellgrauer Hintergrund für Textinhalte. ⒉ Abgeschwächte Schnittstelle Ein gutes Schnittstellendesign hat eine abgeschwächte Schnittstelle. Es hebt die Funktionen hervor und betont, was die Website den Benutzern bietet. Dabei geht es um die Reihenfolge beim Browsen, die Funktionsaufteilung usw. Besucher sollten innerhalb von 0,5 Sekunden den Branchencharakter der Website erfassen und innerhalb von 1 Sekunde wissen, wo sie mit der Nutzung der Website beginnen können. Wenn sie einmal klicken können, sollten sie nie ein zweites Mal klicken. Natürlich bezieht sich das oben Gesagte auf die meisten funktionalen Websites. Werbe- und Anzeigewebsites, wie solche mit Spezialeffekten oder Flash-Websites, müssen vielleicht etwas ausgefallener sein, aber nicht zu viel. Websites sind keine Cartoons. In China, wo die Effizienz immer höher und die Sozialpsychologie immer ungestümer wird, wird die Geduld der Menschen immer geringer und ihre psychische Belastbarkeit immer geringer. Die Wirkung kann die künstlerische Konzeption widerspiegeln und genau richtig sein. ⒊ Starke Modularität und Modifizierbarkeit Modularität kann nicht nur die Wiederverwendbarkeit verbessern, sondern auch den Website-Stil vereinheitlichen und die Intensität der Programmentwicklung reduzieren. Hier werden wir uns mit einigen Aspekten der Größe, des Moduls, der Toleranz, der Namenskonventionen usw. befassen und nicht ins Detail gehen. , egal ob Architektur, Modul oder Bild, wir müssen eine starke Modifizierbarkeit berücksichtigen. Um ein einfaches Beispiel zu nennen: Viele Leute erstellen gerne Bilder für Logos, Schaltflächen usw., und N Schaltflächen bedeuten N Bilder. Wenn Sie nur Hintergrundbilder für 3 bis 5 Arten von Schaltflächen erstellen und diese dann zum Eingeben von Text in den Code der Webseite verwenden, sind Änderungen problemlos möglich und Sie können den Text einfach vom Programmierer ändern lassen. Allerdings sind die auf der Webseite angezeigten Schriftarten gezackt. Generell gibt es mehrere Schriftgrößen, die sowohl Klarheit als auch Schönheit gewährleisten: Songti 12px | Songti 12px Bold | Songti 14px | Songti 14px Bold | Heiti 20px | Verdana 9px | Arial Black 12px | ⒋ Es ist beschämend, Kunst zu schaffen. Analytische Fähigkeiten sind viel wichtiger als Kreativität. In der Designwelt spricht man immer von „Kreativität“. Was ich sagen möchte, ist, dass es beschämend ist, Kreativität und Spezialeffekte einzusetzen, um Kunden und Besucher zu verwirren, ohne den Zweck und die Bedeutung des Inhalts zu klären und ohne die technische Produktion zu perfektionieren. Die analytischen Fähigkeiten eines Webdesigners sind weitaus wichtiger als Kreativität. ⒌ CSS, XHTML, Web 2.0, Ajax usw. berücksichtigen oder aufgeben. Der Sturm zieht auf. Es ist sicherlich von Vorteil, fortgeschrittene Technologien zu erlernen, aber das derzeit geringe Bewusstsein in China führt dazu, dass die Kundennachfrage und die Preise ebenfalls recht niedrig sind. Ich habe zuvor erwähnt, dass das Webdesign von wirtschaftlichen Gesichtspunkten bestimmt wird. Daher können Sie manchmal keine weiteren Kompromisse eingehen. Auch Aufgeben oder Aufgeben sind hilflose Schritte. |
<<: Detaillierte Erklärung zum Problem der CSS-Klassennamen
>>: Installation und Verwendung von Apache-Stresstest-Tools
Artikel empfehlen
Beispiel einer MySql-Fuzzy-Abfrage-Lösung zum Abrufen von JSON-Schlüsselwörtern
Inhaltsverzeichnis Vorwort Option 1: Option 2: Op...
Lösung für das Problem, dass Flash-Animationen auf Webseiten nicht angezeigt werden
<br />Die Lösungsschritte sind wie folgt: St...
So leiten Sie innerhalb von zwei Sekunden auf andere Seiten einer HTML-Seite um
Code kopieren Der Code lautet wie folgt: <!DOC...
Reines CSS, um die Textsymbolfunktion zu erreichen, indem das erste Zeichen der Zeichenfolge verwendet wird
So implementieren Sie Textsymbole über CSS /*Symb...
Detaillierte Erklärung der Rolle des neuen Operators in Js
Vorwort Js ist heutzutage die am häufigsten verwe...
Das ganz links stehende Übereinstimmungsprinzip des MySQL-Datenbankindex
Inhaltsverzeichnis 1. Gemeinsame Indexbeschreibun...
Vue implementiert den Operationscode zum Klicken auf eine Schaltfläche zum Herunterladen einer Datei (Backend-Java).
Im vorherigen Artikel habe ich die Funktion von V...
Zusammenfassung zweier Methoden zum Implementieren der Vue-Druckfunktion
Methode 1: Installieren Sie das Plugin über npm 1...
Ursachen und Lösungen für MySQL-Deadlocks
Die Datenbank ist wie das Betriebssystem eine gem...
Detaillierte Erklärung des MySQL-Prepare-Prinzips
Vorteile von Prepare Der Grund, warum Prepare SQL...
So entfernen Sie Inline-Stile, die durch das Stilattribut (element.style) definiert sind
Wenn Sie Magento häufig ändern, stoßen Sie möglich...
Sonderzeichen in HTML anzeigen (mit Sonderzeichen-Korrespondenztabelle)
Reproduktion des Problems Beim Bearbeiten mit HTM...
Vue implementiert ein verschiebbares Baumstrukturdiagramm
Inhaltsverzeichnis Rekursive Vue-Komponente Drag-...
Zusammenfassung des Wissens über MySql-Speicher-Engines und Indizes
Speicher-Engine Was ist eine Datenbank-Speicher-E...
Methode zur Änderung des MySQL-Kontokennworts (Zusammenfassung)
Vorwort: Bei der täglichen Verwendung der Datenba...