- 網(wǎng)頁(yè)配色設(shè)計(jì)手冊(cè)(寫給設(shè)計(jì)師的書)
- 孫芳編著
- 713字
- 2021-04-02 21:55:58
2.5 界面友好性原則
網(wǎng)頁(yè)設(shè)計(jì)的友好性原則包括三個(gè)方面。
1.對(duì)用戶友好
能夠充分滿足用戶的需要,以友好的信任感打動(dòng)人心,從而提高網(wǎng)站的訪問(wèn)量。
2.對(duì)網(wǎng)絡(luò)環(huán)境友好
適合搜索引擎進(jìn)行檢索,便于積累網(wǎng)絡(luò)營(yíng)銷資源。
3.對(duì)經(jīng)營(yíng)者友好
能夠使經(jīng)營(yíng)者的網(wǎng)站日常維護(hù)和管理更高效、方便、友好。


友好性原則
網(wǎng)頁(yè)設(shè)計(jì)的友好性原則通常表現(xiàn)為打開網(wǎng)站后界面美觀,便于使用,可用性高,給人以美觀、舒適、大方的感覺(jué)。

設(shè)計(jì)理念:該網(wǎng)頁(yè)采用海報(bào)式的布局方式,整體效果舒展大氣。在畫面中央,利用色相的區(qū)別,將版面一分為二,形成了鮮明的對(duì)比。
色彩點(diǎn)評(píng):該網(wǎng)頁(yè)采用類似色的配色方案,以青色與青綠色為主體色,以黃色和綠色為點(diǎn)綴色,整體色調(diào)輕松活潑。
前景中的文字位于兩個(gè)版面的中間,讓兩個(gè)版面產(chǎn)生了緊密的聯(lián)系。
在背景中以人物剪影效果作為點(diǎn)綴,既豐富了畫面的內(nèi)容,又不會(huì)喧賓奪主。
標(biāo)題文字在字體的選擇上非常符合整個(gè)畫面的氣氛,黃色的字體在畫面中效果也非常突出。


該網(wǎng)頁(yè)以黃色作為主色調(diào),綠色作為點(diǎn)綴色。我們可以看到,網(wǎng)站的Logo是一個(gè)綠色的仙人掌,而選擇黃色作為主色調(diào)是為了讓訪客聯(lián)想到沙漠。矢量插畫的風(fēng)格設(shè)計(jì)方式給人一種幽默、有趣的感覺(jué)。


這是一個(gè)網(wǎng)站的首頁(yè)設(shè)計(jì),畫面正中間的歡迎問(wèn)候非常符合網(wǎng)站的友好性原則。藏藍(lán)色的色調(diào)給人一種神秘、悠遠(yuǎn)的感覺(jué)。采用俯拍手法的圖像,很好地將訪客的視線集中到了畫面中心位置的文字上,具有一定的視覺(jué)導(dǎo)向作用。

提升網(wǎng)頁(yè)品質(zhì)的技巧——導(dǎo)航欄(條)的設(shè)計(jì)
導(dǎo)航欄最明顯的作用就是指引用戶快速進(jìn)入頁(yè)面。合理的導(dǎo)航條可以使得頁(yè)面層次清晰,方便用戶使用。在導(dǎo)航欄的設(shè)計(jì)方面,要考慮其擺放位置、風(fēng)格、所用技術(shù)、可用性和網(wǎng)頁(yè)易讀性。

配色方案

雙色配色

三色配色

四色配色
網(wǎng)頁(yè)設(shè)計(jì)賞析


- 網(wǎng)頁(yè)設(shè)計(jì)與制作
- JSP網(wǎng)站開發(fā)詳解
- Vue.js從入門到項(xiàng)目實(shí)踐(超值版)
- 網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)從入門到精通
- jQuery Web開發(fā)案例教程(在線實(shí)訓(xùn)版)
- HTML+CSS+JavaScript網(wǎng)頁(yè)設(shè)計(jì)與布局:從新手到高手
- Photoshop網(wǎng)頁(yè)設(shè)計(jì)從入門到精通
- 淘寶店鋪?lái)?yè)面設(shè)計(jì)與裝修實(shí)戰(zhàn)教程
- HTML+CSS+JavaScript網(wǎng)頁(yè)制作(第2版)
- 寬帶接入技術(shù)
- Dreamweaver CS6網(wǎng)頁(yè)設(shè)計(jì)入門、進(jìn)階與提高
- After Effects UI交互動(dòng)畫設(shè)計(jì)
- 網(wǎng)頁(yè)設(shè)計(jì)綜合實(shí)踐教程
- HTML網(wǎng)頁(yè)設(shè)計(jì)案例指導(dǎo)
- 精通HTML5+CSS3+JavaScript網(wǎng)頁(yè)設(shè)計(jì)(視頻教學(xué)版)(第2版)