it-swarm.com.de

Wie Sie mit verschiedenen Bildschirmgrößen umgehen, wenn es bei Ihrem Thema nur um Design geht

Wir wissen, dass nicht alle Menschen auf ihrem Computermonitor die gleiche Bildschirmauflösung haben. Einige Leute bevorzugen ein Breitbild-Display in 15 '', während andere 17 '' und mehr für ihre Computererfahrung verwenden.

Ich entwerfe eine Webseite, die auf meinem Monitor (17 '' 1280w x 1024h) großartig aussieht.

Wenn ich es in einem Laptop getestet habe (weniger Höhenauflösung als mein Monitor), sieht es nicht gut aus, weil es die Seite irgendwie aufteilt und Sie scrollen müssen, um das Gefühl zu bekommen. Sie bekommen nicht den ganzen guten Teil auf einmal. Dies bedeutet, dass es vom Design abweicht.

Meine Frage ist, ob dies ein Spiel meines Verstandes ist, weil ich an meinen Monitor gewöhnt bin, und wenn nicht, wie soll ich damit umgehen?

Ich ziehe es vor, meine Seite nicht zu zeigen, aber ich habe hier ein Beispiel dafür gefunden, was ich in Vorlagenmonster meine http://livedemo00.template-help.com/joomla_35840/

2
EnexoOnoma

Aus diesem Grund und darüber hinaus auch für mobile Bildschirmgrößen gibt es eine neue Technik namens Responsive Webdesign. Es geht darum, den Inhalt und das Layout mithilfe von CSS-Medienabfragen und zusätzlichen serverseitigen Techniken an die Bildschirmgröße anzupassen. Ich habe nicht zu tief hineingegraben, aber ich denke, es basiert auf HTML5 und CSS3.

Ich befürchte jedoch, dass für Ihre aktuelle Site ein völlig neuer Layoutansatz erforderlich ist.

Links: Responsive Web Design Einführung , Responsive Web Design: Was es ist und wie man es verwendetPragmatisches Responsive Design , Anpassung: Warum Responsive Design tatsächlich auf dem Server beginnt , Golden Grit System

Und kritische Links: 11 Gründe, warum Responsive Design nicht so cool ist! , Responsive Web Design oder separate mobile Site? Eh. Es kommt darauf an. , CSS Media Query for Mobile ist Fool's Gold

5
FrankL

Muss hier FrankL zustimmen. Der aktuelle Trend geht zum reaktionsschnellen Webdesign mit HTML5 und CSS3 (insbesondere Medienabfragen). Beachten Sie jedoch, dass viele dieser Funktionen nur in neueren Browsern funktionieren. Wenn Sie Statistiken darüber haben, wer die Site derzeit besucht (welche Browser sie verwenden), kann dies zeigen, ob HTML5/CSS3 der richtige Weg ist, oder Sie müssen nach anderen Möglichkeiten suchen, um ähnliche Effekte zu erzielen, die auf älteren Browsern funktionieren.

Einige Links zum Antwort-Webdesign:

http://www.alistapart.com/articles/responsive-web-design/

http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

1
Sheff

Ich muss (zu meiner Schande) sagen, dass ich in letzter Zeit nicht überprüft habe, welche Mehrheitsauflösung 2011 von Bildschirmen verwendet wird. Ich halte mich jedoch an die Idee, dass Sie mindestens 1024 x 768 berücksichtigen sollten. Wenn Sie nicht die große Mehrheit Ihres potenziellen Publikums bedienen, ist alles, was Sie erstellen, ein Eitelkeitsprojekt.

Mein Rat ist ... herauszufinden, was die Mehrheit (d. H. Über 90%) Ihrer Besucherauflösungen sind, und für mindestens ein akzeptables Erscheinungsbild den kleinsten gemeinsamen Nenner zu sorgen. Ich weiß, es ist ein Schmerz, aber es sind Ihre Benutzer, die Sie ansprechen sollten.

0
Steve Malone

Wenn es wirklich ALLES über Design ist, dann versuchen Sie es flüssig zu gestalten, damit es sich an verschiedene Bildschirmgrößen anpassen kann. Es gibt viele Beispiele für ähnliche Websites.

Google hat eine wirklich gute Sache mit einer halbflüssigen Oberfläche gemacht (ich habe den Begriff semi verwendet, weil er einige Schritte enthält, auf die er reduziert wird, er reduziert sich nicht reibungslos mit jeder Größe des Browsers) - öffnen Sie Ihre Google-Dokumente und starten Sie Reduzieren Sie die Größe des Browserfensters und sehen Sie, was passiert.

Es gibt sogar Frameworks für diese Art von Arbeit, die Sie verwenden können.

0