Maigrün - der netzkern Blog

Neues Jahr, neue Trends? Ganz so kurzlebig sind Trends im UI-Design glücklicherweise nicht. Im Gegenteil, viele Trends brauchen sogar Zeit um zu reifen und sich erst zu etablieren. Ein konkretes Beispiel dazu folgt gleich. Viele der aufgelisteten Trends sahen wir also schon die letzten Jahre und werden weiter fortgeführt. Einer der vorgestellten Trends ist aber wirklich brandneu. Dazu gleich mehr.

Das Corporate Design, also das visuelle Erscheinungsbild ist das Aushängeschild eines Unternehmens oder einer Marke. Es sollte möglichst unverwechselbar und von hohem Wiedererkennungswert sein – über alle Medien und Formate hinweg.

Es hakt aber leider immer wieder an einer typischen Stelle: Der Tauglichkeit für digitale Anwendungen.

Das Thema Bildschirmauflösungen und Responsive Webdesign hat in den vergangenen Jahren eine interessante Entwicklung vollzogen.

Im Bezug auf Display-Auflösungen war früher vieles einfacher. Man gestaltete Websites in nur einem Viewport, mit einer festen Containerbreite von z.B. 800px für die damaligen 4:3 Monitore.

Doch Monitore wurden immer größer und die wesentlich kleineren Smartphones eroberten die Welt. Mittlerweile gibt es zig verschiedene Auflösungen, die alle unterstützt werden wollen (siehe Christians Beitrag zu Bildschirmauflösungen).

Diese Vielfalt bringt nicht nur Abwechslung, sondern auch Komplexität mit sich und bedeutet im Gegensatz zu früher wesentlich mehr Aufwand in der Gestaltung und Programmierung.

 

Update November 2020

Alle aktuellen Geräte aus 2020 inkl. iPhone 12 und iPhone 12 Pro wurden ergänzt. Eine Übersicht aller Apple Bildschirmauflösungen findest Du hier.

 

Willkommen zu meinem neueste Blogpost aus der Reihe „Bildschirmauflösungen und Responsive Webdesign“. Heute widme ich mich ganz den Auflösungen und Seitenverhältnissen der Apple Geräte. Warum? Weil Apple mit neuen Geräten regelmäßig neue Bildschirmgrößen vorstellt.

Unter Schriftmischung versteht man das Kombinieren von verschiedenen Schriftfamilien (z.B. Times New Roman & Arial), sowie Schriftschnitten (z.B. Light & Bold). Das korrekte Mischen von Schriften erzeugt eine positive Spannung, die für Aufmerksamkeit sorgt und beim Erfassen von Inhalten helfen kann.

Jedoch gibt es wie im Straßenverkehr auch in der Typografie – also der Schriftenlehre – gewisse Regeln, die beachtet werden sollten.

Druckvorlagen erstellen mit Sketch. tl;dr: geht nicht.

Das Jahr 2018 ist schon halb vorbei und der längste Tag des Jahres liegt bereits hinter uns. Es ist höchste Zeit für ein Update! :-)  
In den vergangenen Jahren habe ich bereits ausführlich über die Verwendung der verschiedenen Bildschirmauflösungen bei unterschiedlichen Devices (in Deutschland) berichtet. Insbesondere bei der Umsetzung von responsiven Webseiten ergeben sich daraus stets neue und spannende Herausforderungen.

Was ist das Burger Menu? Ist es ein Trend? Und was gibt es eigentlich für Alternativen? Was hat es mit Progressive Menu und Tab Menu auf sich?

 

Habt ihr es vielleicht auf Facebook oder beim gestrigen Schwebebahn-Lauf bereits bemerkt? Nach mehr als 6 Jahren haben wir es mal wieder gewagt: Wir haben ein neues Logo! 

Moin Moin, Hamburg! Mittwochmorgen auf dem ADC Kongress 2018 in der „hippen“ Location Kampnagel.

Im Rahmen dieser „Pflicht“ habe ich die Veranstaltung Adobe Animations der beliebten meetup-Reihe besucht. In solchen meetups treffen sich Interessierte zu beliebigen Themen und tauschen sich aus. Das ist Know-How Transfer, Networking und beinhaltet manchmal auch freie Speisen und Getränke je nach Location-Sponsor. 

