150 Millisekunden – so viel Zeit haben Sie im Durchschnitt, einen Nutzer davon zu überzeugen, dass sich der Besuch Ihrer Website lohnt. Dieses Buch vermittelt die Designprinzipien, mit denen Sie diese Herausforderung annehmen können! Es begleitet Sie auf über 780 Seiten bei allen Fragestellungen, die für die Gestaltung einer attraktiven Website wichtig sind.Sie lernen, worauf es bei Schriftwahl, dem Einsatz von Farben und unterschiedlichen Medien ankommt, gestalten Layouts und Navigationsmenüs und erfahren, was alles bei der Konzeption beachtet werden muss. Dabei wird Ihnen auch gezeigt, welche technischen Aspekte Sie bei der Gestaltung berücksichtigen müssen und wie Sie ästhetische Ansprüche und Usability unter einen Hut bekommen. Auch auf Barrierefreiheit und Responsive Webdesign wird eingegangen.
Gutes Design – auch im Web!
Schön von <head> bis <foot>
Dieses Buch führt Sie durch den gesamten Gestaltungsprozess moderner und attraktiver Websites: von der Konzeption und dem perfekten Layout über passende Farben und Typografie bis hin zum Design von Grafiken, Bildern und Navigationsmenüs wird der gesamte Design-Workflow erklärt.
Inspirationsquelle und Ideengeber
Die vielen abwechslungsreichen Beispiele schulen Ihren Blick und bieten Inspiration. Dabei zeigen Ihnen Anleitungen, wie Sie die Gestaltungsprinzipien im Web konkret anwenden und umsetzen. Nutzen Sie das Buch als Ideengeber – und perfektionieren Sie Ihre Webdesigns!
Modern und responsive
Gestalten Sie Websites, die auf allen Geräten und Auflösungen gut aussehen. Zahlreiche Kniffe aus der Praxis und die vielen Profitipps helfen Ihnen, ästhetische Ansprüche und Usability unter einen Hut zu bekommen – dank HTML5, CSS3 und Responsive Webdesign auch auf Smartphone, Tablet und Co. Grundkenntnisse in HTML und CSS werden vorausgesetzt.
Aus dem Inhalt
Konzeption und Planung
- Ideenfindung
- Website-Konzeption
- Projektmanagement, Briefing
- Moodboards, Wireframes, interaktive Prototypen
Prinzipien guter Gestaltung
- Design-Prinzipien
- Farbenlehre und Farbwirkung
- Farbe im Web, Retina-Displays
- Proportionen, Weißraum
- Typografie und Webfonts
- Grafiken, Bilder, Icons, Animation
- Webdesign-Stile, Webtrends
Layout und Raster
- Informationsarchitektur
- CSS-Layout und Rastersysteme
- Positionierung und Gewichtung
- Goldener Schnitt, Above the Fold
Hier das ganze Inhaltsverzeichnis lesen.Navigation und Interaktion
- Haupt-, Sub-, Metanavigationen
- Header, Footer, Buttons, Links
- Mobile Navigation, Off-Canvas
- Usability, User Experience (UX), Barrierefreiheit
Die Technik im Griff
- Responsive Webdesign
- Webstandards und Best Practices
- HTML5 und CSS3
- Frameworks, CMS

Alle Beispieldateien stehen zum Download zur Verfügung.
Das Navigationssystem Ihrer Website spielt eine entscheidende Rolle. Der Besucher kann nur Inhalte konsumieren und nur die Produkte kaufen, die er findet. Sie müssen also einen Konsens finden zwischen den Gewohnheiten der Bedienung und einer individuellen Struktur. In dieser
Leseprobe geht Martin Hahn auf die Informationsarchitektur ein und wie Sie eine Inhaltsstruktur entwickeln, die den Erwartungen Ihrer Besucher entspricht.

Wer hats geschrieben?

Martin Hahn arbeitet als selbständiger Webdesigner für kleine und mittelständische Kunden und kennt daher die Herausforderungen, denen sich ein Webdesigner heute stellen muss, aus jahrelanger eigener Praxiserfahrung ganz genau. Als freier Art-Director arbeitet er auch für Agenturen und gibt seit vielen Jahren als Dozent u. a. für Screendesign, Photoshop und HTML/CSS sein Wissen weiter.
Wer hat's geschrieben?
Martin Hahn arbeitet als selbständiger Webdesigner für kleine und mittelständische Kunden und kennt daher die Herausforderungen, denen sich ein Webdesigner heute stellen muss, aus jahrelanger eigener Praxiserfahrung ganz genau. Als freier Art-Director arbeitet er auch für Agenturen und gibt seit vielen Jahren als Dozent u. a. für Screendesign, Photoshop und HTML/CSS sein Wissen weiter.