設(shè)計(jì)師絕不是只會(huì)使用設(shè)計(jì)工具、沒(méi)有設(shè)計(jì)靈魂的美工。非凡網(wǎng)頁(yè)設(shè)計(jì)師培訓(xùn)從點(diǎn)、線、面繪畫原理講起，涵蓋色彩原理、空間表現(xiàn)、創(chuàng)意思維等內(nèi)容，重點(diǎn)培養(yǎng)設(shè)計(jì)思維，幫助設(shè)計(jì)師突破作品缺乏創(chuàng)意的職業(yè)發(fā)展瓶頸，成為專業(yè)出色的網(wǎng)頁(yè)設(shè)計(jì)師。
網(wǎng)頁(yè)美工設(shè)計(jì)師
1. HTML：HTML的語(yǔ)法及HTML的新特性,HTML的實(shí)際應(yīng)用及案例分析
2. Web標(biāo)準(zhǔn)布局Div+Css：詳解DIV+CSS布局重構(gòu)的高級(jí)技巧，使學(xué)員能夠針對(duì)不同的用戶體驗(yàn)設(shè)計(jì)出不同的網(wǎng)站結(jié)構(gòu)布局。熟悉各種瀏覽器的特點(diǎn)，并能熟練掌握各種瀏覽器兼容的制作方法和技巧。
3. Web交互表現(xiàn)JS：JS使網(wǎng)頁(yè)和用戶之間實(shí)現(xiàn)了一種實(shí)時(shí)性的、動(dòng)態(tài)的、交互性的關(guān)系，它使網(wǎng)頁(yè)變得更加鮮活。在這里我們將學(xué)到JS的交互理論與常用的web，用足夠的創(chuàng)意，開辟交互動(dòng)畫的新時(shí)代
4. Web美工綜合部分：
a)PS網(wǎng)頁(yè)設(shè)計(jì)：PS在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的應(yīng)用，以及成套網(wǎng)頁(yè)布局流程解析,經(jīng)典網(wǎng)頁(yè)案例設(shè)計(jì)
b)版式構(gòu)圖表現(xiàn)與版式設(shè)計(jì)技巧：設(shè)計(jì)的基本原則、構(gòu)圖、光影透是以及點(diǎn)線面元素處理等重要版式布局理念。如何讓網(wǎng)頁(yè)界面更加吸引力，突破以往的網(wǎng)頁(yè)版面格局等新鮮內(nèi)容。
c)網(wǎng)頁(yè)配色技巧：色輪、色彩關(guān)系、色彩心理暗示以及不同色調(diào)的網(wǎng)站設(shè)計(jì)技巧。如何運(yùn)用色彩理論為新網(wǎng)站設(shè)定配色方案，以及運(yùn)用色彩打動(dòng)用戶。
d)網(wǎng)站中的字體搭配與排版：在網(wǎng)頁(yè)設(shè)計(jì)中，我們將透過(guò)大量的范例，了解字體的特征，終得以靈活應(yīng)用。內(nèi)容包括字體的使用、文字標(biāo)題的制作、文字段落的排版等。
e)網(wǎng)頁(yè)美工綜合實(shí)訓(xùn)：運(yùn)用本模塊學(xué)習(xí)的知識(shí)，設(shè)計(jì)并策劃“企業(yè)門戶網(wǎng)站頁(yè)面、電子商務(wù)網(wǎng)站頁(yè)面等”使學(xué)到的技能得到進(jìn)一步鞏固。
如何才能在網(wǎng)頁(yè)界面設(shè)計(jì)中體現(xiàn)簡(jiǎn)約之美?
既然簡(jiǎn)約設(shè)計(jì)在提升用戶體驗(yàn)愉悅度，加載速度以及頁(yè)面兼容性和產(chǎn)品銷量方面，作用如此巨大，究竟如何才能在頁(yè)面設(shè)計(jì)中體現(xiàn)其簡(jiǎn)約之美?簡(jiǎn)約設(shè)計(jì)的技巧和禁忌有哪些?
1.利用自然留白，突出軟件或產(chǎn)品功能/特色
與繪畫中添加留白以增加作品神秘感，給予受眾足夠想象空間的目的不同，網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)中留白(也稱負(fù)空間)的使用，則更偏向于減少界面噪音，突出界面展示內(nèi)容。讓用戶更自然地將視線集中于展示的軟件或產(chǎn)品功能，服務(wù)和特色，加深用戶印象，從而增加產(chǎn)品銷量。
所以，設(shè)計(jì)師在界面設(shè)計(jì)中，要注意自然留白的設(shè)計(jì)和應(yīng)用，引導(dǎo)用戶點(diǎn)擊或購(gòu)買。
2.巧用色彩，讓界面簡(jiǎn)約而不失視覺吸引
簡(jiǎn)單色彩的選擇和應(yīng)用，不僅不會(huì)增加頁(yè)面的復(fù)雜程度，相反，還能幫助劃分界面功能模塊，讓界面簡(jiǎn)單而不失視覺魅力。而這一方面，大家可以從以下幾個(gè)方面進(jìn)行嘗試：
1）簡(jiǎn)單色彩或配色方案的選擇和應(yīng)用，提升界面視覺吸引力
2）色塊可兼具劃分界面功能/模塊的作用
3.優(yōu)化界面字體以及排版，體現(xiàn)界面層次結(jié)構(gòu)
除去色彩，界面文本內(nèi)容，字體以及排版的優(yōu)化，也能使整款網(wǎng)頁(yè)設(shè)計(jì)更加簡(jiǎn)潔干凈，直觀生動(dòng)地展示其頁(yè)面層次結(jié)構(gòu)。比如：
1）簡(jiǎn)化文本內(nèi)容，讓界面更加直觀易懂
采用更加簡(jiǎn)潔的用語(yǔ)，句式或形式(例如小標(biāo)題或列表)簡(jiǎn)化界面文本內(nèi)容，讓頁(yè)面設(shè)計(jì)更加簡(jiǎn)單易懂，直觀實(shí)用。
2）巧用文字屬性/排版，體現(xiàn)頁(yè)面結(jié)構(gòu)和層次
優(yōu)秀的簡(jiǎn)約網(wǎng)頁(yè)設(shè)計(jì)，一般不會(huì)使用太多字體和排版。簡(jiǎn)單一兩種，結(jié)合文字大小，顏色，粗細(xì)，行間距以及排列位置(例如包含，并列等排列方式)等屬性設(shè)置，也能簡(jiǎn)單而直觀地體現(xiàn)頁(yè)面結(jié)構(gòu)和層次關(guān)系。
而這一點(diǎn)上，設(shè)計(jì)師們可以直接使用Mockplus的“單行文本”和“多行文本”組件輕松實(shí)現(xiàn)。無(wú)論是其文本色彩，下劃線，斜體，字體，尺寸，對(duì)齊方式，還是文字邊框，行間距，自動(dòng)折行，外部鏈接以及排版等屬性設(shè)計(jì)，都能簡(jiǎn)單實(shí)現(xiàn)，真正的做到“所見即所得”。
4.利用圖片對(duì)界面文本進(jìn)行闡釋
極簡(jiǎn)主義界面設(shè)計(jì)，“少即是多”的設(shè)計(jì)理念告訴我們，當(dāng)千言萬(wàn)語(yǔ)也無(wú)法清楚表情達(dá)意時(shí)，簡(jiǎn)單地添加適當(dāng)圖片，更能清晰明了的表達(dá)設(shè)計(jì)師意愿，事半而功倍。
而在圖片添加方面，設(shè)計(jì)師可以充分嘗試Mockplus的“圖片”，“GIF”組件以及“我的組件庫(kù)”等功能，實(shí)現(xiàn)靜態(tài)，動(dòng)態(tài)以及批量圖片的添加的和優(yōu)化。Sketch圖片的導(dǎo)入，批量圖標(biāo)的添加和編輯等等，都不是問(wèn)題。
