網(wǎng)頁設(shè)計(jì)中多元素是如何做到同一同等

 　　情勢美法則是人類在創(chuàng)造美的情勢和過程中對美的情勢規(guī)律的總結(jié)概括，世間萬物的美都可以用情勢美法則來概括。在平面構(gòu)成中也有情勢美法則：同一和轉(zhuǎn)變，對稱和平衡，節(jié)奏和韻律，對比和調(diào)和。前面跟大家有分享了對比、留白在網(wǎng)頁當(dāng)中的運(yùn)用，今天我們繼承來分享網(wǎng)頁當(dāng)中那么多元素是如何做到同一同等的。

　　在視覺上的同一可以表現(xiàn)在：圖片，色彩;區(qū)塊;布局;字體，視覺元素。此外，還有一個(gè)交互上的同一。

　　1、圖片同一

　　圖片同一表現(xiàn)在圖片大小尺寸上的同一，顏色色系上的同一和圖片風(fēng)格的同一。

　　不管是京東照舊天貓?zhí)詫殻@些商城在網(wǎng)站上的圖片處理就用了如許的同一原則。不一樣的場景下對圖片的要求也都不一樣。比如京東商城的首頁，每一個(gè)區(qū)塊起到肯定的導(dǎo)航性作用，在如許的場景下，必要的圖片都是比較簡潔而不是背景復(fù)雜的。下面我做了一個(gè)錯(cuò)誤的示例給大家演示：

　　左圖是官網(wǎng)的圖片，右圖是一個(gè)錯(cuò)誤示范。顯而易見，左圖的展示性和可讀性都比較強(qiáng)，視覺結(jié)果也比較好。右圖之所以覺得不悅目是由于圖片大小不同等，圖片的背景顏色也不同等，所以看起來分外不和諧。

　　好了，如今應(yīng)該有人會想問，那京東或是天貓?zhí)詫毻ㄟ^搜索后進(jìn)去的頁面里面的產(chǎn)品配圖不是五顏六色的嗎，那怎么看起來也沒有覺得不和諧。

　　這些界面的同一同等性表現(xiàn)在產(chǎn)品區(qū)塊的大小尺寸上和團(tuán)體的樣式上，除了產(chǎn)品圖不一樣，其他的布局樣式、區(qū)塊大小都是一