Dr.Web - Das Online Magazin für Seitenbetreiber

Rubrik: Webdesign

Werbung
Illu

Photoshop und Typografie fürs Web, Teil 2

Die Arbeit mit Text in Photoshop ist gewöhnungsbedürftig. Dieser Beitrag erläutert die Textwerkzeuge von Photoshop und gibt Tipps, wie Sie die typografischen Fähigkeiten des Bildbearbeitungsprogramms maximieren können. In Teil 2 der Serie geht es um das Glätten von Text und die verschiedenen Optionen, die Ihnen das Zeichen-Aufklapp-Menü bietet.

Weiterlesen | Keine Kommentare | PLUS-Beitrag
Illu

ElasticCSS - Flexibles Framework für eierlegende Wollmilchsäue?

Das noch recht junge Framework ElasticCSS bietet durchaus Vorteile gegenüber anderen Systemen. Entwickler, die zusätzlich jQuery einsetzen, schlagen zwei Fliegen mit einer Klappe, denn ElasticCSS bringt jQuery nicht nur mit, sondern nutzt es auch. Ein ausführlicher Praxistest mit kritischen Tönen.

Weiterlesen | 10 Kommentare
Illu

Shopdesign optimieren - vermeiden Sie die 10 meist gemachten Fehler

Jedes Jahr sammeln die Shopexperten von MarketingSherpa die Fehler, die Ihnen in englischen Webshops am häufigsten begegnen. Eine kurze Recherche zeigt: Die Deutschen machen die gleichen Fehler. Welche das sind und wie Sie diese Fehler vermeiden können, erfahren Sie hier.

Weiterlesen | Keine Kommentare | PLUS-Beitrag
Illu

38 unverbrauchte Beispiele von Textur-basiertem Webdesign

Nach einem geradezu inflationären Gebrauch von Texturen, kann man nun wieder durchs Web surfen ohne auf jeder zweiten Seite Tapetenmuster und andere Texturen zu sehen. Dennoch sind Texturen. vor allem wenn sie gelungen mit anderen Elementen kombiniert werden nach wie vor wichtig im Webdesign, wie diese Sammlung zeigt.

Weiterlesen | 7 Kommentare
Illu

Bilder mit Photoshop für den Export ins Web optimal aufbereiten (1)

Wenn Sie mit Photoshop alle Pixel auf Hochglanz poliert haben, sind Sie mit der Arbeit an Ihrem Bild oder Webdesign noch nicht fertig. Für die Darstellung in einem Browser müssen Sie die Dateien noch optimieren. Wie Sie das mithilfe des Dialogs "Für Web und Geräte speichern" am besten lösen, und was bei Dateiformaten fürs Web grundsätzlich zu beachten ist, erfahren Sie hier.

Weiterlesen | Keine Kommentare
Illu

So vermeiden Sie, dass Ihr Code "schlecht" wird, Teil 1

Webentwickler müssen häufig anderer Leut's Code bearbeiten, was nicht selten zu Verwunderung bis Frust führt. Als Webentwickler verwenden Sie in der Regel mehr Zeit darauf, fremden Code aufzuräumen, anstatt selbst großartige Dinge zu programmieren. Wie Sie Anwendern und anderen Entwicklern das Leben mit Ihrem Code leichter machen, erfahren Sie in dieser Artikelserie.

Weiterlesen | Keine Kommentare | PLUS-Beitrag
Illu

CSS3-Spaltenlayouts: Das Template Layout-Modul

Spalten-Layouts sind in Zeitungen und Print-Magazinen ein Standard, der sich im Webdesign bisher leider nur mit Biegen und Brechen simulieren lässt. Neue CSS3-Module versprechen hier Abhilfe. Teil 5 der Artikelreihe über CSS-Spalten-Layouts beleuchtet das neue Template Layout-Modul.

Weiterlesen | 4 Kommentare
Illu

CSS-3-Spaltenlayouts: Das Grid Positioning-Modul

Was mit CSS 3 in punkto Texgtgestaltung möglich ist, beleuchtet diese Artikelserie. Anders als bei Flexbox und Multi-Column konzentriert sich das Grid-Modul verstärkt auf die Positionierung von Elementen innerhalb eines Spaltengefüges, anstatt sich in erster Linie selbst darum zu kümmern, dass ein solches entsteht. Dennoch ist es mit Grid-Layout durchaus möglich, Raster zu definieren.

Weiterlesen | 5 Kommentare
Illu

25 nützliche Tools für Webdesigner

Webdesign ist ein zeitintensives Metier. Neben dem eigentlichen Gestalten und Entwickeln, Absprachen mit Kunden und Kooperationspartnern, fressen Testläufe, Fehlersuche und Informationsrecherche die Zeit. Wie schön, dass die Community mit vielen kleinen Helferlein reagiert. Hier ist eine Sammlung arbeitserleichternder Tools und Referenzen für Webdesigner.

Weiterlesen | 10 Kommentare
Illu

Media Queries: Mobile Versionen von Websites mit CSS 3 erstellen

CSS 3 ist ein Thema, das Webdesigner und -entwickler nach wie vor begeistert und frustriert. Ein Anwendungsbereich, bei dem Sie nicht auf Browser-Unterstützung der IE-Familie warten müssen, sind mobile Geräte. Nutzen Sie Media Queries, um Ihre Websites fit fürs iPhone, iPad und Android-Geräte zu machen.

Weiterlesen | 6 Kommentare
Illu

Denkanstoß: HTML5 gegen, mit oder für Flash?

