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