在茫茫的人海中,往往身材纖瘦,面容姣好,人們才會(huì)給予更多的關(guān)注,留下印象,所謂‘養(yǎng)眼’就是這個(gè)道理;網(wǎng)頁(yè)設(shè)計(jì)的界面也正是這個(gè)道理。
用戶更多的視覺的享受往往來(lái)源網(wǎng)站的頁(yè)面,一個(gè)干凈簡(jiǎn)潔的頁(yè)面,往往會(huì)給用戶帶來(lái)深刻 的影響,流連忘返,大大提升用戶與網(wǎng)站的粘性;然而有些設(shè)計(jì)師卻太過(guò)于追求網(wǎng)站的飽滿,常造成適得其反的效果,網(wǎng)頁(yè)一般由字體的排版,顏色的搭配和圖片精選三大元素組成;對(duì)于這3個(gè)元素你是否運(yùn)用得當(dāng)?
顏色搭配
說(shuō)來(lái)說(shuō)去,顏色依舊是網(wǎng)頁(yè)設(shè)計(jì)的重中之重,顏色的搭配運(yùn)用給網(wǎng)站傳達(dá)出不一樣的情感信息,或是朝陽(yáng)蓬勃,或是平靜沉重,顏色有明暗、濃度和色相之分,不少剛?cè)腴T的設(shè)計(jì)師們,把頁(yè)面設(shè)計(jì)的五彩斑斕,眼花繚亂,沒有主色,太多的顏色混合在一起,難于搭配,把整個(gè)界面顯得凌亂、擁擠、和不正式;當(dāng)然對(duì)于新手來(lái)說(shuō),掌握網(wǎng)站整體顏色的搭配并不容易,當(dāng)務(wù)之急該怎樣快速找到顏色搭配的靈感呢?小編認(rèn)為一張美圖就能夠解決這個(gè)問(wèn)題,找一張與網(wǎng)站主題相關(guān)的圖片,吸取圖片中的顏色,找到相應(yīng)的對(duì)比色,互補(bǔ)色;這樣就能快速的找到精美的顏色搭配。
圖片的精選
圖片的運(yùn)用能夠讓用戶通俗易懂的知道這塊區(qū)域的內(nèi)容,圖片往往更容易吸入用戶眼球、突破主題、激發(fā)用戶的點(diǎn)擊率;圖片并不是簡(jiǎn)單的從圖庫(kù)中隨便選用,首先確保圖片的選擇具有代表性和相關(guān)性,清晰度要高,根據(jù)整體要求對(duì)圖片進(jìn)行美工;其次根據(jù)整個(gè)版式要求調(diào)整圖片的尺寸,不易過(guò)大,否則會(huì)造成加載速度過(guò)慢;最后要注意圖片的格式,最好采用jpg\png格式。
字體排版
字體的運(yùn)用在網(wǎng)頁(yè)設(shè)計(jì)中站主導(dǎo)地位,網(wǎng)站中字體的含量占了七八成,即使圖片在精美,版式再好,也招架不住糟糕的字體帶來(lái)的損失;我們對(duì)文字的處理不僅僅是字號(hào)、顏色,還要根據(jù)整體的效果來(lái)確定字體需不需要消除鋸齒,小編建議一個(gè)界面最好運(yùn)用兩種字體才不會(huì)產(chǎn)生視覺混亂。精細(xì)、統(tǒng)一的字體排版能使界面看起來(lái)干凈、簡(jiǎn)約!
總的來(lái)說(shuō),一個(gè)界面最好運(yùn)用兩種字體,其次,字體與背景要有很明顯的對(duì)比性,讓每個(gè)字都能清晰地展現(xiàn)在用戶眼前;最后應(yīng)根據(jù)主題風(fēng)格確保字體與字符的正確運(yùn)用,同時(shí)一個(gè)區(qū)域的字體運(yùn)用應(yīng)具有相似性。
當(dāng)然,以上三大元素是構(gòu)成整個(gè)界面的重要元素,其中的細(xì)節(jié)還需更深入的了解,比如說(shuō)元素的對(duì)稱問(wèn)題,我們可以嘗試去弱化或去強(qiáng)化某一平衡點(diǎn),使之看上去不呆板且有規(guī)整;一些技巧的使用,譬如陰影、浮雕、動(dòng)效等額外的效果,運(yùn)用需要一個(gè)度,否則整個(gè)頁(yè)面會(huì)成一片混亂;留白問(wèn)題,最糟糕的設(shè)計(jì)莫過(guò)于整個(gè)頁(yè)面塞滿了信息,讓整個(gè)頁(yè)面喘不上一口氣,我們應(yīng)給每一個(gè)元素足夠的空間,元素之間需要一些間距以免他們碰撞在一起。粗略的談了以上幾個(gè)小細(xì)節(jié),想要把網(wǎng)頁(yè)做上檔次,不僅僅要有技術(shù)工的基礎(chǔ),還要有本能的社會(huì)經(jīng)驗(yàn),同時(shí)還應(yīng)具備良好的心態(tài)。俗話說(shuō):只要功夫深,鐵杵磨成針。