這篇文章所說的視覺元素是指：在一個網(wǎng)站中除往內(nèi)容(文本、圖片、視頻、音頻等）之外的一些元素。比如圖標(biāo)，背風(fēng)景，以及背景圖案。
視覺元素的設(shè)計是配合產(chǎn)品的架構(gòu)意圖并且領(lǐng)導(dǎo)用戶交互
前文在聊到文字設(shè)計的時候，內(nèi)容本身的應(yīng)當(dāng)是簡潔、直接了當(dāng)。實在視覺元素同樣如此，好設(shè)計不會拖泥帶水，在版式設(shè)計中，我說到很多時候可以利用留白來劃分地位感，比如我的博客主題，區(qū)塊直接的劃分完整應(yīng)用留白+對齊。但是，對于大多數(shù)的網(wǎng)站來說，頁面空間寸土寸金，不可能有那么多“白”讓設(shè)計師浪費，這時，我們就會利用圖標(biāo)，背景圖案、色彩來給予用戶地位感，傳遞產(chǎn)品架構(gòu)的邏輯關(guān)系。
圖中是華南理工大學(xué)的學(xué)生網(wǎng)站，全部網(wǎng)站的視覺可謂一馬平川，固然在布局的劃分中，也用到了一些視覺元素，比如區(qū)塊中的小方塊圖標(biāo)，右側(cè)的綠色背景，但是后果非常不明顯。假設(shè)將綠色背景放在標(biāo)題文字下面，標(biāo)題文字反白并且加粗顯示，信任后果會好一些。多參看一下一些成熟的門戶網(wǎng)站在這方面設(shè)計的方法和手段。
視覺元素的一致性
很多設(shè)計師有個習(xí)慣，在做視覺的時候，會參看大批的“美麗”網(wǎng)站或者該范疇成功的網(wǎng)站，并且鑒戒其中的一些視覺元素，但是往往這樣?xùn)|拼西湊的設(shè)計往往會影響細節(jié)體驗。
中華玻璃網(wǎng)在視覺設(shè)計中大批鑒戒了淘寶的設(shè)計作風(fēng)，向好的網(wǎng)站鑒戒本身沒有錯，但要把細節(jié)鑒戒到位了，并且融合自己網(wǎng)站的定位。來看玻璃網(wǎng)中的圖標(biāo)，各種色彩、外形非常地豐富。再看看淘寶是怎么做的：小圓角是全部網(wǎng)站的設(shè)計作風(fēng)，不僅僅在頁面的模塊中用了圓角的設(shè)計，在圖標(biāo)的設(shè)計上，也都是圓形的設(shè)計，色彩也只用了主色調(diào)的橙色和灰色。鑒戒本身不是壞事，但是要注意保持自己頁面作風(fēng)，品牌作風(fēng)的一致性。
那些過剩的視覺元素
很多網(wǎng)站單純地為了“美麗”而設(shè)計，比如在每個標(biāo)題前面都要帶個小圖標(biāo)，或者在按鈕里面加小圖標(biāo)。給每個模塊都加上一樣的背景色彩等等。
再比如麥田老師的螞蟻網(wǎng)，首頁中的那個背景圖案讓我就很費解，更像是一個個人空間的模板而不是一個“平臺性”的網(wǎng)站。在頁面的布局上面，也讓人感到不夠明白，沒有層次感。
PS：漸漸地有些朋友發(fā)郵件讓我給貴站提建議，而且數(shù)目越來越多，不能逐一作答，看見諒，而且有些網(wǎng)站連一些基礎(chǔ)的視覺概念都沒有，標(biāo)題確實太多，不太好作答，盼看這幾篇視覺設(shè)計的文章對大家有所幫助。還有的用table布局，建議改用div。
這系列文章也僅僅代表我個人的一些觀點和經(jīng)驗，盼看能和設(shè)計師朋友一起討論。
