Godzilla. 2018-08-08
網(wǎng)站建設(shè)
2018年10個在網(wǎng)頁界面中應(yīng)用漸變效果的原因(一)
在持續(xù)數(shù)年的扁平、材料、極簡設(shè)計風(fēng)格中,漸變效果的使用愈發(fā)增多。在很多界面設(shè)計中,設(shè)計師正在使用漸變效果加強(qiáng)視覺吸引力,創(chuàng)作更多用戶能參與并值得瀏覽的作品。如果你對漸變效果在網(wǎng)頁設(shè)計中的運(yùn)用持保留態(tài)度,也許你應(yīng)該考慮改變你的立場。下文列出10項在網(wǎng)頁界面中使用漸變效果的觀點。
1.創(chuàng)造更有吸引力的背景
漸變效果能創(chuàng)造視覺吸引力來引導(dǎo)瀏覽者觀看界面。注意力會在一個顏色區(qū)域上停留,而色彩色調(diào)、亮度之間的變化有助于引導(dǎo)視覺焦點在屏幕上的移動。漸變效果可以是一個非常有用和吸引用戶的設(shè)計工具,并為許多種類的項目巧妙地增加亮點。雖然有很多使用漸變的設(shè)計方法,但最流行的方法之一是將漸變作為背景,將包含圖像、文本和其他元素的主體放置在漸變背景上層。下例中巧妙使用這種方式。用柔和的漸變顏色為眼睛提供了一個居中的舒適區(qū)域,并將要突出的標(biāo)題、產(chǎn)品等內(nèi)容放置在從屏幕的左上角到右下角的45°焦點區(qū)域。漸變貫穿整個頁面,并將logo,下載按鈕,發(fā)現(xiàn)更多放置在頁面頂部底部的深色區(qū)域,這樣不僅能突出這些內(nèi)容組件,而且讓瀏覽者在大面積的色彩中有了邊界,不至于迷失反向。
http://media.swatch.com/skin/
2.標(biāo)題漸變效果,創(chuàng)造出視覺焦點
就像漸變效果可以應(yīng)用在背景圖片一樣。漸變效果同樣可以用于前景主體元素,比如文字標(biāo)題。漸變顏色是一種非常通用的設(shè)計手段,所以它被廣泛應(yīng)用在網(wǎng)頁設(shè)計中。在單調(diào)的背景上,對前景主體元素使用漸變顏色進(jìn)而突出主體,極大地吸引視覺注意力。網(wǎng)站建設(shè)中漸變顏色選擇必須是有針對性的,這樣就可以最大地保持畫面的對比度和可讀性。
3.使用漸變疊加的圖片
帶有顏色疊加的圖片的設(shè)計已經(jīng)流行了一段時間了,因此從單色疊加轉(zhuǎn)換到漸變色疊加,沒啥可驚奇的。對大圖而言這種效果是非常好的選擇,例如關(guān)鍵的頭部能夠幫助用戶把焦點放在重要的設(shè)計元素上,也能留出一塊空間用于輸入文本,或者進(jìn)行行為引導(dǎo),使之更加具備可讀性。把漸變色疊加在圖片上,這種方法使圖像和顏色之間達(dá)到了某種平衡。色彩能夠跟圖片的含義相匹配嗎?你能一直非常清楚地了解并且理解圖片所表達(dá)的故事? 為了保留圖片的完整性和全部信息,這些漸變元素需要以一種十分巧妙的方式結(jié)合起來。
http://www.comment.fr/
文章標(biāo)簽:
網(wǎng)頁界面設(shè)計 網(wǎng)站設(shè)計
文章評論: