Photoshop v dnešním workflow frontendisty
•
1 like•1,163 views
Jaká jsou pro a proti webdesignu ve Photoshopu? Jaká jsou úskalí tradičního grafického návrhu a jaké požadavky při návrhu webu dnes? V čem je na web lepší Illustrator a kdy je Photoshop nenahraditelný? 1. S Photoshopem na věčné časy 2. Moderní web a dnešní workflow 3. Ukázky využití Frontendisti 31. 10. 2014, Praha
Photoshop v dnešním workflow frontendisty
- 1. Photoshop v dnešním workflow frontendisty Frontendisti 31. 10. 2014, Praha
- 2. 1. S Photoshopem na věčné časy 2. Moderní web a dnešní workflow 3. Ukázky využití
- 3. 1. S PHOTOSHOPEM NA VĚČNÉ ČASY
- 4. Co je Photoshop • Grafický editor na úpravu fotografií • Nástroj na vytváření grafiky • Tvorba dokonalých obrázků
- 10. Ú첹í
- 12. Grafický design • Kontext prohlížeče vs. pevný formát papíru • Honba za pixely • Odlišné renderování fontů • Wireframe/prototyp
- 13. • „To nemůžu přečíst.“ • „Na můj monitor se to nevejde.“ Prezentace klientovi
- 14. • Obří PSD • CMYK vs. RGB • Rozměry a rozlišení • Layout a grid • Fonty • Efekty: kulaté rohy, stíny, šikmé gradienty… • Každá stránka originál Kódování PSD
- 17. 2. Moderní web a dnešní workflow
- 18. –John Allsopp, “A Dao of Web Design” “The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must 'accept the ebb and flow of things.'” http://alistapart.com/article/responsive-web-design/
- 21. Cíle a potřeby Koncept Grafický design Vývoj a kódování Testování UX designer Grafický designer Kodér Vývojář
- 22. Cíle a potřeby Koncept Grafický design Vývoj a kódování Testování UX designer Grafický designer Kodér Vývojář Osobní schůzka Tužka a papír, Muse AI PSD AI PSD Textový editor / IDE
- 23. Cíle a potřeby Koncept Grafický design Vývoj a kódování Testování UX designer Grafický designer Osobní schůzka AI PSD AI PSD Textový editor / IDE Tužka a papír, Muse Kodér Vývojář
- 24. Proč Illustrator • Snadná manipulace s objekty • Vícestránkové dokumenty • Snadný export vektorů • Export rastrových obrázků pro web jako v PS • Nižší nároky na čistou práci s vrstvami ve srovnání s PS • Knihovny • Stejně nevhodný nástroj na webdesign jako PS
- 25. Proč Photoshop • Inteligentní objekty • Generate assets • Lepší práce s rastrovými obrázky • Už i SVG export
- 28. Spolupráce grafika a kodéra • Grid • Vertikální rytmus • Retina ready • Vektory pro CSS nebo SVG • Inteligentní objekty • Generate assets • Řezy • Přehledné rozdělení do vrstev