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
Verwenden von nginx + fastcgi zum Implementieren eines Bilderkennungsservers
Hintergrund Ein spezielles Gerät wird verwendet, ...
Der Unterschied zwischen MySQL execute, executeUpdate und executeQuery
Die Unterschiede zwischen „execute“, „executeUpda...
Detaillierte Erläuterung der objektorientierten Praxis von JavaScript: Kapselung und Ziehen von Objekten
Inhaltsverzeichnis Überblick 1. So animieren Sie ...
Der Typ der Schaltfläche ist nicht als „Senden“ angegeben. Durch Klicken auf die Schaltfläche wird nicht zur angegebenen URL gesprungen.
Heutzutage wird aufgrund der Projektanforderungen ...
Lösung zum Ändern des Datenspeicherorts der Datenbank in MySQL 5.7
Da die in der MySQL-Datenbank gespeicherten Daten...
Installations-Tutorial zur dekomprimierten Version von MySQL5.7.21 unter Win10
Installieren Sie die entpackte Version von Mysql ...
Was Sie über Responsive Design wissen müssen
Responsive Design bedeutet, während des Website-E...
Vue3-Zeitstempelkonvertierung (ohne Verwendung von Filtern)
Wenn vue2 Zeitstempel konvertiert, verwendet es i...
Webpack erstellt ein Gerüst zum Verpacken von TypeScript-Code
Erstellen eines Ordners Verzeichnisstruktur: daba...
So erstellen Sie mit CSS eine Bildlaufleiste mit fester Navigation und Links- und Rechtsverschiebung
Wie oben gezeigt ist die Navigation oben fixiert ...
So installieren Sie PostgreSQL11 auf CentOS7
Installieren Sie PostgreSQL 11 auf CentOS 7 Postg...
Abfrageprozess und Optimierungsmethode der (JOIN/ORDER BY)-Anweisung in MySQL
Die EXPLAIN-Anweisung wird im MySQL-Abfrageanweis...
Implementierungsbeispiel zum Schließen der Browserabmeldung in Vue
Inhaltsverzeichnis 1. beforeunload-Ereignis 2. Er...
html öffnet ein neues Fenster mit einem Hyperlink und kann Fenstereigenschaften steuern
1. Die Größe des durch den HTML-Hyperlink geöffne...
Detaillierte Erklärung des Rewrite-Moduls von Nginx
Das Umschreibmodul ist das Modul ngx_http_rewrite...