Man kennt das: Es ist Monatsmitte und YouTube oder andere datenhungrige Apps haben das Datenvolumen aufgefressen. Noch eine flapsige SMS vom Netzbetreiber: Für nur 10 Euro wieder „normal“ surfen – die Versuchung ist groß. Und das nennt sich dann großzügig Flatrate.

Oft genug haben wir an dieser Stelle über Website-Performance geschrieben. An dieser Stelle möchten wir eine Methode zur Optimierung vorstellen: Lazy loading. Es handelt sich dabei um eine beliebte Technik für bildlastige Webseiten.

Der Irrglaube um die sagenumwobenen 72dpi geistert seit Jahrzehnten durchs Internet, Lehrbücher und Berufsschulen. Es gab bereits zahlreiche Artikel in Fachzeitschriften dazu und trotzdem hält sich dieser Mythos hartnäckig wie kein anderer in der Branche. Kein Wunder, wenn er sogar an Berufsschulen gelehrt wird. Mit diesem Blogeintrag versuche ich die Verwirrung zu beseitigen und aufzuklären.

Bei der Konzeption, Gestaltung und Entwicklung von Webseiten ist es enorm wichtig darauf zu achten, dass der Inhalt auf den von den Nutzern eingesetzten Endgeräten auch lesbar und bedienbar dargestellt wird. Aus diesem Grund beschäftige ich mich regelmäßig mit den aktuell häufigsten Bildschirmauflösungen, da diese für ein gutes Responsive Webdesign besonders berücksichtigt werden sollten.

Es gibt fachliche Fertigkeiten und Kenntnisse zur Gestaltung von Benutzeroberflächen die unerlässlich sind - unabhängig davon, ob wir uns innerhalb von Projekten in der Konzept-, Design oder Abnahme-Phase befinden.

Zu diesen Kenntnissen gehören die sogenannten Gestalt-Gesetze. Sie stammen im weitesten Sinne aus dem Bereich der Wahrnehmungspsychologie. Die Gesetze sind insbesondere bei der Gestaltung von Zusammengehörigkeit relevant. Sie geben uns ein Verständnis darüber, worauf wir sowohl bei den ersten Visualisierungen von Anforderungen achten sollten, als auch bei der fortführenden Ausgestaltung wie finalen Designs und in der Entwicklung der Benutzeroberfläche. Kurz ausgedrückt: Die Gestalt-Gesetze widmen sich dem Bereich der menschlichen Wahrnehmung.

Solche Gestaltungs-Grundlagen helfen sowohl den Kreativen selbst indem sie ihre eigene Arbeit durch die Brille solcher Ansätze begutachten. Aber auch den Auftraggeber können sie zur Überprüfung der gestalterischen Stimmigkeit dienen. 

 Was ist eigentlich der Unterschied zwischen einem JPG und einem PNG? Was kann ein GIF und was bitte soll ein SVG sein?

Diese Fragen möchte ich euch gerne beantworten, denn mit diesem Blogeintrag werde ich mich auf die vier webrelevanten Speicherformate für Bilder beschränken und auf ihre Stärken und Schwächen eingehen.

Unternehmen stehen häufig vor der Herausforderung, dass ein spezielles Produkt oder eine spezielle Dienstleistung für eine kurzfristige Offensive besonders beworben werden sollen. Neben der Vielzahl an Vertriebsmöglichkeiten im klassischen Marketing Mix, gibt es tausende weitere  Möglichkeiten in der digitalen Welt.

Mehr als 50% aller Website-Aufrufe erfolgen über Smartphones und Mobilgeräte, Tendenz steigend. Der logische Schritt für Google: Ab 2017 basieren die Rankings nicht mehr auf der Desktop-Version von Websites, sondern auf dem Index für Smartphones und andere Mobilgeräte. Das ist praktisch ein Todesurteil für veraltete Seiten ohne Responsivität.

 In diesem Blogbeitrag möchte ich auf Adobe Muse, seine Funktionen sowie dessen Anwendungsgebiete eingehen. Außerdem kläre ich die Frage ob Muse am Ast der Web-Entwickler sägt.

Es gibt einen aktuelleren Beitrag zum Thema "Bildschirmauflösungen 2017".

 Es gibt einen aktuellen Beitrag zum Thema "Bildschirmauflösungen 2017".

Nowadays, responsive web design has become a common approach for building mobile-optimized Websites. As you might know, the technique behind this changes the layout of a page to enhance the user experience depending on the viewport using media queries. But what about tracking those alternate states of a page in Google Analytics? Here's a working example of how we can track events in a responsive environment.