既然网站的首屏如此重要,那么怎样才能做好首屏设计呢?在介绍首屏设计方法和一些实例之前,小飞先带大家了解一下首屏中可以包含哪些有意义的布局元素: 基本的品牌标识:Logo、品牌名称、Slogan、吉祥物、企业图片或色彩等 产品或服务的主题文案 导航菜单选项 重要的社交媒体链接 基本联系信息(电话、邮箱等) 多语言切换按钮 搜索框 订阅按钮 产品APP 下载或试用版本的链接等 虽然小飞列举了很多可以在首屏中使用的元素,但这并不意味着你应该将这些元素全部应用在首屏设计中。过犹不及,如果你在首屏中呈现过多元素,很容易会给访客带来信息负载,太多的元素也会分散用户的注意力,使他们难以集中注意力关注网站中最重要的元素。因此,网站的首屏设计需要设计师和营销人员通力合作,哪些需要选用,哪些应该删除,做出战略性的合理的安排。也许你觉得这样的说法还是太过于空洞了,那就看看下面这两个栗子,这两个不同类型的网站在首屏上使用了不同的设计策略,快来找些灵感吧! Bjorn是一个室内设计网站。首屏的顶栏由Logo和导航菜单(Product、Studio、Press、Shop)组成,而其中shop这个菜单项则制作成了CTA按钮,更容易引起用户点击的兴趣。而且就算主页面不断滑动,顶栏都会一直出现在网页顶部,方便访客进行跳转。除此以外,网站的首屏中还有大段的文本,不过设计师充分利用了留白,将Logo、导航和文案很好的区分开来,让整个页面显得整洁、大方。
Event Agency网站是另外一个范例,它在首屏使用的设计方法要更加特别一点。这个网站的首屏主要是围绕着Logo和品牌名称设计,布局左右平衡,各有两个菜单项供访客快速浏览自己感兴趣的内容。更引人注目的还要数星河的背景图片和超大字体文本的配合,在第一时间带来了令人震撼的视觉效果。
快来起飞页自助建站平台(?t_wd=a5)做一个网站吧! (责任编辑:admin) |