Share
2010 war für Webdesigner ein unglaublich grünes Jahr. Mobile hat den Mainstream erreicht; Die Web-Typografie hat ein neues Niveau der Komplexität erreicht; Neue Codierungstechniken haben unsere Fähigkeit, kreativ zu werden, erheblich verbessert (ohne die Stabilität zu beeinträchtigen). Alles in allem ist es ein Jahr gewesen, das sich schnell bewegt hat, selbst wenn es um die Standards des Webs geht. Lassen Sie uns also unseren ersten Jahresbeitrag über den Zustand des Webdesigns im Jahr 2010 ablesen.
Die traditionelle "Falte" (die imaginäre Linie auf einem Bildschirm, die angibt, welcher Inhalt sichtbar ist, bevor ein Betrachter scrollen muss) wurde vage, unwichtig und im Jahr 2010 fast irrelevant.
Warum? Weil der traditionelle "Bildschirm", durch den die Menschen das Web betrachten, eine Vielfalt von Explosionen erlebt hat ... Es ist nicht mehr zu erwarten, dass sich Websurfer auf einem 19-Zoll-Monitor mit einer Auflösung zwischen 1024x768 und 1280x700 befinden alle formen und größen, von iPhones (und kleineren Telefonen) bis zu 60-Zoll-HDTVs. Es ist nicht nur eine Auflösung, die allerdings stark variieren kann. Das Bildseitenverhältnis eines Bildschirms (sogar auf demselben Gerät wie das iPhone) kann sich mit dem Handgelenk ändern. Sicher, Webdesignern wird immer empfohlen, die wichtigsten Nachrichten einer Website in der Nähe der obersten Ebene aufzubewahren, aber mit so vielen neuen Möglichkeiten für Web-Surfer, das Web zu betrachten, gibt es keine definierte Höhe mehr, in der der Inhalt oben sein muss.
Wir werden dieses Thema in diesem Monat ausführlicher besprechen, also abonnieren (es ist kostenlos), um dran zu bleiben :)
Seit der Einführung mobiler Geräte wurden Websites für mobile Szenarien konzipiert… 2010 wurde jedoch ein starker Schub in Richtung ganzer Sub-Sites angestoßen, die speziell für die Anzeige auf kleinen Handheld-Bildschirmen konzipiert wurden. Sie können dem iPhone dafür danken, dass Sie mit diesem Trend begonnen haben, aber die Welle "mobifizierter" Websites breitet sich wie ein Lauffeuer aus ... und im nächsten Jahr werden Sie es bestimmt nicht schaffen, eine große Verlags-Site zu finden mobile Begleitseite.
Das Schöne an mobilen Bildschirmen ist, dass Designer mit relativ wenig Immobilien kreativ werden müssen. Erfolg im mobilen Umfeld ist nicht schwer, wenn Sie einige Regeln beachten: Nachrichten müssen schneller und effizienter übermittelt werden; Links müssen für eine Touchscreen-Umgebung ausgelegt sein. und Text muss lesbar werden (oder zumindest effektiv zoombar sein). Hier nur einige Beispiele für mobile Websites:
Sie können VIEL mehr über mobiles Design auf unserer Schwestersite lesen: Mobile.tutsplus.com!
So wie 2010 eine Explosion der Designs mobiler Websites zu verzeichnen war, kann davon ausgegangen werden, dass, wenn die Verbraucher häufiger Tablets abholen, wichtige Websites folgen werden, indem sie Websites (und Apps) erstellen, die speziell für eine mittelgroße Touchscreen-Umgebung entwickelt wurden.
Okay, ich denke, man könnte behaupten, dass "Typografie jedes Jahr explodiert" ... aber 2010 wurden einige grundlegende Änderungen an der zugrunde liegenden Technologie vorgenommen, die diesen Anspruch tatsächlich legitimieren. In erster Linie das enorme Wachstum der Font-Replacement-Technologie im letzten Jahr und die Massenanwendung von "Fonts als Services", bei denen Drittanbieter Fonts (und Lizenzen) hosten, die Designer in Live-Entwicklungsumgebungen verwenden können. Man könnte auch sagen, dass Designer mit Typogrpahy immer mutiger werden. In letzter Zeit kommen immer mehr Designs auf den Markt, die die Grenze zwischen print-4design und Webdesign verwischen.
Lesen Sie hier mehr darüber, wie Sie durch die Vielfalt dieser neuen, fantastischen Typografie-Lösungen navigieren können. Schauen wir uns einige Beispiele an (einige verwenden Schriftarten ersetzen, andere verwenden andere Methoden):
2009 - 2010 war dies der letzte Schrei, aber die "Druckrevolution" ist im Web lebendig und es werden immer mehr Websites entworfen, die großartige Druckdesigns wie Zeitschriften, Poster, Flyer und mehr nachahmen.
Wenn ich 2009 ein Wettmann gewesen wäre, hätte ich mein ganzes Geld in Apps gesteckt. IPhone-Apps, Android-Apps, Apple-Apps, PC-Apps, Web-Apps… Die Softwareumgebung scheint in den letzten ein oder zwei Jahren völlig durcheinander geraten zu sein . All diese Aufregung über das Erstellen von Anwendungen ist auf eine interessante Art und Weise in das Webdesign-Stil-Lexikon eingetreten: Wo früher das Web wie eine Website aussah, kann es heutzutage oft mehr wie eine Anwendung aussehen. Alles, von modalen Fenstern, Kontextmenüs, OS-inspirierten Schaltflächen und mehr, wird auf neue und aufregende Weise in die Webdesign-Umgebung eingefügt. Das Endergebnis: Websites, die sich benutzerfreundlicher und natürlicher anfühlen.
Rasterlayouts sind nicht neu für 2010 (oder sogar für 1980), aber Webdesigner lösen sich zunehmend von herkömmlichen Weblayouts (Kopfzeile, Inhaltsspalte, Seitenleiste, Fußzeile) ab, um einzigartige, gittergesteuerte Layouts zu bevorzugen. Was mit der 960.gs-Bewegung begann, hat sich schnell auf Gittersysteme ausgedehnt, die sich tatsächlich an die Bildschirmauflösung des Betrachters anpassen können.
Hier ist ein weiterer Trend, der letztes Jahr nicht nur für diesen Trend gilt. Massive Bilder waren früher für Webdesigner tabu, aber dank besserer Bildoptimierung, schneller Internetverbindungen und intelligenterer Lademethoden können Designer auf einigen Websites sehr viel gewinnen, indem sie die Bildgröße maximal ausnutzen.
Mehr als nur "große Bilder", neigen wir dazu, immer mehr zu Websites zu tendieren, die große illustrative (und fotografische) Kulissen verwenden, die Teil des tatsächlichen Erlebens sind, da sie einfach zusätzliche Kunstwerke sind.
Codierte Plugins waren in den meisten Webdesigns ein Nachdenken. Sie würden ein Modell fertigstellen und dann ein Bild durch einen Schieberegler ersetzen, wenn Sie ein tolles Plugin dafür finden könnten. Heutzutage können ganze Designs auf Skripten und Plugins basieren, die mehr tun als "etwas hinzufügen" zu einem Design ... Sie können die gesamte Website-Erfahrung definieren.
Hier sind nur ein paar Beispiele für Websites, die nicht nur Skriptinteraktivität hinzufügen, Sie machen es zur Grundlage der Site:
Auf unserer Schwestersite: Net.tutsplus.com können Sie viel mehr über jQuery und andere Tricks zur Integration von Skripts erfahren!
Wenn ich für jeden CSS3-Artikel, den ich 2010 sah, einen Cent hatte, würde ich in einem Pool schwimmen. Die Massenannahme von CSS3 ist zwar noch ein wenig entfernt (hier ist ein praktischer Link, um zu sehen, welche Browser welche Teile von CSS3 übernommen haben), aber Designer haben nicht gezögert, einige der fantastischen neuen Funktionen zu nutzen. Alles, angefangen von abgerundeten Ecken, Feldschatten, Leuchteffekten, CSS3-Animationen, @ font-face und mehr, tauchte überall in Designs auf. Hier nur einige Beispiele:
Mehr über CSS3-Tricks erfahren Sie auf unserer Schwestersite: Net.tutsplus.com!
Texturen sind nicht neu, aber mit jedem Jahr sehen wir, dass sie auf neue und interessante Weise integriert werden. 2010 gab es eine Menge der "subtilen Geräusche", aber vor allem beginnen wir mit einer Stilphase, in der sich mehr Designs als "berührbar" anfühlen. Dies bedeutet nicht notwendigerweise, dass große, dateilastige Texturen verwendet werden. Stattdessen sehen wir subtilere, gut entworfene Texturen, die sich natürlich wiederholen.
Ich war schon immer ein großer Fan von Infografiken. Daher ist es schön, dass wir sie in Webdesigns mehr als nur Anhänge sehen. Ich denke, es gibt viele Möglichkeiten für neue und aufregende Arten der Infografik-Standortintegration. Behalten Sie also 2011 diese Designs im Auge.
Dies ist mehr eine Neuheit als ein Trend. 3D-basierte Websites machen Spaß, sind aber mit einigen Browsern und Geräten nicht vollständig zugänglich. Allerdings gibt es ein paar lustige neue Dinge in Bezug auf dreidimensionale Umgebungen, also lohnt es sich, sie zu überprüfen, auch wenn Sie sie nicht bald auf Ihrem iPhone sehen werden;)
Der letzte Trend, den ich erwähnen möchte, ist nicht einer, der viele Screenshots erfordert. Hauptsächlich weil die Verschiebung mehr ist Strategie als Substanz. Während sich dieser Trend schon seit Jahren entwickelt, scheinen sich die Dinge im Moment zu spitzen ... und das Schicksal der Zukunft des Internets wird entschieden werden.
Worüber ich spreche, ist "Social Media-Konvergenz", oder eher das Muster von Marken und Unternehmen, das sich auf Social-Media-Sites konzentriert (und nicht auf ihre eigenen unabhängigen Sites). Anstelle von einzelnen Domains sehen wir immer mehr Unternehmen, die auf Strategien setzen, die entweder auf Websites wie Facebook basieren oder zumindest soziale Features so integrieren, dass sie zu 100% von den Social-Media-Sites abhängen.
… Anstatt eines Internets, das aus Millionen verschiedener und einzigartiger Websites besteht, könnten wir mit einer Handvoll "Mega-Sites" enden, auf die jeder (Einzelpersonen und Unternehmen) einfach eine Seite hat ...
Dies ist für eine Reihe von Unternehmen sinnvoll. Es ist viel einfacher, Menschen dazu zu bringen, Ihre Facebook- oder Twitter-Seite zu entdecken und zu besuchen, als sie über Ihre eigene Domain stoßen zu lassen (Wortspiel!) (z. B. myownawesomewebsite.com/me). Die Gewinner dieses Trends sind natürlich die großen Social-Media-Sites, die immer mehr Traffic sammeln. Die Verlierer? Wenn sich dieser Trend fortsetzt, könnten die Verlierer sehr wohl jeder sein, der sich nicht auf den Zug einlässt. Statt eines Internets, das aus Millionen verschiedener und einzigartiger Websites besteht, könnten wir mit einer Handvoll "Mega-Sites" enden. dass jeder (Einzelpersonen und Unternehmen) einfach eine Seite hat.
Okay, ich habe gerade die Spitze des Eisbergs für all die großartigen Trends des Jahres 2010 erreicht und ich bin der Erste, der zugibt, dass ich sicher bin, dass ich etwas verpasst habe. Veröffentlichen Sie Ihre Kommentare, Gedanken, Trends und alles andere in den Kommentaren. Ich werde alle wirklich großartigen Kommentare berücksichtigen, wenn Sie diesen Beitrag später bearbeiten möchten!
Glückliches 2011!
Accentsconagua