- 相關(guān)推薦
網(wǎng)頁(yè)設(shè)計(jì)中多元素是如何做到統(tǒng)一
形式美法則是人類(lèi)在創(chuàng)造美的形式和過(guò)程中對(duì)美的形式規(guī)律的總結(jié)概括，世間萬(wàn)物的美都可以用形式美法則來(lái)概括。在平面構(gòu)成中也有形式美法則：統(tǒng)一和變化，對(duì)稱(chēng)和平衡，節(jié)奏和韻律，對(duì)比和調(diào)和。前面跟大家有分享了對(duì)比、留白在網(wǎng)頁(yè)當(dāng)中的運(yùn)用，今天我們繼續(xù)來(lái)分享網(wǎng)頁(yè)當(dāng)中那么多元素是如何做到統(tǒng)一一致的。就跟隨百分網(wǎng)小編一起去了解下吧，想了解更多相關(guān)信息請(qǐng)持續(xù)關(guān)注我們應(yīng)屆畢業(yè)生考試網(wǎng)!
在視覺(jué)上的統(tǒng)一可以體現(xiàn)在：圖片，色彩;區(qū)塊;布局;字體，視覺(jué)元素。此外，還有一個(gè)交互上的統(tǒng)一。
1、圖片統(tǒng)一
圖片統(tǒng)一體現(xiàn)在圖片大小尺寸上的統(tǒng)一，顏色色系上的統(tǒng)一和圖片風(fēng)格的統(tǒng)一。
不管是京東還是天貓?zhí)詫殻@些商城在網(wǎng)站上的圖片處理就用了這樣的統(tǒng)一原則。不一樣的場(chǎng)景下對(duì)圖片的要求也都不一樣。比如京東商城的首頁(yè)，每一個(gè)區(qū)塊起到一定的導(dǎo)航性作用，在這樣的場(chǎng)景下，需要的圖片都是比較簡(jiǎn)潔而不是背景復(fù)雜的。下面我做了一個(gè)錯(cuò)誤的示例給大家演示：
左圖是官方的網(wǎng)站的圖片，右圖是一個(gè)錯(cuò)誤示范。顯而易見(jiàn)，左圖的展示性和可讀性都比較強(qiáng)，視覺(jué)效果也比較好。右圖之所以覺(jué)得不好看是因?yàn)閳D片大小不一致，圖片的背景顏色也不一致，所以看起來(lái)特別不協(xié)調(diào)。
好了，現(xiàn)在應(yīng)該有人會(huì)想問(wèn)，那京東或是天貓?zhí)詫毻ㄟ^(guò)搜索后進(jìn)去的頁(yè)面里面的產(chǎn)品配圖不是五顏六色的嗎，那怎么看起來(lái)也沒(méi)有覺(jué)得不協(xié)調(diào)。
這些界面的統(tǒng)一一致性體現(xiàn)在產(chǎn)品區(qū)塊的大小尺寸上和整體的樣式上，除了產(chǎn)品圖不一樣，其他的布局樣式、區(qū)塊大小都是一樣的，這恰恰跟首頁(yè)相反，首頁(yè)各個(gè)區(qū)塊大小不一致，所以采用圖片一致來(lái)協(xié)同，內(nèi)頁(yè)則是區(qū)塊樣式一致，圖片不一致。但不管哪一種協(xié)調(diào)方法，界面都起到了很好的協(xié)調(diào)性。
圖片風(fēng)格上的統(tǒng)一主要體現(xiàn)在網(wǎng)頁(yè)當(dāng)中的圖片選擇上，在寫(xiě)實(shí)風(fēng)格的網(wǎng)頁(yè)中就不適合卡通的圖片，在清爽的界面當(dāng)中，就不適合勁酷的圖片。
2、色彩統(tǒng)一
色彩統(tǒng)一指的是網(wǎng)頁(yè)當(dāng)中色彩色系運(yùn)用的統(tǒng)一性，這樣的統(tǒng)一性可以體現(xiàn)在網(wǎng)頁(yè)中的整體色系，也可以體現(xiàn)在網(wǎng)頁(yè)當(dāng)中所有區(qū)塊標(biāo)題的顏色，甚至統(tǒng)一到整個(gè)網(wǎng)頁(yè)界面當(dāng)中按鈕的顏色搭配。一般情況下如果不知道網(wǎng)頁(yè)定什么色系好，小編給的意見(jiàn)和建議就是跟著你們的logo顏色走。
Obrigado椰子水飲料網(wǎng)站的主色調(diào)就是用了綠色與白色相結(jié)合，穿插了一些橘黃色，起到活躍畫(huà)面的作用，綠色是標(biāo)志的主色，橘黃色也是標(biāo)志的一個(gè)輔助色，可以看到整個(gè)網(wǎng)站簡(jiǎn)潔清爽，黃色和綠色并不是等比重出現(xiàn)在網(wǎng)頁(yè)當(dāng)中，就跟標(biāo)志一樣，黃色的占比少�？梢栽L(fǎng)問(wèn)看看，里面一些交互運(yùn)用也做得比較好。
【網(wǎng)頁(yè)設(shè)計(jì)中多元素是如何做到統(tǒng)一】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)中如何設(shè)計(jì)按鈕07-29
網(wǎng)頁(yè)設(shè)計(jì)圓形元素設(shè)計(jì)08-21
網(wǎng)頁(yè)設(shè)計(jì)中的文字如何設(shè)計(jì)05-07
淺論視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的表達(dá)與運(yùn)用07-22
海洋元素主題的網(wǎng)頁(yè)設(shè)計(jì)07-04
網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)該如何配色09-06
網(wǎng)頁(yè)設(shè)計(jì)中如何運(yùn)用柔和色調(diào)07-29
如何使用網(wǎng)頁(yè)設(shè)計(jì)中的圖片敘事07-28
關(guān)于傳統(tǒng)文化元素在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用與思考08-23