網(wǎng)頁(yè)設(shè)計(jì)就業(yè)班
1.美工設(shè)計(jì):設(shè)計(jì)美學(xué)、se彩搭配、創(chuàng)意思維、設(shè)計(jì)軟件(PS+AI)
2.美工訓(xùn)練項(xiàng)目:網(wǎng)頁(yè)元素設(shè)計(jì)、界面設(shè)計(jì)、商業(yè)項(xiàng)目設(shè)計(jì)實(shí)訓(xùn)、切圖實(shí)訓(xùn)、階段考核。
3.前端開(kāi)發(fā):HTML5+CSS3布局與樣式、Javascript交互開(kāi)發(fā)、Web前端整站項(xiàng)目實(shí)訓(xùn)。
4.移動(dòng)端開(kāi)發(fā): H5高ji、webAPP開(kāi)發(fā)、微信公眾號(hào)、微信小程序、抖音小程序開(kāi)發(fā)等。
5.高ji框架開(kāi)發(fā): 核心框架運(yùn)用、Vue.js、React.js實(shí)戰(zhàn)運(yùn)用及階段考核。
6.后臺(tái)交互與開(kāi)發(fā):PHP后臺(tái)開(kāi)發(fā)、MySQL數(shù)據(jù)庫(kù)、Node.js、項(xiàng)目及階段考核。
7.就業(yè)指導(dǎo):心態(tài)與服務(wù)、商務(wù)禮儀、畢業(yè)設(shè)計(jì)、行業(yè)分析、面試技巧、實(shí)習(xí)實(shí)戰(zhàn)等。
網(wǎng)頁(yè)設(shè)計(jì)se彩進(jìn)階技巧
1、通過(guò)比例變化創(chuàng)造視覺(jué)焦點(diǎn)
控制se彩的比例來(lái)創(chuàng)造視覺(jué)焦點(diǎn)是常見(jiàn)的se彩運(yùn)用手法之一,控制se彩的比例實(shí)際主要是通過(guò)控制se彩所在元素的大小來(lái)達(dá)成效果的。比如Viporte這個(gè)網(wǎng)站,當(dāng)你上下滾動(dòng)首頁(yè)的時(shí)候,每個(gè)部分都用超大的字體進(jìn)行了裝飾,而每個(gè)字母都使用了漂亮的se彩進(jìn)行填充。不同的文字使用了不同的se彩,并且搭配以相應(yīng)的圖片。
2、通過(guò)對(duì)比度吸引用戶(hù)注意
在設(shè)計(jì)過(guò)程中,使用se彩來(lái)控制對(duì)比度也是設(shè)計(jì)師頻繁使用的技巧之一。當(dāng)設(shè)計(jì)的整體se調(diào)趨于柔和和平靜的時(shí)候,突然注入強(qiáng)對(duì)比的se彩,能夠瞬間抓住用戶(hù)的注意力。
而Thinx這個(gè)網(wǎng)站在設(shè)計(jì)的時(shí)候就將對(duì)比度控制得很好。網(wǎng)頁(yè)主體的配se采用的是經(jīng)典的黑白搭配,白se的背景搭配黑se的文本。而整體的設(shè)計(jì)感的來(lái)源則主要源于排版和彩se的圖片。網(wǎng)站所采用的圖片明顯經(jīng)過(guò)精心的選擇和設(shè)計(jì),紅se的底se、黑se的內(nèi)衣和模特外露的細(xì)膩肌膚se在圖片激烈的碰撞,漂亮而充滿(mǎn)誘惑,圖片大膽的se調(diào)搭配和素se的背景與文字形成了鮮明而強(qiáng)烈的對(duì)比,無(wú)論是經(jīng)典的紅黑搭配,還是永恒的黑白配se,都足夠漂亮和吸引人。
Thinx這個(gè)案例我非常喜歡,并且經(jīng)常會(huì)用到,因?yàn)樗C明了設(shè)計(jì)師并不一定非得靠高飽和度的霓虹se來(lái)創(chuàng)造高對(duì)比度的配se。即使是兩種平衡的顏se,也能讓整個(gè)設(shè)計(jì)脫穎而出。
3、使用se彩創(chuàng)造UX模式
高度一致的配se方案能夠創(chuàng)造出視覺(jué)模式,而延伸到用戶(hù)體驗(yàn)上,則會(huì)讓整個(gè)UX呈現(xiàn)出模式化的特征。模式化的設(shè)計(jì)讓用戶(hù)更容易適應(yīng),用戶(hù)更容易摸索出規(guī)律,也更容易產(chǎn)生相匹配的預(yù)期,換句話說(shuō),UX模式能夠培養(yǎng)用戶(hù)習(xí)慣,同用戶(hù)產(chǎn)生深刻的關(guān)聯(lián)。就像用戶(hù)習(xí)慣了某些特定的圖標(biāo)之后,在其他地方看到這些圖標(biāo)就知道它們的含義,明白該如何交互了。比如,小房子圖標(biāo)會(huì)讓用戶(hù)想到首頁(yè)、主頁(yè),而垃圾桶則會(huì)關(guān)聯(lián)上刪除的概念。se彩相對(duì)而言更加主觀,因?yàn)槊總€(gè)網(wǎng)站和APP都會(huì)采用自己的配se方案,不同的se彩代表不同的含義。
那我們就拿Underbelly這個(gè)產(chǎn)品展示頁(yè)作為示例吧。在Underbelly這個(gè)網(wǎng)站中,所有可點(diǎn)擊的組件都是藍(lán)se的,你在試用網(wǎng)站幾秒鐘之后,能夠快速掌握這個(gè)UX模式,并且明白如何操作。這就是Underbelly通過(guò)se彩構(gòu)建UX模式的方法。UX模式的優(yōu)勢(shì)在于,它讓用戶(hù)更快地熟識(shí)你的產(chǎn)品。越容易識(shí)別,用戶(hù)的想法越少,產(chǎn)品的的使用也就更加順暢了。
4、使用se彩來(lái)創(chuàng)建層次
當(dāng)我們?yōu)g覽網(wǎng)頁(yè)和各種界面的時(shí)候,信息的層次感很大程度是借助視覺(jué)來(lái)營(yíng)造的。使用se彩來(lái)創(chuàng)造視覺(jué)層次感就很順其自然了。
在Skore的產(chǎn)品頁(yè)面中,每一個(gè)部分都有使用到綠se的元素。重復(fù)的綠se元素不僅創(chuàng)建出可供用戶(hù)快速識(shí)別的模式,它也讓用戶(hù)能夠快速明白哪些因素更加重要。通常,我們解釋視覺(jué)層次的時(shí)候,會(huì)用不同大小、粗細(xì)的字體來(lái)闡述信息層次和結(jié)構(gòu),但是不同強(qiáng)度的se彩,同樣可以實(shí)現(xiàn)層次的劃分。
在Skore這個(gè)案例當(dāng)中,綠se和灰se的文本以及白se的背景之間有著良好的對(duì)比度,整個(gè)配se方案不依賴(lài)其他的強(qiáng)調(diào)se,以綠se為主。這種相對(duì)穩(wěn)定的配se結(jié)構(gòu)有助于讓每個(gè)部分都有層次地呈現(xiàn)出來(lái)。綠se不僅吸引用戶(hù)關(guān)注關(guān)鍵的元素,而且為不同的部分的內(nèi)部提供層次結(jié)構(gòu)。
可免費(fèi)試聽(tīng),滿(mǎn)意再報(bào)名!
咨詢(xún):干老師
手機(jī):137-6487-7732
qq:2290425711
v信:ffeduhaha
上海多個(gè)校區(qū)可以就近安排學(xué)習(xí),詳情可致電!
