..


Sponsored Links

Das grundlegende Layout einer Website für Smartphones optimiert

Wenn die Web wir es gewohnt sind, uns mit endlosen Layout und die Kombination von Räumen verwöhnen, Gestaltung von Web-Seiten für Smartphones überprüfen wir unsere kreativen Ambitionen, oder zumindest deren Größe auf der begrenzten Größe des Displays für die Anzeige von unserer Arbeit.

Hinweis: Die Video-Auflösung variiert natürlich je nach Modell, hat die meisten der neuen Generation von Smartphones ein Display mit einer Breite von mindestens 240 bis maximal 480 Pixel. Die häufigste Auflösung rechnen können, im Portrait-Modus, auf einer Breite von 320 Pixel.

Vergessen Sie das Layout dann zwei, drei oder vier Spalten! Aus meiner Sicht die einzig mögliche Lösung, um eine gute Benutzbarkeit zu Inhalten zu gewährleisten, ist die einzige Spalte Design, wo alle Inhalte entlang einer vertikalen Ordnung Kaskade (dh untereinander) organisiert wird. Wenn Sie eine Webseite erstellen, immer daran denken, das Wichtigste, um gute Usability zu gewährleisten und umso mehr, wenn die Anzeige auf einem Smartphone beschränkt ist, ist die Einfachheit immer der beste Weg nach vorne.

Wie Sie sehen können unsere Struktur ist sehr einfach und besteht zunächst aus drei Teilen:

  • Header: ist der obere Teil der Seite und ist für die Website-Logo und eventuell ein paar andere Elemente der ersten Etage unterbringen;
  • Hauptteil der Seite ist der zentrale Teil, die eigentliche Inhalt der Seiten unserer Homepage Haus wird;
  • Footer: Dies ist der letzte Teil, der unten auf der Seite, wo es üblich ist, keine Credits, rechtliche Hinweise, Copyright-Vermerke, Kontakte, etc. geben.

Die Menüführung

Der zentrale Teil der Seite, die wiederum wird entworfen, um andere Bereiche (die je nach Bedarf) unterzubringen.
Ein wesentliches Element, ist natürlich die Navigation durch die anderen Seiten / Bereiche der Website zugreifen können. Wenn diese wenigen sind (erste Lösung) können Sie direkt eine Symbolleiste mit Verknüpfungen notwendig, wenn nicht - aus Platzgründen - es ist besser, eine einzige Taste, die, wenn geklickt wird, zeigt eine Liste aller Seiten / Bereiche hinzufügen zur Verfügung (zweite Lösung).

Der Inhalt

Auch und vor allem für die Inhalte müssen Sie im Auge behalten den kleinen Bildschirm Smartphone. In diesem Fall sind also die Einfachheit und Linearität, meiner Meinung nach die beste Wahl.

Vermeiden Sie unnötigen Schnickschnack Grafik ist eine gute Regel von Web-Design und es ist noch in der Entwicklung von Web-Seiten für mobile Geräte und für Fragen im Zusammenhang mit der geringen Größe des Displays und aus Gründen im Zusammenhang mit der verfügbaren Bandbreite (sowie mit Kosten, die Band 3G ist nicht schnell, so dass es immer besser, sich auf das Wesentliche).

Auch für den Inhalt, daher schlage eine Kaskade, wo die verschiedenen Layout-Elemente (Texte, Bilder, Video) folgen einander in:

In den nächsten Lektionen werden wir sehen, wie man den HTML-Code auf unserer Webseite zu bauen beginnen, natürlich, von der <head> (Titel, Meta-Tags und CSS).

Helfen Sie entwickeln Websites für mobile Geräte
E-Learning
OpenOffice (Ebook) OpenOffice (Ebook)
Die Open-Source-Software für das Management von Büro-Arbeit. Mit nur 25 €.
Visual Basic 6 (Course) Visual Basic 6 (Course)
Machen Sie Desktop-Anwendungen mit VB6. Ab 39 €.
Web Marketing (Course) Web Marketing (Course)
Site-Promotion, Suchmaschinen und Marketing. Ab 39 €.
Sponsored Links