Upgrade to Pro — share decks privately, control downloads, hide ads and more …

宅宅設計入門

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Hai Feng Kao Hai Feng Kao
February 18, 2016
Design
330
5

 宅宅設計入門

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

Avatar for Hai Feng Kao

Hai Feng Kao

February 18, 2016

More Decks by Hai Feng Kao

See All by Hai Feng Kao
物件導向的文藝復興:用DCI重塑程式設計的藝術
Avatar for Hai Feng Kao haifengkao
0
180
模組化的Swift架構(一) Redux入門
Avatar for Hai Feng Kao haifengkao
0
160
模組化的Swift架構(二) DDD速成
Avatar for Hai Feng Kao haifengkao
0
910
日常生活中的腦殘
Avatar for Hai Feng Kao haifengkao
0
290
機器學習超入門
Avatar for Hai Feng Kao haifengkao
0
190
UICollectionView自動布局
Avatar for Hai Feng Kao haifengkao
1
470
宅宅設計入門2
Avatar for Hai Feng Kao haifengkao
2
310

Other Decks in Design

See All in Design
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.7k
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
0
260
【優秀賞＋特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
Avatar for Shoko shoko_seven11
0
190
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
310
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
7
5.6k
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
Avatar for ryu ryu1013
0
120
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
370
2026_01_07_３DプリントはじめましたLT.pdf
Avatar for HideakiTakechi hideakitakechi
0
210
The Art of Caring
Avatar for Klemens klemens
0
350
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
Avatar for Yu Morita securecat
1
190
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.2k
AI時代に必要な アイデアの形
Avatar for ux-man uxman
0
200

Featured

See All Featured
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.9k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
400
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.1k
Done Done
Avatar for chrislema chrislema
186
16k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
480
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.3k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
210k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
310
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.8k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
310

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!