Analyse der Methoden zur visuellen Strukturierung und Gestaltung von Kinder-Websites
1. Warm und sanft  Zugehörige Adresse: http://www.web-designers.cn/post.aspx?id=2481 Helle Gelb- und Grüntöne mit geringer Sättigung erzeugen eine sanfte und warme Atmosphäre. Wichtige Informationen werden durch stärker gesättigtes Grün und Rot hervorgehoben. Die im Hintergrund eingeblendeten Kreise unterschiedlicher Größe sorgen für eine verträumte und schöne Atmosphäre. Die restlichen Designelemente, wie etwa die wolkenartig geschwungenen Kanten, die Nähte des Logos und der Navigation, die Stecknadeln im Hintergrund der Navigationsleiste, die Babytagebuchaufkleber, die Babyfoto-Anhänger und die handgeschriebenen Schriftarten der Textüberschriften, werden alle rund um den gesamten Designstil verwendet, um eine insgesamt warme Atmosphäre zu schaffen. 2. Der Frühling ist da, wenn alles wieder zum Leben erwacht  Website-Adresse: http://tf.dtbaker.com.au/preview/?theme=26&style=0 Auch dieses Design wirkt sanft, wie der gerade angekommene Frühling, mit zartem Grün überall. Das Farbschema verwendet eine Kombination aus zwei hochhellen, mittel- bis niedriggesättigten Gelb- und Grüntönen. Die Navigation verwendet außerdem durchgehende wolkenähnliche Bögen und handgeschriebene Schriftarten, um eine nette und warme Atmosphäre zu schaffen. Die visuelle Hauptillustration spielt eine sehr wichtige Rolle bei der Verbesserung der gesamten Designatmosphäre. Auf dem am Baum hängenden Banner steht das Blog-Logo, was es interessanter macht. Das quadratische, webseitenähnliche Layout ist jedoch recht konventionell und lässt es an Kreativität und Durchbruch mangeln. 3. Farbenfroher und sonniger Frühling  Zugehörige Adresse: http://themeforest.net/theme_previews/92492-kids-toys Der Illustrationshintergrund bestehend aus Himmel, Wolken, Bergen, Sonne, Gras und verschiedenen Cartoon-Tieren und Pflanzen mit sehr hoher Farbsättigung und Helligkeit ist das wichtigste Element bei der Schaffung der Gesamtatmosphäre. Um den Hintergrund in das Gesamtdesign einzufügen, wird das Logo-Banner von einem Vogel in die Luft gehalten und auch das Luftschiff, das das Suchfeld zieht, schwebt im blauen Himmel. Die Aquarelltinte und die Handabdrücke auf der linken Seite des Hauptinhaltsbereichs und die dynamische Sternform, die auf der rechten Seite hervorspringt, verstärken die fröhliche und schöne Atmosphäre noch weiter. Die wolkenförmige Navigationsleiste und der niedliche handgeschriebene Text sind etwas grob, führen aber dennoch den gleichen Designstil fort. Die beiden sonnigen und fröhlichen Familienfotos im Hauptinhaltsbereich lassen Frühling und Wärme spüren. 4. Frisch und weich   Zugehörige Adresse: http://tf.dtbaker.com.au/preview/?theme=22 Große Bereiche mit einem grünlichen Blau mit geringer Sättigung und hoher Helligkeit verleihen diesem Design eine ruhige, frische und sanfte psychologische Atmosphäre. In Kombination mit den lokalen Farben Rosa, Rot, Gelb und Grün löst sich das gesamte Design von der allzu monotonen Farbgebung. Weitere erwähnenswerte Gestaltungselemente in diesem Entwurf sind: 1. Das Hintergrundmaterial ähnlich dem Karomuster; 2. Der wolkenförmige Rand des Hauptinhaltsbereichs; 3. Die handgeschriebenen Schriftarten des Logos, des Navigationstexts und des Titels; 4. Die geschwungenen Tags und Schaltflächen; 5. Der dezente Illustrationshintergrund, der jedem Inhaltsbereich hinzugefügt wurde. 5. Flexibles Layout  Website-Adresse: http://www.freesam.com/ Der erste Eindruck dieses Designs ist das rahmenbrechende Informationslayout und die zahlreichen fragmentierten Informationsblöcke. Die unterschiedlichen Gestaltungsmethoden verschiedener Informationsbereiche machen Lust auf Erkundung. Der niedliche Stil zieht sich durch die gesamte Seite und die Kombination aus Weiß und stark gesättigtem, leuchtendem Grün und Orange verleiht der Seite ein erfrischendes Gefühl. Illustrationen im handgezeichneten Stil sind ein unverzichtbares Element von Kinder-Websites und können die Gesamtatmosphäre der Website erheblich verbessern. Auch der Designstil der kreisförmigen und großflächig abgerundeten Ränder passt zum Stil der gesamten Seite. Die immer wieder auftauchenden Schilder und Lochkalender greifen ihre Motive auf und dienen der funktionalen Unterteilung verschiedener Informationsbereiche. Am wichtigsten ist, dass dieses Design sich von den Beschränkungen des Hauptinhaltsbereichs der vorherigen Designs löst und im Layout freier ist. Da es sich um eine Website für Kinder handelt, ist dieser kreative Ansatz notwendig. 6. Warme Atmosphäre  Website-Adresse: http://kidsplus.shinhan.com/ Dies ist eine vollständig im Flash-Format erstellte koreanische Site mit viel Atmosphäre. Die Schaffung von Atmosphäre steht in direktem Zusammenhang mit der großflächigen Verwendung von Gelb und Orange. Obwohl diese beiden Farben die Hauptfarben sind, sind sie nicht auf diese beiden Farben beschränkt. Rosa, Lila, Blau und Grün kommen in diesem Design ebenfalls vor, aber in Bezug auf die Farbanteile sind sie viel weniger vertreten, sodass es möglich ist, das Farbschema zu bereichern, ohne die Gesamtatmosphäre zu überwältigen, zu verwässern oder ihr zu widersprechen. Die gesamte Seite ist nicht vollständig mit Gelb gefüllt. Die weiße Farbe der unteren Fußzeile bietet nicht nur eine stabile horizontale Ebene für das Hauptbild, das einer offenen Grußkarte ähnelt, sondern verleiht dem gesamten Design auch ein atmungsaktives psychologisches Gefühl. Cartoon-Muster werden auf einen großen Bereich eines gelben Hintergrunds mit Farbverlauf gelegt, wodurch dem Design Ebenen hinzugefügt und der Ton des Designs bestimmt wird. Das mehrfarbige Puzzle-Schema des Logos spiegelt das Puzzle-Muster des Hintergrunds wider. Das große, abgerundete Etikett, das die Sichtlinie nach unten verlängert, wird als Navigationsdesignstil verwendet, und es wird eine handgeschriebene Cartoon-Schriftart verwendet. Das kreisförmige Etikett auf der rechten Seite des zugehörigen Aktivitätsinhalts weist ebenfalls ein ähnliches Design auf. Es fällt auf, dass der abgerundete weiße Strich in diesem Design wiederholt wird, was als Detailüberlegung für das Website-Design im Zusammenhang mit Kindern angesehen werden kann. 7. Frischer und eleganter orientalischer Stil  Website-Adresse: http://www.agabangncompany.com/cha/index.jsp Große weiße Flächen, ein unscharfer Aquarellhintergrund und warme Familienfotos im Hauptbildteil verleihen diesem Design ein weiches und frisches Gefühl. Die Elemente auf der Seite, wie z. B. die Navigation, sind nicht übermäßig dekoriert, was dieses Design auffällig macht. Wir denken jedoch normalerweise, dass es sich seltsam und nicht wie ein Design anfühlt, wenn wir keine Ebenenstileffekte hinzufügen. Der Grund dafür ist, dass wir keine allgemeine Designrichtung im Kopf haben und völlig blindlings durch unsere Trägheit vorangetrieben werden. Wir haben keine Ahnung, wie das endgültige Design aussehen wird oder wohin wir gehen. Durch diesen Entwurf wurden uns Designideen in größerem Maßstab vermittelt, sodass wir unterschiedliche Designmethoden ausprobieren und im Design weiterkommen konnten. 8. Die Bedeutung früher Kreativität  Website-Adresse: http://www.toysrus.co.kr/index.jsp Der blaue Hintergrund bildet einen scharfen Kontrast zwischen der Farbe der Spielwarenausstellungshalle und dem Hauptinformationsbereich, wodurch sich der Hauptinformationsbereich vom Hintergrund abhebt. Die Idee einer offenen Spielzeugkiste passt nicht nur zum Thema der Website, sondern sorgt auch für mehr Spaß. Diese Idee wurde fertiggestellt, bevor mit der Arbeit am spezifischen Design begonnen wurde. Daher spielt beim Entwerfen einer Website die Arbeit, die vor dem Öffnen von Photoshop geleistet wird, tatsächlich eine sehr wichtige Rolle für die Ausrichtung des Designs. Dieser Teil umfasst die Recherchephase und das Skizzieren, die für die Gestaltung einer guten Website unerlässlich sind. 9. Ruhiges Farbschema  Website-Adresse: http://www.babymeal.co.kr/ Dies ist ein Beispiel für ein Design, das ein Farbschema von Gelb, Orange bis Braun verwendet. Es handelt sich grundsätzlich um eine Kombination aus demselben Farbton und unterschiedlichen Farbstufen, sodass die Atmosphäre insgesamt ruhiger wirkt als bei einer Vielzahl von Farbschemata mit großen Sprüngen. Da es auf dieser Website darum geht, nahrhafte Mahlzeiten für Säuglinge und Kleinkinder anzubieten, wäre ein warmes und beruhigendes Farbschema besser geeignet. 10. Der untere Teil ist leicht gebrochen  Website-Adresse: http://www.gymboree.co.kr/ Die Verwendung einer Vielzahl von Farben mit hoher Helligkeit und Sättigung ist noch immer die gängigste Idee beim Design von Websites für Kinder. Die Homepage dieser Website enthält relativ viele Informationen. Der Teil über dem Hauptbild ist klar strukturiert und bietet ein gutes visuelles Erlebnis, aber der Teil unter dem Hauptbild hat zu viele Spalten und die Organisation ist nicht klar genug, wodurch er etwas fragmentiert wirkt. Die optische Wirkung wäre vielleicht besser, wenn die vier parallelen Rubriken „Spiel“, „Kunst“, „Musik“ und „Familie“ optisch klarer voneinander getrennt wären und der Titeltext sich vom umgebenden Fließtext abheben würde. Es ist jedoch ersichtlich, dass der Designer im Hauptinformationsbereich Weiß, helleres Grau und eine Vielzahl von Farben verwendet und versucht, eine erfrischende und saubere Atmosphäre zu schaffen. Allerdings sind die Organisation und visuelle Darstellung der Informationen nicht gut genug und könnten ausführlicher und durchdachter sein. |
<<: CSS-Code zum Anordnen von Fotos in Moments
>>: Analyse des Prinzips von Nginx unter Verwendung des Lua-Moduls zur Implementierung von WAF
Artikel empfehlen
Detaillierte Erklärung zum Upgrade von Softwarepaketversionen unter Linux
Im Linux-Umfeld möchten Sie prüfen, ob eine besti...
Lösen Sie das Problem der Installation des Tenda U12-WLAN-Netzwerkkartentreibers auf Centos7
Lösungsprozess: Methode 1: Die Standard-Kernelver...
Was sind HTML-Inline-Elemente und Block-Level-Elemente und ihre Unterschiede
Ich erinnere mich an eine Frage, die der Intervie...
Detaillierte Erläuterung der Kommunikation zwischen Angular-Eltern- und -Kindkomponenten
Inhaltsverzeichnis Überblick 1. Übersicht über Ei...
So verwenden Sie vs2019 für die Linux-Remote-Entwicklung
Normalerweise gibt es bei der Entwicklung von Lin...
Detaillierte Erklärung dieses Zeigeproblems in der JavaScript-Funktion
dieses Schlüsselwort Welches Objekt ruft die Funk...
Ein gründliches Verständnis des JS-nativen Syntaxprototyps, des __proto__ und des Konstruktors
Inhaltsverzeichnis 1 Einleitung 2 Voraussetzungen...
Installieren Sie MySQL 5.7.18 mit dem RPM-Paket unter CentOS 7
Ich habe kürzlich MySQL verwendet. Im Artikel „My...
Zusammenfassung einiger meiner häufig verwendeten Linux-Befehle
Ich habe zwei Jahre lang im Betrieb und in der Wa...
Verwenden von Zabbix zum Überwachen des Ogg-Prozesses (Windows-Plattform)
Dieser Artikel stellt vor, wie man das Ogg-Progra...
Lösen Sie das Problem der Randzusammenführung
1. Die Ränder von Geschwisterelementen zusammenfü...
Detaillierte Schritte zur Installation von Nginx unter Linux
1. Nginx-Installationsschritte 1.1 Offizielle Web...
Erstellen Sie einen virtuellen Nginx-Host basierend auf Domänenname, Port und IP
Es gibt drei Arten von virtuellen Hosts, die von ...
Perfekte Lösung für das Problem, dass Navicat nach der Installation von MySQL im Docker keine Verbindung herstellen kann
1. Docker zieht das Image Docker Pull MySQL (stan...
Diagramm zur Installation von MySQL 5.6 unter Windows 7
Inhaltsverzeichnis 1. Herunterladen 2. Installati...