Das Verlangen der WebDesigner nach einheitlichen Standards ist so alt, wie das Web selbst. Jeder wünscht sich für alle Browser den gleichen Code oder die gleichen Mediaformate verwenden zu können. Tatsache ist aber, dass sich die Onlinewelt genau in die entgegengesetzte Richtung entwickelt. Auch wegen HTML5.

Weiterlesen | 18 Kommentare
Illu

Webdesign-Trends auf Sport-Websites

Als Webworker sehen Sie tagein, tagaus sehr viel mehr oder weniger gutes Webdesign, und schauen, wie's die anderen machen. Sehen Sie sich auf der Suche nach Inspiration auch Fußball- oder Tennis-Websites an? Nicht?!? Dann holen wir das jetzt nach, denn die informationslastigen Sport-Websites haben in punkto Navigation, Interaktion und Benutzerfreundlichkeit viele gute Lösungen zu bieten.

Weiterlesen | 2 Kommentare
Illu

Interview: Nicht zu Tode analysieren - Nutzerzentriertes Webdesign (3)

Konversionsraten sind nicht nur ein Thema für E-Commerce-Seiten. Auch für Blogs, die sich über Werbung finanzieren, ist das Thema interessant. Die Frage, wie Webdesigner und -entwickler Benutzeroberflächen oder neudeutsch das User Interface Design (UID) ansprechender gestalten können, ist daher äußerst spannend. Frank Puscher hat den Usability-Experten Andreas Selter zur Verbesserung von Usability und nutzerorientiertem Interface Design befragt.

Weiterlesen | Keine Kommentare | PLUS-Beitrag
Illu

Typo-Tools: Kleine Helferlein für die Web-Typografie

Im Webdesign spielt die Auswahl der gestalterischen Merkmale des Schriftsatzes zumeist nur eine kleine Nebenrolle. Dabei sind Lesbarkeit und Räumlichkeit auch und gerade im Netz sehr wichtig. Geeignete Schriften und deren Formatierung entdeckt man weitaus leichter mit diesen Tools.

Weiterlesen | 11 Kommentare
Illu

Nutzerzentriertes Webdesign (2): User effektiv mit einbeziehen

Die klassischen Usability-Testmethoden eignen sich mit Ausnahme der Expertise sehr gut, um den Nutzer in den Mittelpunkt des Gestaltungsprozesses zu stellen. Vor allem sind die daraus gewonnenen Erkenntnisse einfacher umzusetzen als bei innovativen Methoden wie Neuromarketing und VIQk, die wir im ersten Teil der Serie vorgestellt haben. Wer eher klassisch vorgehen möchte, für den stehen eine Handvoll Werkzeuge für die tiefere Zielgruppenanalyse zur Verfügung.

Weiterlesen | Keine Kommentare | PLUS-Beitrag
Illu

User, wer bist Du? Nutzerzentriertes Webdesign (1)

Im Zeitalter des Social Web steigt der Bedarf, die Hintergründe von Handlungen und Kaufentscheidungen bei den Nutzern zu kennen. Befragungen allein helfen da nicht weiter. Frank Puscher hat sich zum Themenkomplex Usibillty, eCommerce und Neuro-Marketing verschiedene Fachvorträge angehört und stellt interessante Methoden und Forschungsergebnisse vor.

Weiterlesen | Keine Kommentare | PLUS-Beitrag
Illu

HTML 5 und Flash - Koexistenz, statt Krieg

Angesichts der teils lautstarken Auseinandersetzungen in der Web Community über HTML 5 versus Flash, konnte ich es mir als Web-Veteran mit gut zehnjähriger Praxis in Webdesign und Flash-Entwicklung nicht verkneifen, mich ins Schlachtgetümmel zu stürzen, um diesem unsäglichen Adobe-oder-Appel-Gezerre ein Ende zu setzen und ein konstruktives Friedensangebot zu unterbreiten.

Weiterlesen | 17 Kommentare
Illu

CSS-Spaltenlayouts: Die zukünftigen Möglichkeiten

Die Zeit der Layout-Tabellen ist dank CSS zum Glück überwunden. Wirkliche Spaltenlayouts wie bei Printprodukten sind in den bisherigen CSS-Standards jedoch nicht vorgesehen. Mit CSS3 soll sich das ändern. Es liegen einige vielversprechende Konzepte vor, die sogar teilweise schon implementiert sind. Ein einführender Überblick.

Weiterlesen | 22 Kommentare
Illu

Klick & easy: Drupal-Themes mit Artisteer erstellen

Eine echte Webdesign-Revolution - will man den Marketing-Strategen glauben, soll Aristeer sein. Damit lassen sich laut Hersteller ohne HTML- oder CSS-Kenntnisse im Handumdrehen fantastisch aussehende Templates für Content-Management- beziehungsweise Blogsysteme wie Joomla, WordPress, Drupal, Blogger und DotNetNuke erstellen. Der Praxistest zeigt Beachtliches, aber auch ein paar Schwächen.

Weiterlesen | 10 Kommentare
Illu

User Theming mit transparenten CSS-Sprites

Eine der nützlichsten Techniken in der Frontend-Entwicklung sind die schlichten CSS-Sprites. Die Technik ist hinlänglich bekannt und wird dank ihrer Ladezeiten-reduzierenden Wirkung auf vielen hochperformanten Websites eingesetzt, darunter Google und Amazon. Mit einer kleinen technischen Spielerei, können Sie den Speicherbedarf im Browser und die Ladezeiten noch weiter reduzieren. Ein praktisches Beispiel mit transparenten CSS-Sprites.

Weiterlesen | 11 Kommentare