Sie den Bildschirm nicht mit Navigationsoptionen Clutter
In den Navigationsoptionen auf die meisten traditionellen Webseiten, Links zu allen Hauptseiten immer sichtbar sind. Eine typische Website enthält eine Reihe von Links über den oberen oder der oberen linken oder rechten Seite des Bildschirms mit gemeinsamen Links zu den wichtigsten Bereichen, einschließlich der Homepage, die über uns Seite und andere wichtige Abschnitte.
Keeping Navigation Links oben auf jeder Seite macht sie leicht zu finden, aber clutters der Entwurfsraum. Fügen Sie Ihr Logo und andere Branding-Elemente, sub-Navigations-Links und möglicherweise Werbung und - igitt - was für ein Chaos.
Kein Wunder, Zeitungs-Websites sind immer beschrieben als # 147-busy # 148- und die meisten Blog-Designs werden als langweilig. zu viele Informationen pauken auf jeder Seite, bevor Sie selbst den Inhalt beginnen Hinzufügen macht es schwierig, die Dinge interessant zu halten.
Betrachten wir nun den Ansatz, dass die meisten Designer zur Schaffung iPad Apps genommen haben. In Webseiten für das iPad und iPhone entwerfen, können Sie von der neuen Generation von App-Designer profitieren, die es gibt.
Eine Vielzahl von iPad-Apps, einschließlich der populären Zeitschriften Verdrahtet und Sports Illustrated, Anzeige zwei konsistente Bereiche, in denen App Designer Navigationselemente platzieren:
In der oberen linken oder rechten Ecke der Seite: Im Gegensatz zu Web-Seiten sind die Navigations-Links in den meisten Anwendungen nur sichtbar, wenn Sie auf das Symbol tippen, wie das Home-Symbol in der oberen linken Ecke, wie es in der Zeitschrift Honeybee gezeigt.
Am Ende der Seite: Auch hier erscheint ein optionaler Satz von Navigations-Links nur, wenn Sie den unteren Rand des Bildschirms tippen, wie in dieser Figur gezeigt.
Das neue Design der Praxis könnte eine nützliche neue Art und Weise sein, Webseiten sowie Apps zu entwerfen. Das Design in den Figuren gezeigt wurde ursprünglich als App für das iPad erstellt. Es wurde mit Adobe neue Digital-Publishing-Tools, die interaktive Zeitschriften für die Erstellung sind ideal konzipiert und verbesserte E-Bücher.
Aber nach dem Entwurf mit Adobe Digital Publishing Tools fertig war, die die Navigations-Links angezeigt automatisch erstellen, gab es keinen Grund, nicht die gleiche Sache in einer Web-Seite Version zu tun.
So wurde das gleiche Design dann in HTML und CSS neu erstellt und getestet es im Web-Browser Safari. Voil # 224-! Dieser Ansatz zur Navigation funktioniert wunderbar auf das mobile Web als gut, und es lässt viel mehr Platz für die Erstellung von großen schauenden Designs, die den Bildschirm auf dem iPad zu füllen.
Auch in der Web-Seite Version dieser Seite, die Drop-down-Menü wird nur angezeigt erscheint, wenn Sie das Home-Symbol tippen. Das Menü verschwindet, sobald Sie einen Link aus der Liste tippen.