Entwickeln Sie Seitenvorlagen für eine neue Website
Um sicherzustellen, Design Konsistenz, einfache Bedienung und machen Engineering praktischer, verwenden die meisten Websites eine kleine Handvoll von verschiedenen Design-Layouts genannt Vorlagen. Sie wollen Seitenvorlagen zu entwickeln, wenn Sie eine neue Website zu machen oder eine bestehende neu zu gestalten.
Diese Vorlagen sind so konzipiert, all die verschiedenen Arten von Inhalten, Messaging und Aufgaben zu bewältigen, dass die Website benötigen. Um Ihnen ein Beispiel verwendet die Monster Energy Website nur etwa 12 bis 14 verschiedene Layout-Vorlagen, um die gesamte Website bilden. Einige dieser Vorlagen enthalten Startseite, alle Sportarten Landing, Sport Landing, Athlet Detail, und News Item-Detail. Alle Athleten nutzen die gleiche Athlet Detailseite Vorlage. Die Vorlage wird bevölkert dynamisch aus einer Datenbank mit den einzigartigen Bildern und Informationen des Sportlers.
Die andere Sache, über Vorlagen zu beachten ist, dass, während sie jeweils für eine Vielzahl von Layout-Anordnungen ermöglichen (interner Seiteninhalt), der Navigation an der gleichen Stelle in der gesamten Website gehalten wird. In dem Beispiel wird das primäre Navigations vertikal auf der linken Seite angeordnet, während die Sekundär # 147-Header # 148- Navigation geht über die Spitze und die Fußzeilennavigationslinks bringt den unten nach oben.
Im Übrigen hat diese Seite ein gutes Beispiel für ein Super Fußzeile. Ein Super-Fußzeile ist eine Fußzeile-on-Steroide, die am unteren Rand der Seite lebt, wie in der folgenden Abbildung zu sehen ,. Es enthält eine Reihe von redundanten Text-Links zu allen Abschnitten der Website, bemerken aber, dass es sehr Stichwort-Reich von Entwurf. Super-Fußzeilen bieten nicht nur eine schnelle Möglichkeit, die gesamte Website navigieren, sondern auch eine Chance für SEO (search engine Optimization): Wenn Sie Ihre Website mit mehr durchsuchbar Wörter und Phrasen, die Injektion, können Sie Ihre Website natürliche Suche Ranking verbessern, wenn die Menschen nach diesen Begriffen suchen.
Die Informationen und wireframing Prozess wird letztlich bestimmen die Anzahl und Arten von Vorlagen, die Sie benötigen, um für eine Website zu entwerfen. Sobald die verschiedenen Vorlagen identifiziert sind, können Sie beginnen, visuelle Design # 147-Comps # 148- für jede Vorlage.