摘要：首屏页面是用户初步浏览网站所接触的“第一视觉”它可以说是每个整体网站设计的门面工程无论用户是从桌面设备，平板电脑还是移动设备访问你的网站所有内容
首屏页面是用户初步浏览网站所接触的“第一视觉”
它可以说是每个整体网站设计的门面工程
无论用户是从桌面设备，平板电脑
还是移动设备访问你的网站
所有内容都是在这个页面上会被集中体现
所以 “第一屏幕”中包含的信息
是网站设计成功的关键
广州莱佛士设计学院，
分享下面这几种方法希望能给你带来
一些让首屏更吸睛的灵感
01
创建一个独特的首屏
所有的网站都是开始于第一印象的。所以，你需要创建一个有影响力，能够在第一眼就吸引用户的网站。
首先，你可以试着最大化你的视觉体验——通过大尺寸且高清的照片，视频或插图，可以有效地吸引观众。你所选用的图像应该是人们不想停止观看的，它应该完全具备你独有的元素，以便使它区别于任何其他的网站设计。
你可以将图像与几个关键词相结合，告诉用户他们是为了什么来到这里以及你的网站可以提供给他们什么内容。
这是你将它们全部放在一起所应该考虑的事情：首屏的大小尺寸必须恰好适合所有终端设备的第一个屏幕。所以你需要对内容进行响应式缩放，以便使整个图像和所有相关的内容文本在不滚动的情况下依然能在首屏清晰可见。
02
导航应直观
将导航放置在边栏或屏幕顶部的日子一去不复返了。隐藏和弹出的导航样式目前来看已经成为大势，也被用户们所认可和接受(部分归因于移动设备)，所有网站设计都是可以接受这种样式的。
但不要完全隐藏导航或使其变得难以使用。不管你对汉堡风格的导航喜欢与否，你已经不能否认这种样式导航已经成为隐藏导航中最主要的角色。用户已经学会了使用它，并且可以轻松地在页面上找到他们想要的东西。
你需要确保将导航收起的图标放置在用户容易找到的位置，你可以使其比典型图标更大以增强他的存在感(当然，不要做太过了)，并确保导航功能完全可用。
在第一张Uve的网页设计中，它就做了一个优秀的示范。一个突出的汉堡包菜单图标，可以扩展到全屏菜单选项列表。最重要的是，用户不必猜测该如何使用它。
03
创建一个关联点
当你在你的网页设计工作中思考应该如何设计页面的时候，比如首屏，最重要的是创建单个焦点或实用消息。用户有意或偶然地访问了你的网站，他们最先需要的是清楚这个网站到底是做什么的。
单一的视觉概念可以帮助用户联想(或关联)出你是谁以及在做什么。这可以通过多种不同方式的图像或文本来实现。
虽然复杂的设计风格也可以达到这种效果，但是何不开始思考简单的方式呢。极简主义既是时尚的，也是传达信息的有效途径。
04
有目的的使用文本元素
首屏相当于一本书封面，而不是小说的第一页。
它应该包括足够的文本信息来帮助用户参与到里面。一个简单的标题和小的文本块通常就足以做到这一点。虽然这个内容很少，但这可能是一个需要大量工作的过程。写作需要简洁，对于梳理出一套清晰的文本内容是具有挑战性的。
以你的网站目标为准则。为什么用户来到这里?你想要他们做些什么?使用文本创建该关联性并开始讲述你的故事。请记住应该向用户展示你的网站相对于其他的同类网站具有哪些优势或好处。
05
给用户一些要做的事情
网站设计提供独特视觉体验的同时，也需要提供一个理由给用户，使他们能够尽可能久的在你的网站上停留并浏览信息。所以，当你在考虑你的网站设计应该在第一屏加入什么元素时，切记要让用户可以参与到里面。
行动可以包括：
填写表单，例如提供电子邮件地址; 设置互动游戏; 社交媒体上分享; 为了销售而展示流动商品; 评论或参与内容; 观看电影或轮播图。
首屏作为你的“门户”
可以说是最重要的一屏内容了
确保创建一个有趣，可读性强
以及拥有不同于其他网站视觉的效果
才能有效的将用户带入你的网站
而想要做好网页设计需要扎实的平面设计基础
广州莱佛士设计学院——平面设计专业
能够提供给你专业的系统化的设计知识
名校毕业的外籍老师们
能传授给你国际化的设计知识
莱佛士设计学院学生作品
随机内容
-
从侦察尖兵到炮长，他又向争夺“神炮班”发起冲锋……64岁杨丽萍新舞被嘲低俗，男伴一丝不挂贴身热舞，网友：快封杀（网络炮神是什么意思啊）
-
MUJI无印良品太贵？！好用平价才是硬道理，7款好物，强烈种草！（无印良品有什么好用的）
-
618，米家200元内好物推荐！毛泽东的特型演员古月，得急病20分钟后去世，有个生活习惯不太好（米家商城官网商城app）
-
抖音好物推荐运营的模式详解，抖音好物视频怎么制作呢（抖音十佳好物推荐官）
-
泰国发现失踪多天含放射物部件 已与其他金属一同熔炼梦露死亡旧照：赤身俯卧在床，姿势古怪，44年后警方才公开她死因（泰国失踪游客全球第一）
-
新奇好玩研究社 篇一百零二：超柔超亮！便携布光外拍好物！思锐E30B双色温柔光灯测评！有“骑跨癖”的王子文，外表娇弱内心狂野，男演员都喜欢吃这一套（超柔纤维是什么面料）
-
好物丨大人孩子都喜欢的玩具，轻松应对“亲子时间”（大孩子喜欢哪些玩具）
-
好物推荐 篇二十二：好用的微信小程序推荐（第二波），《成分随手查》是必须收藏的精品。“白鹿字体”走红，竟然比鲸落体还大气，阅卷老师看了直呼高级（微信必用小程序）
-
逛屈臣氏，看到这几款“好物”建议别错过，虽然不贵但是真心好用（屈臣氏必买的）
-
悦诗风吟逆风翻盘 荣登屈臣氏HWB必试榜TOP1被华谊老板“摸胸抱”，离婚后的杨颖，如今过得怎样（悦诗风吟是皂基洗面奶吗）
