設(shè)計師絕不是只會使用設(shè)計工具、沒有設(shè)計靈魂的美工。非凡網(wǎng)頁設(shè)計師培訓(xùn)從點、線、面繪畫原理講起,涵蓋色彩原理、空間表現(xiàn)、創(chuàng)意思維等內(nèi)容,重點培養(yǎng)設(shè)計思維,幫助設(shè)計師突破作品缺乏創(chuàng)意的職業(yè)發(fā)展瓶頸,成為專業(yè)出色的網(wǎng)頁設(shè)計師。

網(wǎng)頁美工設(shè)計師
1. HTML:HTML的語法及HTML的新特性,HTML的實際應(yīng)用及案例分析
2. Web標(biāo)準(zhǔn)布局Div+Css:詳解DIV+CSS布局重構(gòu)的高級技巧,使學(xué)員能夠針對不同的用戶體驗設(shè)計出不同的網(wǎng)站結(jié)構(gòu)布局。熟悉各種瀏覽器的特點,并能熟練掌握各種瀏覽器兼容的制作方法和技巧。
3. Web交互表現(xiàn)JS:JS使網(wǎng)頁和用戶之間實現(xiàn)了一種實時性的、動態(tài)的、交互性的關(guān)系,它使網(wǎng)頁變得更加鮮活。在這里我們將學(xué)到JS的交互理論與常用的web,用足夠的創(chuàng)意,開辟交互動畫的新時代
4. Web美工綜合部分:
a)PS網(wǎng)頁設(shè)計:PS在網(wǎng)頁設(shè)計領(lǐng)域的應(yīng)用,以及成套網(wǎng)頁布局流程解析,經(jīng)典網(wǎng)頁案例設(shè)計
b)版式構(gòu)圖表現(xiàn)與版式設(shè)計技巧:設(shè)計的基本原則、構(gòu)圖、光影透是以及點線面元素處理等重要版式布局理念。如何讓網(wǎng)頁界面更加吸引力,突破以往的網(wǎng)頁版面格局等新鮮內(nèi)容。
c)網(wǎng)頁配色技巧:色輪、色彩關(guān)系、色彩心理暗示以及不同色調(diào)的網(wǎng)站設(shè)計技巧。如何運用色彩理論為新網(wǎng)站設(shè)定配色方案,以及運用色彩打動用戶。
d)網(wǎng)站中的字體搭配與排版:在網(wǎng)頁設(shè)計中,我們將透過大量的范例,了解字體的特征,終得以靈活應(yīng)用。內(nèi)容包括字體的使用、文字標(biāo)題的制作、文字段落的排版等。
e)網(wǎng)頁美工綜合實訓(xùn):運用本模塊學(xué)習(xí)的知識,設(shè)計并策劃“企業(yè)門戶網(wǎng)站頁面、電子商務(wù)網(wǎng)站頁面等”使學(xué)到的技能得到進一步鞏固。

如何才能在網(wǎng)頁界面設(shè)計中體現(xiàn)簡約之美?
既然簡約設(shè)計在提升用戶體驗愉悅度,加載速度以及頁面兼容性和產(chǎn)品銷量方面,作用如此巨大,究竟如何才能在頁面設(shè)計中體現(xiàn)其簡約之美?簡約設(shè)計的技巧和禁忌有哪些?
1.利用自然留白,突出軟件或產(chǎn)品功能/特色
與繪畫中添加留白以增加作品神秘感,給予受眾足夠想象空間的目的不同,網(wǎng)頁頁面設(shè)計中留白(也稱負空間)的使用,則更偏向于減少界面噪音,突出界面展示內(nèi)容。讓用戶更自然地將視線集中于展示的軟件或產(chǎn)品功能,服務(wù)和特色,加深用戶印象,從而增加產(chǎn)品銷量。
所以,設(shè)計師在界面設(shè)計中,要注意自然留白的設(shè)計和應(yīng)用,引導(dǎo)用戶點擊或購買。
2.巧用色彩,讓界面簡約而不失視覺吸引
簡單色彩的選擇和應(yīng)用,不僅不會增加頁面的復(fù)雜程度,相反,還能幫助劃分界面功能模塊,讓界面簡單而不失視覺魅力。而這一方面,大家可以從以下幾個方面進行嘗試:
1)簡單色彩或配色方案的選擇和應(yīng)用,提升界面視覺吸引力
2)色塊可兼具劃分界面功能/模塊的作用
3.優(yōu)化界面字體以及排版,體現(xiàn)界面層次結(jié)構(gòu)
除去色彩,界面文本內(nèi)容,字體以及排版的優(yōu)化,也能使整款網(wǎng)頁設(shè)計更加簡潔干凈,直觀生動地展示其頁面層次結(jié)構(gòu)。比如:
1)簡化文本內(nèi)容,讓界面更加直觀易懂
采用更加簡潔的用語,句式或形式(例如小標(biāo)題或列表)簡化界面文本內(nèi)容,讓頁面設(shè)計更加簡單易懂,直觀實用。
2)巧用文字屬性/排版,體現(xiàn)頁面結(jié)構(gòu)和層次
優(yōu)秀的簡約網(wǎng)頁設(shè)計,一般不會使用太多字體和排版。簡單一兩種,結(jié)合文字大小,顏色,粗細,行間距以及排列位置(例如包含,并列等排列方式)等屬性設(shè)置,也能簡單而直觀地體現(xiàn)頁面結(jié)構(gòu)和層次關(guān)系。
而這一點上,設(shè)計師們可以直接使用Mockplus的“單行文本”和“多行文本”組件輕松實現(xiàn)。無論是其文本色彩,下劃線,斜體,字體,尺寸,對齊方式,還是文字邊框,行間距,自動折行,外部鏈接以及排版等屬性設(shè)計,都能簡單實現(xiàn),真正的做到“所見即所得”。
4.利用圖片對界面文本進行闡釋
極簡主義界面設(shè)計,“少即是多”的設(shè)計理念告訴我們,當(dāng)千言萬語也無法清楚表情達意時,簡單地添加適當(dāng)圖片,更能清晰明了的表達設(shè)計師意愿,事半而功倍。
而在圖片添加方面,設(shè)計師可以充分嘗試Mockplus的“圖片”,“GIF”組件以及“我的組件庫”等功能,實現(xiàn)靜態(tài),動態(tài)以及批量圖片的添加的和優(yōu)化。Sketch圖片的導(dǎo)入,批量圖標(biāo)的添加和編輯等等,都不是問題。