Sketch 3

1. Sketch 3
The real “Photoshop” killer

2. About
- vyvijany od 2008 timom 4 ludi, vyhradne pre
iOS
- predava sa za 80USD - radovo menej ako
Photoshop
- aktualne top paid app na US App store
- velmi oblubeny!

4. photoshopkiller.com

5. Sketch, Photoshop, Illustrator
- PS vhodny na photo editing(na co bol
vytvoreny)
- Illustrator na vektory
- Sketch vie vektory dokonale, rovnako tak
tvorbu interface

7. Koncepty
Pages
- podstranky, obrazovky - napr. dashboard
Artboards
- varianty jednej page - Desktop HD, Desktop,
iPad, iPhone portrait/landscape
- vhodne aj na ilustrovanie stavov aplikacie
(napr. otvorene autocomplete s results)

8. Funkcie
- vsetko vektory
-- import PDF, SVG, EPS
- matematicke a logicke operacie
- inteligentne zarovnavanie elementov
- border radiusy
- grids

9. Znovupouzitelne prvky
1. Symbols
2. Layer styles
3. Text styles
- CSS uvazovanie (PS starsi o 6r)
- vhodne pre velke projekty (RB - iteracie,
height)

10. Symbols
- znovupouzitelne
vrstvy alebo skupiny
vrstiev
- dolezity naming
(usporiadanie,
analogia v CSS)

11. Layer styles

12. Text styles

13. Exportovanie
- vytvorenie slices a jednorazovy export
vsetkych assetov, s moznostou viac variant
(napr. @2x) - Sprite
- snap to pixel
- prebehnut text/layer styles a vytvorit ich v
CSS

14. Pluginy
- dynamic button
- content generator
- measurements

15. Templates

16. Ako ho budeme pouzivat?
- vizual administracneho rozhrania - brandable
- frontend sablony e-shopov
- nas web?
- wireframing?

17. Vyhody?
- ziadne bitmapy
- retina-ready
- responsive
- lepsia frontend performance
- reusability(sass components)
- konvencie, lahsia udrzba
- detailnejsie wireframes

18. Dakujem si za pozornost!