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