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