Lynda的讀書筆記之視覺設(shè)計(jì)師該怎樣入門？

筆者的專業(yè)是交互設(shè)計(jì)，課程框架更注重用戶研究和邏輯分析，視覺設(shè)計(jì)的課程十分有限。然如今交互設(shè)計(jì)師的崗位更希望求職者同時(shí)能勝任視覺設(shè)計(jì)的工作，為了提升自己，不被社會(huì)所淘汰，筆者最近自學(xué)了 Lynda 上的 Introduction to Graphic Design 的課程，現(xiàn)將課程重點(diǎn)整理如下，希望能對大家有所裨益。

首先，什么是視覺設(shè)計(jì) 通過對文字，符號，圖片的有意設(shè)計(jì)達(dá)到視覺上的和諧交流

什么構(gòu)成好的視覺設(shè)計(jì)

1. Form: 審美層，好不好看，視覺上是否吸引，顏色是否和諧，字體是否搭配
2. Feeling: 是否傳遞了意圖信息，傳遞的信息是否統(tǒng)一，是否能引起用戶的情感共鳴
3. Function: 是否滿足設(shè)計(jì)目的，是否易于理解，是否可使用

第三點(diǎn)尤其重要，過于花哨而不實(shí)用的設(shè)計(jì)，引用教程里的一句話就是 > Form without function is just a piece of paper. – UNKNOW 優(yōu)秀設(shè)計(jì)欣賞[嘗試總結(jié)好在哪里，便于自己下次使用]

下面，三種你需要的技能：

1. 排版類：將頁面中的元素進(jìn)行視覺上的排列
2. 字體類：字體類型，字體設(shè)置等
3. 圖像類：攝影，插畫，繪畫，配色等

一，六個(gè)排版的基本法則 Balance：讓你畫面給人一種平衡感，介紹三個(gè)方法，對稱排列，非對稱排列，徑向?qū)ΨQ排列。 Proximity：將相同的元素盡量聚集在一起，不同的元素盡量分開 Alignment：盡量讓相似元素彼此對齊，讓頁面中的非對齊線條盡可能少
Repetition：重復(fù)元素用于將設(shè)計(jì)連為一個(gè)有節(jié)奏的整體 Contrast：有意對比強(qiáng)化反差[大小，粗細(xì)，形狀，顏色等]，突出效果 White Space：留白是一種藝術(shù)，less is more 不了解這些法則之前，可能對排版只有主觀上的美和丑。了解之后多留意身邊的設(shè)計(jì)，你會(huì)會(huì)發(fā)現(xiàn)世界竟是如此多嬌。

字體如何選擇 教程是英文的，很多內(nèi)容只適合英文字體。但核心內(nèi)容主要是強(qiáng)調(diào)字體選擇需要既區(qū)分又統(tǒng)一。區(qū)分是指標(biāo)題和正文盡量一個(gè)采取無襯線字體，另一個(gè)采取襯線字體。 類比到中文上，一如黑體，筆畫粗細(xì)接近，轉(zhuǎn)彎處較圓滑，沒有明顯的起鋒和收鋒痕跡。 再如宋體，筆畫有明顯粗細(xì)過度，筆鋒明顯。 將二種不同類型的字體用于不同功能的文字，可讓人對文字有明顯的區(qū)分感，從形式上便可知其功能。 統(tǒng)一是指盡量不要用兩種不同的字體在同一功能區(qū)域，且讓所有相同功能區(qū)域的字體保持一致，不要來回變化。 如下圖，標(biāo)題采用非襯線 Proxima Nova Soft 字體，正文采用襯線 PT Serif 字體。同時(shí)，增大和加粗標(biāo)題，整體上就會(huì)給人一種良好的視覺感。 有時(shí)，將標(biāo)題和正文的字體顛倒過來，能帶來更好的視覺效果，多選擇，多嘗試，你的眼睛會(huì)告訴你哪一種方案更美。 這里推薦一個(gè)在線查看字體的網(wǎng)址，Typekit. 你可在右側(cè)選擇字體的大致特征，Adobe 會(huì)在左側(cè)推薦給你相應(yīng)字體，真的狂拽酷炫屌炸天。

