This document summarizes trends and best practices in web design in 2013. It discusses concepts like mobile-first design, responsive layouts, simplicity, and user experience-centered design. It also covers specific design elements like fixed header bars, infinite scrolling, CSS3 animations, and social media integration. The document provides examples of standard and the author's preferred workflows for wireframing, visual design, development, and integration with content management systems. It also discusses technologies like Bootstrap, LESS, jQuery, and techniques for responsive design, typography, common design patterns, and touch interfaces.
5. Co pro tebe znamená umět
Photoshop?
• Pracovat ve fullscreenu a hrát na
• klávesnici jako na piáno…
Čo pre mňa znamená webdesigner?
• Dizajnér, ktorý kreslí a pripravuje webové stránky,
musí poznať technológie používané na webe a
musí hlavne o veciach premýšlať.
6. Webdesign trends
• Content first
• Mobile first
• Simplicity
• UX centered design
• App style interfaces
• Responsive Layouts
• Retina Support
• Fixed Header Bars
• CSS Transparency
• Infinite Scrolling
• CSS3 Animations / No Flash
• Social media icons, badges
• Single-Page Web Design
20. Štandardný postup
1. Wireframes – papier, axure
2. Dizajn – photoshop > PSD
3. Programovanie šablón = HTML + CSS
4. Ďalší vývoj, integrácia do CMS alebo
frameworku
21. Môj postup
1. Wireframes
1. Bootstrap + LESS
2. > klikateľný prototyp
2. Look and feel
1. Photoshop
2. > PSD
3. Podstránky
1. Bootstrap + LESS + jQuery
2. > front end