- 相關推薦
企業網頁美工設計如何凸顯重點內容
在企業網頁美工設計中,一定要凸顯重點內容,那么企業網頁美工設計如何凸顯重點內容呢,下面我們一起來看看吧。
方法一、對比:引發興趣
為了更好地理解對比在網頁設計中的作用,我們先解釋下什么是對比。對比就是在一個相對封閉的環境里發生的某種元素間的一種關系。在我此前寫過《設計基礎功!幫你徹底掌握設計四大原則中的對比原則》中也詳細介紹過對比在設計中的重要性,這些元素可以是顏色、紋理、形狀、方向和大小。
只是稍稍對字號大小進行調整,或對色彩進行更改,就會馬上改變整個界面的視覺效果。例如,當你看到下面這個網頁時,把淺色的背景換為深色,首頁引人注目的“try it free”的首要按鈕馬上在視覺重要性上降級,而最下方的“call us”就會升級為首要的按鈕。
再來看看下圖中,顏色和大小是怎樣影響我們的界面視覺的。例如,很多人在第一眼掃視而過時,不會僅僅就看到了兩個圓。事實上,他們在看這兩個圓時,已經獲得了這樣的信號“一個黑色的大圓和一個紅色的小圓”。也就是說,對比關系已經可以在第一時間就進入人們的大腦中,形成強烈的印象。
方法二、商業工具:顏色,大小和形狀
當我們剛開始設計一個頁面的時候,一定不要忘記了運用這幾個強大的視覺工具:顏色,大小和空間。設計師Alex Bigman就相信顏色和大小在管理著我們的視覺注意,而空間則幫助管理視覺元素間的關系。
方法三、顏色
簡單說,亮色可以在柔和的色彩中凸顯出來。這是顯而易見的,而更為重要的是,在設計中,你就可以運用這一關系去吸引用戶的注意。另外,特定的色彩也能幫助營造網站的整體氛圍(例如,藍色代表寧靜,紅色顯得張揚和富有攻擊性等)。
上面這個網站采用的是視覺體系中的Z模式,Z模式的詳細情況已經在《基礎小科普!聊聊兩種最常見的網頁布局設計模式》中講過了。在此模式下,他們運用色彩的技巧是非常巧妙的。水藍色的背景立刻將首要目標按鈕凸顯在了頂部,這些目標按鈕的色彩可以與“get active”的色彩搭配,暗示這一系列的按鈕的相關性。而下方的兩個大的矩形區域由于形狀的相似又相連,因此也暗示著它們之間的相似性。
方法四、大小
說到大小,我們通常在說的其實也就是網頁字體的大小。在傳統的從左到右自上而下的閱讀模式中,這就已經是個很強大的元素了。這意味著,大號字體或段落的右下角通常是讀者最先閱讀的地方。因此,字號大一點發揮的就是一種強調作用。
講到這一點,不得不提到,著名的網頁設計名博Smashing Magazine對50個流行的網頁界面進行調查,他們發現這些網站通常都是采用標題字號18~29px,與此匹配的文章主體字號采用12~14px,只是這項調查針對的是英文字體,而中文字體相對來說應該字號會大一些易于辨認。當然,這也只是一個大概的調查,并無絕對。但是,你可以從中獲悉更多關于字號比例的排版設計的知識。
方法五、留白
網頁設計的目標什么?簡單講,就是創作一個漂亮的頁面。那么,你將所有的漂亮的元素全部堆疊在網頁中就漂亮嗎?無節制的增加吸引的元素是快速毀掉自己的設計方法之一。一個網頁中有可以呼吸的空間是非常重要的,也就是我們總是愛說的留白。減少“視覺噪音”會讓頁面顯得更有重點。
【企業網頁美工設計如何凸顯重點內容】相關文章:
如何學好網頁美工設計07-23
如何學好網頁美工設計課程10-19
企業網頁美工設計色彩搭配的技巧10-01
淘寶網頁美工設計如何制作網店08-02
網頁美工設計技巧06-28
網頁美工設計簡述07-13
網頁美工設計的簡介06-08
淘寶網頁美工設計如何制作網店首頁09-30
企業戰略審計的重點和內容09-09
談談網頁美工設計要求10-23