作為網(wǎng)頁設(shè)計師來說,在前期網(wǎng)頁設(shè)計過程中,最頭疼的就是banner圖了,用戶打開網(wǎng)頁的*眼看到的就是首屏中的信息,最明顯的就是banner,它是網(wǎng)頁的門面,顏值擔(dān)當(dāng),也是給予用戶*印象的核心部分,也是品牌形象呈現(xiàn)的窗口,一個完美的banner圖設(shè)計就等于說有了一個良好的開端,今天分享一下banner設(shè)計的7個技巧,它們并不復(fù)雜,卻能幫你的首圖設(shè)計更上一層樓
1、選擇驚艷的大圖作為主圖
絕大部分網(wǎng)頁首屏是使用圖片作為視覺傳達的主體,而無論是選擇圖片、視頻、動畫還是其他的視覺化的元素,每個Banner或者說帶有標(biāo)題的內(nèi)容區(qū)塊*是帶有漂亮、驚艷的視覺化元素作為支撐。最常用的還是圖片。首圖在首屏中的重要性無疑是巨大的,它不僅要漂亮,還要同網(wǎng)站內(nèi)容深入地結(jié)合搭配起來。選擇一個驚艷的大圖只是一個開始,還需要配合文字與標(biāo)題、品牌標(biāo)識、按鈕和行為召喚語句、導(dǎo)航元素、搜索框等
2、導(dǎo)航的運用
在首屏當(dāng)中,元素與元素之間是相互配合構(gòu)成整體設(shè)計的,而導(dǎo)航是首屏當(dāng)中無法忽略的一個重要組成部分,缺少導(dǎo)航就好像旅游途中缺少了導(dǎo)游,無論你選擇使用下拉菜單式的導(dǎo)航,懸浮導(dǎo)航,還是隱藏的導(dǎo)航,都應(yīng)該首屏的整體設(shè)計合而*的。
3、準(zhǔn)確的視覺傳達
視覺傳達是一項系統(tǒng)工程,單靠一張圖片是不夠的,網(wǎng)頁設(shè)計師需要注意banner向用戶傳達了什么?用戶可以獲得什么?傳達的信息是否清晰易懂?是否有交互的的存在?搞清楚這些問題,能夠幫你梳理出整個首屏的細節(jié)設(shè)計思路
4、字體的選擇
想讓banner更加醒目,超大的字體總是最有效的辦法。即使文字內(nèi)容很簡單,當(dāng)用戶打開首屏的時候也會一眼就注意到它們,在閱讀其他內(nèi)容之前,首先會注意這些內(nèi)容
5、閱讀習(xí)慣
站在用戶的角度去設(shè)計,當(dāng)用戶訪問某個網(wǎng)站的時候,尤其是初次訪問網(wǎng)站的時候,他們通常不會特別仔細的查看所有的內(nèi)容,而是快速的掃視,找到能夠吸引他們注意力的信息,這些內(nèi)容就是他們繼續(xù)停留在這個網(wǎng)站上的理由。分析網(wǎng)站的用戶群體,抓住這部分群體的閱讀習(xí)慣,對于banner的設(shè)計,會更有針對性
6、可點擊的元素
一個成功的banner的價值就在于,用戶的點擊,吸引用戶的注意是*步,第二步就是讓用戶主動的點擊,那么這個點擊的區(qū)域,設(shè)計師必須明顯的標(biāo)記處借來
7、層次分明
想讓banner更有層次,那么你需要讓所有的元素高效、合理地整合在一起,用簡單的幾個分層,將它們收納到一起,篩選主次,將不同功能的元素用不同的分層來承載,這樣不僅更加易于控制,也是讓設(shè)計更加專注于核心的視覺和功能
希望以上7點設(shè)計技巧,可以讓你對如何設(shè)計好banner圖有新的認(rèn)識!
學(xué)習(xí)ui設(shè)計課程,為你推薦鄭州學(xué)易培訓(xùn),真正的小班,真正的實戰(zhàn),真正的零基礎(chǔ),拒絕遠程視頻,保障學(xué)員權(quán)益 設(shè)計精英+總監(jiān)授課,藝術(shù)院校教授傾力課程研發(fā),助您起點高3年!
========鄭州學(xué)易培訓(xùn)=========
鄭州網(wǎng)頁美工培訓(xùn):
鄭州網(wǎng)頁設(shè)計培訓(xùn):
鄭州淘寶美工培訓(xùn):
鄭州ui設(shè)計培訓(xùn):
網(wǎng)頁素材下載:
新密搜:
【聯(lián)系人】:韓老師
【聯(lián)系地址】:鄭州市金水區(qū)北三環(huán)信息路愛特中心2506
UI設(shè)計中文字如何排版才算達標(biāo):/
UI設(shè)計師必備《零基礎(chǔ)配色秘籍》:/
如何快速提高你的版式設(shè)計水平:/
網(wǎng)頁設(shè)計banner圖設(shè)計技巧:/
2017年UI設(shè)計流行趨勢:/
細說網(wǎng)頁排版中的技巧:/