您好!欢迎进入广东华商网络科技有限公司

15年 网络营销推广经验 专门为您提供全方位服务!

在线客服
服务热线
0769-22039555
138-2729-8991

业务咨询微信
返回顶部
首页 > 网络营销资讯 > 详细内容

搞定网页首图的设计 你不可不知的七大技巧

2017-12-29

1、使用惊艳的?#35745;?

相当一部分的网页首屏是使用?#35745;?#20316;为视觉传达的主体,而无论是选择?#35745;?#35270;频、动画还是其他的视觉化的元素,每个Banner或者说带有标题的内容区块最好是带有漂亮、惊艳的视觉化元素作为支撑。当然,最常用的还是?#35745;?


首图在首屏中的重要性无疑是巨大的,它不仅要漂亮,还要同网站内容深入地结合搭配起来。所以,它的设计还可以更加深入一些。单独的?#35745;?#34920;现力是有限的,通过排版设计,将它同其他的元素(如:文字与标题、LOGO ?#25512;?#29260;标识、按钮、导航元素、搜索框等)结合起来使用会有不错的效果。

另外,在进?#20449;?#29256;设计的时候,应该注意几点:锐利搞分辨率的?#35745;?#21644;标题文本之间应该保持良好的对比度;人们希望看到脸和表情,这会更容易传递情绪和感情;注意引导用户和网站首屏进行互动。


2、强化导航元素的运用

在首屏当中,元素与元素之间是相互配合构成整体设计的,而导航是首屏当中无法忽略的一个重要组成部分,无论你?#19981;?#30340;是完整展开的导航,还是为了?#21024;?#30340;布局而将导航隐藏在汉堡?#35828;?#20013;,导航的设计应该和首屏的整体设计合而唯一的。

导航的目的是将用户引导到他们想去的不同页面,所以,推荐使用置顶悬浮式导航,这样用户不论浏览到页面哪个地方都能够轻?#21830;?#36716;。

导航元素在首屏当中,和其他的元素组合使用的时候,它们会和其他的元素构成对比,还能形成层次感,而这种层次感的构建和整个设计方案息息相关,应该根据具体情况具体安排。


3、清晰的信息传达方式

视觉传达是一项系统工程,单靠一张?#35745;?#26159;?#36824;?#30340;。所以,你需要系统的考虑整个首屏的信息传达:

·首屏是否告诉了用户可以做什么,或者用户能从中获得什么内容?

·首屏是否向用户传达了唯一的、清晰的、易于理解的信息?

·首屏是否为用户提供了直观可交互的控件(按钮、输入框、跳转链接等)?

·用户能否从首屏跳转到下一个页面/步骤?

这些问题能够帮你梳理出整个首屏的细节设计思路。


4、试试超大字体元素

想要让首屏更?#26377;?#30446;,超大的字体总是最有效的办法。即使文字内容很简单,当用户打开首屏的时候?#19981;?#19968;眼就注意到它们,在阅读其他内容之前,只会注意这些内容。

尽管字体和排版千变万化,但是在字体的选取和首屏设计上尽量遵循下面的的两个规则来进行:

·首页首屏上的展示性的内容采用更?#21491;?#20154;注意的字体,和其他地方截然不同

·其他页面的正文和主要文本部分,选用统一的、简约耐看的字体,甚至整体排版框架也保持一致


欧冠曼联vs皇马
百家樂庄和闲的概率 手机版港式梭哈 84期双色球开奖结果 北京快乐8结果 四个循环倍投法 快乐12精准杀号法 竞彩半全场全包盈利 vr赛模拟器多少钱 扑克牌排九有哪32张 单机捕鱼之航海大冒险 澳门博彩投资是骗局么 江苏时时玩法规则 北京赛网址 天津时时重复开奖 三分时时彩带人计划 彩99软件下载