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