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

宅宅設計入門

Avatar for Hai Feng Kao Hai Feng Kao
February 18, 2016
Design
5
320

 宅宅設計入門

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

Avatar for Hai Feng Kao

Hai Feng Kao

February 18, 2016
Tweet

More Decks by Hai Feng Kao

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

Other Decks in Design

See All in Design
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
1M
AI情報に溺れながら、それでも頑張って泳ぐための思考法
Avatar for Iori67 yoriss67
0
130
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
2
250
AIエージェントが対話的なUIを返す！MCP−UIで変わるユーザ体験
Avatar for daitasu daitasu
1
150
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
550
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
26k
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
Avatar for Takuya Shikichi shikichee
2
3.3k
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
4
710
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
350
hicard_credential_202601
Avatar for hicard hicard
0
160
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
250
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
7.1k

Featured

See All Featured
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
330
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
220
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Designing for Performance
Avatar for Lara Hogan lara
610
70k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
65
Side Projects
Avatar for Sacha Greif sachag
455
43k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k

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!