SITCON Workshop 2014 - 開始學設計（上）

SITCON Workshop 2014 設計場分享學習設計的經驗以及一些基本知識，上半部討論基本功、字體、設計原理、排版。

Transcript

1. Getting Started Design SITCON Workshop @ 設計場
2. 蒼時弦也 FRONT-END DEVELOPER & WEB DESIGNER
3. http://frost.tw/ @elct9620 CONTACT ME
4. THE BASIC FONT DESIGN PRINCIPLES LAYOUT TOPICS
5. THE BASIC
6. ⼿手繪能⼒力
7. 必備技能 不⽤用很強，但是很重要 illustrator: Telu
8. –⼿手繪悲劇的蒼時 「⾄至少，要能夠畫出你需要的東⻄西。」
9. HACKGEN HACKGEN
10. 軟體運⽤用
11. 必備技能 依照設計師類型必須熟練 不同的軟體操作與使⽤用
12. Photoshop, Illustrator MAYA, ZBrush After Effect, Lightroom etc…
13. 多看設計師的作品，可以保持⾃自⼰己的美感 要學習搜集好的作品，並且把靈感記錄下來
14. Dribbble, Behance, Awwwards, etc…
15. FONT
16. ⿊黑體 明體
17. Sans-Serif Serif
18. 字體的選⽤用會影響質感
19. HACKGEN HACKGEN HACKGEN
20. 同樣是 Sans-Serif 也會有所差異
21. HACKGEN HACKGEN HACKGEN
22. Serif 與 Sans-Serif 的感覺是⾮非常不同的
23. 英⽂文字體除了兩⼤大基本類型外，還有許多類型 Mono, Script, etc…
24. 選擇正確的字體，會讓質感更好
25. DESIGN PRINCIPLES
26. 關於「美」的規則 翻譯跟解釋⾮非常多種，只好選⽐比較簡單的來討論
27. Unity 統一的
28. 每個物件都有相似的特性 形狀的相似、⼤大⼩小的相似、距離的相似
29. Hierarchy 有層次的
30. 物件之間是有階層的關係 ⼤大⼩小、顏⾊色有規律的變化（就像漸層⼀一樣的感覺）
31. Dominance 突出的
32. 與其他物件相⽐比之下更突出 在統⼀一的規則下，有⼀一個特別突出的物件
33. Scale 重要的
34. 在⼀一群物件中，顯得特別重要 對焦的⺫⽬目標、視線的焦點
35. Balance 平衡的
36. 物件的⽐比重是相同的 左右兩邊的看起來是平衡的，深⾊色⽐比淺⾊色看起來更重
37. Contrast 對比的
38. 物件的差異是⾮非常⼤大的 顏⾊色是對⽐比⾊色、⼤大⼩小、形狀、空間的對⽐比
39. LAYOUT
40. 如何將⼀一堆物件排列 善⽤用設計原理，排出⼀一個有美感的版⾯面
41. SITCON WORKSHOP ୷ ɿ Џ څ ௏ ࠴ Քˀݶᗘ഑èࠁீ݄ઢౝ়ੰϿ޵ɿуᏠԤڅ௏࠴ࣗéՋᄪç༴ݏ ᄪಯ௏࠴˄ཕᓀ඲֟îӎ࡮̤ႏࡘ௏࠴і޵੫ᔩç઩ě݌ЩĜෆּ çսě௏࠴ႏঔĜɿӵɿӵڅ˻ዘώуՠΈ௏࠴څӒͣé ௡ࡵቄധç๢᝗їʅ༲սçѯՠϛࠁீڅ়ʎʖˀઢçʜ়ੰਮ̴ ௏࠴ç௏࠴Քێశঞڅࠁீçӎ࡮ᄕ࠲ࡿմ୏׸Ⴊึ׸çʽ়ੰҭ ϿɿࡵᏠԤڅ௏࠴і܈é AUG 18 / Ⴉᝰ߱Ӓʩዖ
42. 欄格系統
51. Thanks AND NEXT >>>> 雁⼦子