作为网页设计师来说,在前期网页设计过程中,最头疼的就是banner图了,用户打开网页的*眼看到的就是首屏中的信息,最明显的就是banner,它是网页的门面,颜值担当,也是给予用户*印象的核心部分,也是品牌形象呈现的窗口,一个完美的banner图设计就等于说有了一个良好的开端,今天分享一下banner设计的7个技巧,它们并不复杂,却能帮你的首图设计更上一层楼
1、选择惊艳的大图作为主图
绝大部分网页首屏是使用图片作为视觉传达的主体,而无论是选择图片、视频、动画还是其他的视觉化的元素,每个Banner或者说带有标题的内容区块*是带有漂亮、惊艳的视觉化元素作为支撑。最常用的还是图片。首图在首屏中的重要性无疑是巨大的,它不仅要漂亮,还要同网站内容深入地结合搭配起来。选择一个惊艳的大图只是一个开始,还需要配合文字与标题、品牌标识、按钮和行为召唤语句、导航元素、搜索框等
2、导航的运用
在首屏当中,元素与元素之间是相互配合构成整体设计的,而导航是首屏当中无法忽略的一个重要组成部分,缺少导航就好像旅游途中缺少了导游,无论你选择使用下拉菜单式的导航,悬浮导航,还是隐藏的导航,都应该首屏的整体设计合而*的。
3、准确的视觉传达
视觉传达是一项系统工程,单靠一张图片是不够的,网页设计师需要注意banner向用户传达了什么?用户可以获得什么?传达的信息是否清晰易懂?是否有交互的的存在?搞清楚这些问题,能够帮你梳理出整个首屏的细节设计思路
4、字体的选择
想让banner更加醒目,超大的字体总是最有效的办法。即使文字内容很简单,当用户打开首屏的时候也会一眼就注意到它们,在阅读其他内容之前,首先会注意这些内容
5、阅读习惯
站在用户的角度去设计,当用户访问某个网站的时候,尤其是初次访问网站的时候,他们通常不会特别仔细的查看所有的内容,而是快速的扫视,找到能够吸引他们注意力的信息,这些内容就是他们继续停留在这个网站上的理由。分析网站的用户群体,抓住这部分群体的阅读习惯,对于banner的设计,会更有针对性
6、可点击的元素
一个成功的banner的价值就在于,用户的点击,吸引用户的注意是*步,第二步就是让用户主动的点击,那么这个点击的区域,设计师必须明显的标记处借来
7、层次分明
想让banner更有层次,那么你需要让所有的元素高效、合理地整合在一起,用简单的几个分层,将它们收纳到一起,筛选主次,将不同功能的元素用不同的分层来承载,这样不仅更加易于控制,也是让设计更加专注于核心的视觉和功能
希望以上7点设计技巧,可以让你对如何设计好banner图有新的认识!
学习ui设计课程,为你推荐郑州学易培训,真正的小班,真正的实战,真正的零基础,拒绝远程视频,保障学员权益 设计精英+总监授课,艺术院校教授倾力课程研发,助您起点高3年!
========郑州学易培训=========
郑州网页美工培训:
郑州网页设计培训:
郑州淘宝美工培训:
郑州ui设计培训:
网页素材下载:
新密搜:
【联系人】:韩老师
【联系地址】:郑州市金水区北三环信息路爱特中心2506
UI设计中文字如何排版才算达标:/
UI设计师必备《零基础配色秘籍》:/
如何快速提高你的版式设计水平:/
网页设计banner图设计技巧:/
2017年UI设计流行趋势:/
细说网页排版中的技巧:/