宅宅設計入門

寫給宅宅的設計法則(Alignment & Contrast)

Transcript

1. 疌疌戔懯獈槹 Hai Feng Kao CocoaHead Taipei 2016.02
2. 傶Ջ讕疌疌ᥝ䨝戔懯牫 • ತ戔懯䒍ᥝ藳憒໒
3. 傶Ջ讕疌疌ᥝ䨝戔懯牫 • ತ戔懯䒍ᥝ藳憒໒ • ತ戔懯䒍ᥝ磪桽
4. 傶Ջ讕疌疌ᥝ䨝戔懯牫 • ᛔ૩戔懯অ舚珆
5. 戔懯ጱӤӥૢݦ • 妔犋ฎ戔懯䒍፡ጱ戔 懯䨗 • ࣁՈ傶Ӯኴ愊ጱ憒 㳷
6. 戔懯ጱࢥ㮆ဩ㳷 • Alignment 䌘煶 • Constrast 䌘穉 • Repetition ᯿薟 • Proximity 獤觊
7. 䌘煶 • ୌ缏殷ᶎزᔰԏ樌ጱ橕狌 • 獺蝨޾蘂ጱ眤憽
8. 粚ᶎጱ䌘煶 • 䌘煶ૢ螲 • 䌘煶Ӿ樌 • 䌘煶ݦ螲 Google now
9. 粚ᶎጱ䌘煶 • ᥝ՚奞捝ጱਁ: ݻૢ䌘煶 • 珅୚ဳ఺ጱ秂氂: ᗝӾ • ೲ衔 (Button): ᗝӾ穉斃অೲ Google now
10. 粚ᶎጱ䌘煶 • 䌘煶ૢ螲 • 䌘煶Ӿ樌 • 䌘煶ݦ螲 Google map
11. 氅ᜋጱ䌘煶
12. य़ੜጱ䌘煶
13. 䌘煶 • 獺蝨޾蘂ጱ眤憽 • 螨عڊ匍ॡग़ጱ橕蝫௔ • 犋ᥝݶ碻ڊ匍ݻૢ䌘煶޾ݻݦ 䌘๗
14. 戔懯ጱࢥ㮆ဩ㳷 • Alignment 䌘煶 • Constrast 䌘穉 • Repetition ᯿薟 • Proximity 獤觊
15. 䌘穉 • 獺蝨珅୚Ոጱ殷ᶎ
16. 罶奞ጱ䌘穉
17. 罶奞ጱ䌘穉
18. 粚ᶎጱ䌘穉 • 讙ᰂ穉ֺ 1.618 • 蚅ጼ穉ֺ 1.5 • ᤈ蚣: ਁࣳጱ1.5狝 • ᤈ蚣䒻ۗ捝ᘏ݄捝ෟ螲ጱਁ • ᥝӞ蚏捝ጱਁ䛑扗婘ੜ蚣櫝
19. 粚ᶎጱ䌘穉 • 䋿率Ӥ1.3 ~ 1.8᮷ݢ犥
20. 粚ᶎጱ䌘穉 • 䌘穉ॡ䔶
21. 犝ଶጱ䌘穉 • ӣ圵犝ଶ Fitbit
22. 犝ଶጱ䌘穉 • ӣ圵犝ଶ Fitbit
23. 犝ଶጱ䌘穉 • ࢥ圵犝ଶ Yelp
24. 犝ଶጱ䌘穉 • አ箜褩ݢ犥䲒礚ฎ玽磪䌘穉犋䄪 䔶篇ጱ㺔氂 • ӣ圵犝ଶ • ጮ牏箜牏ἓ • ࢥ圵犝ଶ • ጮ牏亮箜牏窼箜牏ἓ Yelp
25. 犝ଶጱ䌘穉 • ӣ㮆犋Ӟ䰬ጱ氅ᜋ
26. 犝ଶጱ䌘穉 • 䌘穉犋᪃ • 犝ଶ皃ԒӞ䰬
27. 䌘穉 • ದૣ物氅ᜋ牏य़ੜ牏绚ጮ牏罶奞牏 ୵制 • 螨ع犋䔶篇ጱ䌘穉 • 䌘煶ဩ㳷物Ӟ䰬 • 䌘穉ဩ介物覍ଉ犋Ӟ䰬
28. 䌘穉 • Be Bold! Be Brave! • 犋ᥝ吚㮆睩୧ጱካՈ
29. 戔懯ጱࢥ㮆ဩ㳷 • Alignment 䌘煶 • Constrast 䌘穉 • Repetition ᯿薟 • Proximity 獤觊
30. HPXᤈ㵕䛑አՕᶎ戔懯 稭蜰ے獈
31. Be Bold! Be Brave! Don’t be a wimp!