Methoden und Techniken zur Gestaltung einer interessanten Website (Bild)
Haben Sie schon einmal eine Situation erlebt, in der wir versucht haben, das Feedback anderer Leute zu ändern, die uns für „langweilig“ oder „veraltet“ hielten, aber der aktualisierte Plan trotzdem kein „Ja“ von ihnen bekam? Sie fragen sie, was genau „nicht veraltet“ ist, aber sie können die spezifischen Kriterien nicht klar benennen. Ihnen bleibt nichts anderes übrig, als es zurückzunehmen und immer wieder zu überarbeiten, bis Sie verrückt werden, aber trotzdem kein Lächeln beim Kunden hervorzaubern können...  Wie können Sie andere zum Lächeln bringen, wenn sie Ihr Design sehen? Dieser Artikel ist nur ein Ausgangspunkt, um über „interessantes Design“ zu diskutieren: „Interessant“ scheint das Gegenteil von „langweilig“, „veraltet“, „kitschig“, „nicht originell“, „nicht bemerkenswert“, „ohne Highlights“ usw. zu sein. Ein interessantes Design kann Ihnen dabei helfen, all diese negativen Kommentare zu vermeiden. Haben Sie das Gefühl, einen Ausweg gefunden zu haben? Aber... was ist „interessant“? Jeder empfindet das anders. Was Sie interessant finden, ist vielleicht nicht das, was er interessant findet. Das scheint etwas völlig Außer-Kontrolle-Geratenes zu sein. Sie ahnen sicher, dass das, was ich als nächstes sage, Unsinn sein könnte. Aber… bitte lesen Sie weiter, vor allem bis zum Ende, denn in diesem Artikel geht es darum, einige besondere gemeinsame Elemente zu finden, die jeder „interessant“ finden wird! Zunächst einmal eine Frage: Was ist für Sie „interessantes Design“? Die befragten Designer antworteten:  Aber diese Worte sind immer noch sehr abstrakt. Welche Art von Design ist cool und blendend genug? Kann es Ihnen unerwartete Überraschungen bescheren? Schauen Sie sich die Bilder an: ① [Exquisite und sensible Interaktion] http://www.extrememusic.com/ Interessanter Index ★★★★★ Die dynamische Navigation, die sorgfältige Interaktion (Mauszeigereffekt usw.), das entsprechende Sound-Feedback, die eleganten und reibungslosen Szenenübergänge und die exquisite visuelle Textur tragen viel dazu bei. Darüber hinaus gleicht die Navigation in der oberen rechten Ecke einem im Dunkeln brennenden Feuer, das vor dem dunklen Hintergrund besonders gut leuchtet. Wir müssen jedoch erwähnen, dass nicht jeder Benutzercomputer über eine vollständige Flash-Implementierung verfügt.  ② 【Das Highlight beim Mouseover】http://steedicons.com/ Interessanter Index ★★★★★ Beim Bewegen der Maus über das Bild wird das gesamte Bild von einer „Lupe“ bedeckt und der handgemalte Stil sieht lässig und interessant aus.  ③【Handgezeichneter Cartoon-Stil】http://www.cosmicsoda.com/ Interessanter Index ★★★★★ Schlichter handgemalter Stil, weicher, mit dem Pinsel kopierter Hintergrund, gepunktete Linien sind offensichtlich lebendiger als durchgezogene Linien.  ④【Hochwertige große Bilder】http://www.moodyinternationalllc.com/ Interessanter Index ★★★★★ Nicht nur die hochwertigen großen Bilder, die Verwendung fetter Schriftarten, die interaktive Rotation der Bilder, das Scrollverhalten beim Mouseover und die Wiedergabe der beiden „{}“ verraten die Absichten des Designers.  ⑤ 【Bewegung ist besser als Stillstand】http://uk.burberry.com/store/ Interessanter Index ★★★★★ Die Seite ist mit Bildern gefüllt, einige davon statisch, andere dynamisch. Sobald Sie mit der Maus darüber fahren, werden einige statische Bilder dynamisch angezeigt, während andere mit Anmerkungen auf einem schwarzen Hintergrund mit Farbverlauf erscheinen. Niemand weiß, was als Nächstes erscheint, wenn Sie mit der Maus darüberfahren, und Sie können es nicht mehr nur flüchtig betrachten. Dies weckt in Ihnen den Wunsch, die Maus über jedes Bild zu bewegen und es sich genauer anzusehen.  ⑥ 【Wunderbarer Übergang】http://riotindustries.com/#becominghuman Interessanter Index ★★★★★ Verschiedene überraschende Übergangseffekte, Seitenverschiebungen und fließende Übergänge zwischen langen und kurzen Bildreihen machen Appetit. Darüber hinaus werden die Screenshots jedem in einem „geneigten“ Winkel präsentiert, was ziemlich kunstvoll ist.  ⑦ 【Animation】http://demo.templateworld.com/universal-css-templates/m-29062010b/index.html Interessanter Index ★★★★★ Eine einzige herausragende Animation reicht aus, um Ihre gesamte Webseite zu unterstützen. Es ist wie mit Bauklötzen spielen. Das dreidimensionale Banner hat mich auf den ersten Blick angezogen, oder?  ⑧ [Layout und Illustrationen im Magazinstil] http://www.templateaccess.com/wpdemos/wp220/ Interessanter Index ★★★★★ Es handelt sich eher um ein hochwertiges Magazin mit großen, künstlerischen Illustrationen und dezenten, aber raffinierten Hintergrundfarben, die die wichtigsten Punkte hervorheben. Ein schönes Bild ist oft ansprechender als ein Textabschnitt.  ⑨ 【Nur wenn Sie einen unkonventionellen Weg einschlagen, können Sie sich abheben】http://mydesk.metabrain.com/ Interessanter Index ★★★★★ Nicht durch Linien oder Rahmen begrenzt, weder rechteckig noch rund, hebt es sich vom Hintergrund ab und fällt durch die lässige Platzierung „meines Schreibtischs“ sofort ins Auge. Das Bannermaterial auf der offiziellen Website entspricht dem Hintergrund der zu bewerbenden App, sieht rein und sauber aus und weist ein klares Thema auf.   ⑩ 【Illustrationsstil】http://www.meomi.com/about.html Interessanter Index ★★★★★ Wenn Sie eine Website wie diese sehen, möchten Sie sie gleich nach dem Öffnen erkunden. Es gewinnt, weil es über ein ausgeklügeltes Framework zum Tragen von Inhalten verfügt. Wenn Sie die gesamte Webseite wie ein Gemälde aussehen lassen, wird alles anders.  ⑪【Fette Schriftart】http://www.danieldiggle.com/design/ Interessanter Index ★★★★★ Der erste Eindruck ist – trendy. Lassen Sie uns im Detail analysieren, warum es trendy ist. Die Verwendung eines dunklen Hintergrunds hebt den Hauptinhalt hervor und bildet einen scharfen Kontrast zu den warmen und großen Schriftarten. Die übertriebenen und fettgedruckten großen Titel und großen Schriftarten sind genau die Schlüsselpunkte, die hervorgehoben werden sollen und die schnell die Aufmerksamkeit des Benutzers erregen.  Sind Sie nach dem Betrachten dieser 11 Websites geblendet? Wenn Sie das immer noch zu abstrakt finden, finden Sie hier neun Elemente, die Ihre Website interessant machen. Die Essenz kommt natürlich zum Schluss:  Als letztes müssen Sie aktiv werden! „Es gibt kein langweiliges Design, nur faule Designer.“ Design braucht auch Verpackung und Make-up. Verwenden Sie diese Elemente, um Ihr ursprünglich langweiliges Design zu verschönern und interessant zu machen! Vielen Dank an die folgenden Personen für das Teilen ihrer Fälle:  |
Artikel empfehlen
Detaillierte Erklärung des Befehls mkdir beim Linux-Lernen
Inhaltsverzeichnis Vorwort 1. Grundkenntnisse zu ...
Führen Sie die Schritte zum Konfigurieren der IP-Adresse in Ubuntu 18.04 LTS aus
Vorwort Die Methode zum Konfigurieren von IP-Adre...
Detaillierte Erklärung der Lösung für HTML-Layout mit festen linken und rechten Breiten und adaptiver Mitte
In diesem Artikel wird eine detaillierte Erläuter...
Detailliertes Tutorial zur Neuinstallation von Python 3.6.6 auf CentOS 7.5
ps: Die Umgebung ist wie der Titel Mögliche Abhän...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.17
In diesem Artikel wird die Installations- und Kon...
Erstellen Sie mit Node.JS ein Echtzeit-Warnsystem für Unwetter
Inhaltsverzeichnis Vorwort: Schritt 1: Finden Sie...
Lösen Sie das Problem beim Zurücksetzen des Kennworts für das Mysql-Root-Benutzerkonto
Problembeschreibung: Beim Ausführen eines Befehls...
Centos7-Startvorgang und Nginx-Startkonfiguration in Systemd
Centos7-Startvorgang: 1.post (Selbsttest beim Ein...
So implementieren Sie eine geplante Sicherung einer MySQL-Datenbank
1. Erstellen Sie ein Shell-Skript vim backupdb.sh...
So sichern und wiederherstellen Sie die MySQL-Datenbank, wenn sie zu groß ist
Befehl: mysqlhotcopy Dieser Befehl sperrt die Tab...
Beispiel für einen Persistenzbetrieb mit Gearman + MySQL
Dieser Artikel verwendet die Gearman+MySQL-Method...
Beispielcode für die Verwendung von CSS zum Schreiben eines strukturierten Hintergrundbilds mit Farbverlauf
Die Seitenlänge im Projekt beträgt etwa 2000 Pixe...
Dateiupload über HTML5 auf Mobilgeräten
Meistens werden Plug-Ins zum Hochladen von Dateie...
Tutorial zur Installation und Nutzungskonfiguration von Docker+nacos+seata1.3.0
Ich habe vorher einen Tag damit verbracht. Obwohl...
Tutorial zur HTML-Tabellenauszeichnung (28): Farbattribut für Zellrahmen BORDERCOLOR
Um die Tabelle zu verschönern, können Sie für die...