顏色如何選擇 這需要你對顏色認(rèn)知有長久的積累，最基本的暖色調(diào)和冷色調(diào)。其次要記住每一種對應(yīng)什么情感（不同文化有差異），比如黃色容易讓人感到快樂，緊張。藍(lán)色容易讓人感到鎮(zhèn)定，沉穩(wěn)，信任。綠色讓人感到舒適，和諧，緩解緊張。粉色讓人感到浪漫，興奮，刺激。 因此，大部分政府，銀行類網(wǎng)站會(huì)選用藍(lán)色作為主色調(diào)，想象一下12306化身為粉色小公舉的趕腳，分分鐘出戲有木有。 選取一個(gè)主色調(diào)后，如何配色讓整個(gè)頁面看上去和諧呢？主要有三個(gè)規(guī)則，互補(bǔ)，類似，三角。這是設(shè)計(jì)們總結(jié)出來的寶貴經(jīng)驗(yàn)，教程也沒有解釋為什么這么做看上去很美，可能是人天生的神奇特質(zhì)吧（知道的朋友還請科普下）。 了解了三個(gè)基本法則后，Adobe 又送給了設(shè)計(jì)們一個(gè)神器，配色網(wǎng)站 Adobe Color CC. 選取主顏色后，可以在下拉菜單中選擇配色方案，Adobe 會(huì)自動(dòng)幫你生成對應(yīng)色板，并且你還有繼續(xù)自定義。保存后，可下載或同步至任何 Adobe 軟件中使用，真的是業(yè)界良心。 當(dāng)你對一個(gè)主題的顏色猶豫不定時(shí)，你還可以使用它的搜索功能，比如老外想設(shè)計(jì)一個(gè)中國風(fēng)的網(wǎng)站，他不知道該使用什么顏色。點(diǎn)擊 Explore Tab, 搜索 China, 亮瞎他鈦合金雙眼的中國紅分分鐘出來有沒有。 了解了入門知識，下面便可以開始試著設(shè)計(jì)了。

實(shí)戰(zhàn)時(shí)，你必備的三個(gè)基本設(shè)計(jì)軟件

1. Adobe InDesign: 排版軟件，尤其在處理段落字體排版上無出其右。
2. Adobe Photoshop：圖片處理軟件，沒有你做不到的，只有你想不到的。
3. Adobe Illustrator：矢量圖編輯軟件，Logo, Icon, 插畫的最愛。

第一次用 AI 畫的，有沒有很丑呢。 這些軟件個(gè)人覺的入門都不難，后期主要是耐心和不斷練習(xí)，抽時(shí)間多逛逛設(shè)計(jì)網(wǎng)站，發(fā)現(xiàn)一些軟件使用的技巧，逐漸積累，不斷堅(jiān)持，有一天相信你也會(huì)成為這一領(lǐng)域的大神。

先畫草圖，再用軟件 人都有高估自己，低估他人的「自負(fù)」傾向，覺得自己付出努力的東西總比別人做的好。因此，如果當(dāng)你一開始就用軟件繪制高保真草稿時(shí)，你會(huì)有很大的排斥感去修改你的作品當(dāng)別人給你修改意見時(shí)。所以，教程中建議大家先在紙上進(jìn)行草圖繪制，頭腦風(fēng)暴，從眾多草圖中汲取精華，然后討論，修改，驗(yàn)證，確定終稿思路后再進(jìn)入軟件繪制。 草圖： 結(jié)合各個(gè)元素后的終稿: 這是我會(huì)繪制的草圖模板，A4大小，直接打印即可，節(jié)省自己畫方框的時(shí)間成本，下載地址。

LAST BUT NOT LEAST 多分享，多討論。任何大神都是從菜鳥一步一步成長起來，我們走過的坑他們之前全都走過，如果你認(rèn)識有經(jīng)驗(yàn)的設(shè)計(jì)師，多問問他們的學(xué)習(xí)經(jīng)驗(yàn)對你會(huì)大有裨益。