本教程框架更注重用戶研究和邏輯分析，視覺(jué)設(shè)計(jì)的教程十分有限亏钩。然如今交互設(shè)計(jì)師的崗位更希望求職者同時(shí)能勝任視覺(jué)設(shè)計(jì)的工作莲绰，為了提升自己，不被社會(huì)所淘汰姑丑，筆者最近自學(xué)了Lynda上的 Introduction to Graphic Design 的教程蛤签，現(xiàn)將重點(diǎn)整理如下，希望能對(duì)大家有所裨益栅哀。
首先震肮，什么是視覺(jué)設(shè)計(jì)
通過(guò)對(duì)文字，符號(hào)留拾，圖片的有意設(shè)計(jì)達(dá)到視覺(jué)上的和諧交流
什么構(gòu)成好的視覺(jué)設(shè)計(jì)
Form: 審美層戳晌，好不好看，視覺(jué)上是否吸引痴柔，顏色是否和諧沦偎，字體是否搭配
Feeling: 是否傳遞了意圖信息，傳遞的信息是否統(tǒng)一咳蔚，是否能引起用戶的情感共鳴
Function: 是否滿足設(shè)計(jì)目的豪嚎，是否易于理解，是否可使用
第三點(diǎn)尤其重要屹篓，過(guò)于花哨而不實(shí)用的設(shè)計(jì)疙渣，引用教程里的一句話就是 > Form without function is just a piece of paper. – UNKNOW
優(yōu)秀設(shè)計(jì)欣賞[嘗試總結(jié)好在哪里，便于自己下次使用]
下面堆巧，三種你需要的技能：
排版類：將頁(yè)面中的元素進(jìn)行視覺(jué)上的排列
字體類：字體類型妄荔，字體設(shè)置等
圖像類：攝影，插畫谍肤，繪畫啦租，配色等
一，六個(gè)排版的基本法則
Balance：讓你畫面給人一種平衡感荒揣，介紹三個(gè)方法篷角，對(duì)稱排列，非對(duì)稱排列系任，徑向?qū)ΨQ排列恳蹲。
Proximity：將相同的元素盡量聚集在一起，不同的元素盡量分開(kāi)
Alignment：盡量讓相似元素彼此對(duì)齊俩滥，讓頁(yè)面中的非對(duì)齊線條盡可能少
Repetition：重復(fù)元素用于將設(shè)計(jì)連為一個(gè)有節(jié)奏的整體
Contrast：有意對(duì)比強(qiáng)化反差[大小嘉蕾，粗細(xì)，形狀霜旧，顏色等]错忱，突出效果
White Space：留白是一種藝術(shù)，less is more
不了解這些法則之前，可能對(duì)排版只有主觀上的美和丑以清。了解之后多留意身邊的設(shè)計(jì)儿普，你會(huì)會(huì)發(fā)現(xiàn)世界竟是如此多嬌。
字體如何選擇
教程是英文的掷倔，很多內(nèi)容只適合英文字體眉孩。但核心內(nèi)容主要是強(qiáng)調(diào)字體選擇需要既區(qū)分又統(tǒng)一。區(qū)分是指標(biāo)題和正文盡量一個(gè)采取無(wú)襯線字體勒葱，另一個(gè)采取襯線字體勺像。
類比到中文上，一如黑體错森，筆畫粗細(xì)接近，轉(zhuǎn)彎處較圓滑篮洁，沒(méi)有明顯的起鋒和收鋒痕跡涩维。
再如宋體，筆畫有明顯粗細(xì)過(guò)度袁波，筆鋒明顯瓦阐。
將二種不同類型的字體用于不同功能的文字，可讓人對(duì)文字有明顯的區(qū)分感篷牌，從形式上便可知其功能睡蟋。
統(tǒng)一是指盡量不要用兩種不同的字體在同一功能區(qū)域，且讓所有相同功能區(qū)域的字體保持一致枷颊，不要來(lái)回變化戳杀。
如下圖，標(biāo)題采用非襯線 Proxima Nova Soft 字體夭苗，正文采用襯線 PT Serif 字體信卡。同時(shí)，增大和加粗標(biāo)題题造，整體上就會(huì)給人一種良好的視覺(jué)感傍菇。
有時(shí)，將標(biāo)題和正文的字體顛倒過(guò)來(lái)界赔，能帶來(lái)更好的視覺(jué)效果丢习，多選擇，多嘗試淮悼，你的眼睛會(huì)告訴你哪一種方案更美咐低。
這里推薦一個(gè)在線查看字體的網(wǎng)址，Typekit. 你可在右側(cè)選擇字體的大致特征敛惊，Adobe 會(huì)在左側(cè)推薦給你相應(yīng)字體渊鞋，真的狂拽酷炫屌炸天。
顏色如何選擇
這需要你對(duì)顏色認(rèn)知有長(zhǎng)久的積累，最基本的暖色調(diào)和冷色調(diào)锡宋。其次要記住每一種對(duì)應(yīng)什么情感（不同文化有差異）儡湾，比如黃色容易讓人感到快樂(lè)，緊張执俩。藍(lán)色容易讓人感到鎮(zhèn)定徐钠，沉穩(wěn)，信任役首。綠色讓人感到舒適尝丐，和諧，緩解緊張衡奥。粉色讓人感到浪漫爹袁，興奮，刺激矮固。
因此失息，大部分政府，銀行類網(wǎng)站會(huì)選用藍(lán)色作為主色調(diào)档址，想象一下12306化身為粉色小公舉的趕腳盹兢，分分鐘出戲有木有。
選取一個(gè)主色調(diào)后守伸，如何配色讓整個(gè)頁(yè)面看上去和諧呢绎秒？主要有三個(gè)規(guī)則，互補(bǔ)尼摹，類似见芹，三角。這是設(shè)計(jì)們總結(jié)出來(lái)的寶貴經(jīng)驗(yàn)蠢涝，教程也沒(méi)有解釋為什么這么做看上去很美辆童，可能是人天生的神奇特質(zhì)吧（知道的朋友還請(qǐng)科普下）。
了解了三個(gè)基本法則后惠赫，Adobe 又送給了設(shè)計(jì)們一個(gè)神器把鉴，配色網(wǎng)站Adobe Color CC.
選取主顏色后，可以在下拉菜單中選擇配色方案儿咱，Adobe 會(huì)自動(dòng)幫你生成對(duì)應(yīng)色板庭砍，并且你還有繼續(xù)自定義。保存后混埠，可下載或同步至任何 Adobe 軟件中使用怠缸，真的是業(yè)界良心。
當(dāng)你對(duì)一個(gè)主題的顏色猶豫不定時(shí)钳宪，你還可以使用它的搜索功能揭北，比如老外想設(shè)計(jì)一個(gè)中國(guó)風(fēng)的網(wǎng)站扳炬，他不知道該使用什么顏色。點(diǎn)擊 Explore Tab, 搜索 China, 亮瞎他鈦合金雙眼的中國(guó)紅分分鐘出來(lái)有沒(méi)有搔体。
實(shí)戰(zhàn)時(shí)恨樟，你必備的三個(gè)基本設(shè)計(jì)軟件
Adobe InDesign: 排版軟件，尤其在處理段落字體排版上無(wú)出其右疚俱。
Adobe Photoshop：圖片處理軟件劝术，沒(méi)有你做不到的，只有你想不到的呆奕。
Adobe Illustrator：矢量圖編輯軟件养晋，Logo, Icon, 插畫的最愛(ài)。
第一次用 AI 畫的梁钾，有沒(méi)有很丑呢销睁。
這些軟件個(gè)人覺(jué)的入門都不難仔拟，后期主要是耐心和不斷練習(xí)竖般，抽時(shí)間多逛逛設(shè)計(jì)網(wǎng)站链沼，發(fā)現(xiàn)一些軟件使用的技巧，逐漸積累麦射，不斷堅(jiān)持，有一天相信你也會(huì)成為這一領(lǐng)域的大神灯谣。
先畫草圖潜秋，再用軟件
人都有高估自己，低估他人的「自負(fù)」傾向胎许，覺(jué)得自己付出努力的東西總比別人做的好峻呛。因此，如果當(dāng)你一開(kāi)始就用軟件繪制高保真草稿時(shí)辜窑，你會(huì)有很大的排斥感去修改你的作品當(dāng)別人給你修改意見(jiàn)時(shí)钩述。所以，教程中建議大家先在紙上進(jìn)行草圖繪制穆碎，頭腦風(fēng)暴牙勘，從眾多草圖中汲取精華，然后討論所禀，修改方面，驗(yàn)證，確定終稿思路后再進(jìn)入軟件繪制色徘。
草圖：
結(jié)合各個(gè)元素后的終稿:
這是我會(huì)繪制的草圖模板恭金，A4大小，直接打印即可褂策，節(jié)省自己畫方框的時(shí)間成本横腿。
LAST BUT NOT LEAST
多分享颓屑，多討論。任何大神都是從菜鳥一步一步成長(zhǎng)起來(lái)耿焊，如果你認(rèn)識(shí)有經(jīng)驗(yàn)的設(shè)計(jì)師揪惦，多問(wèn)問(wèn)他們的學(xué)習(xí)經(jīng)驗(yàn)對(duì)你會(huì)大有裨益。推薦Behance搀别、站酷丹擎、UI中國(guó)社區(qū)，PO 出你的作品歇父，收集眾多小伙伴的反饋蒂培，進(jìn)而改進(jìn)，他人的關(guān)注和鼓勵(lì)是自我努力前進(jìn)的極大動(dòng)力榜苫。想系統(tǒng)學(xué)習(xí)請(qǐng)加QQ1289916063.
