网页首屏设计方法
2019-01-11 11:59:23
来源:
扬州市新竹网络科技有限公司
在各种设计中,一眼让人看见的地方,都是我们要花大功夫设计的地方,那么到网页设计中,首屏就是这样一个一眼让人看到的东西。今天我们来看看网页首屏的设计方法.
首屏页面是用户初步浏览你的网站所接触的“一视觉”,它可以说是你的整体网站设计的门面工程了。无论用户是从桌面设备,平板电脑还是移动设备访问你的网站,所有内容都是在这个页面上会被集中体现。 所以,你在这个“一屏幕”中包含的信息是网站设计成功的关键。该设计关系到你的网页设计是吸引用户停留并做出你预期的动作,或迫使他们离开你的网站。用户开始滚动浏览之前需要在屏幕上展示什么呢?
首先,你可以试着大化你的视觉体验——通过大尺寸且高清的照片,视频或插图,可以有效地吸引观众。你所选用的图像应该是人们不想停止观看的,它应该完全具备你独有的元素,以便使它区别于任何其他的网站设计。
你可以将图像与几个关键词相结合,告诉用户他们是为了什么来到这里以及你的网站可以提供给他们什么内容。 这是你将它们全部放在一起所应该考虑的事情:首屏的大小尺寸必须恰好适合所有终端设备的一个屏幕。所以你需要对内容进行响应式缩放,以便使整个图像和所有相关的内容文本在不滚动的情况下依然能在首屏清晰可见。
但不要完全隐藏导航或使其变得难以使用。不管你对汉堡风格的导航喜欢与否,你已经不能否认这种样式导航已经成为隐藏导航中主要的角色。用户已经学会了使用它,并且可以轻松地在页面上找到他们想要的东西。
你需要确保将导航收起的图标放置在用户容易找到的位置,你可以使其比典型图标更大以增强他的存在感(当然,不要做太过了),并确保导航功能完全可用。在上面Uve的网页设计中,它就做了一个非常好的示范。一个突出的汉堡包菜单图标,可以扩展到全屏菜单选项列表。重要的是,用户不必猜测该如何使用它。
单一的视觉概念可以帮助用户联想(或关联)出你是谁以及你局提示在做什么。这可以通过多种不同方式的图像或文本来实现。 虽然复杂的设计风格也可以达到这种效果,但是何不开始思考简单的方式呢。极简主义既是时尚的,也是传达信息的有效途径。
以你的网站目标为准则。为什么用户在这里?你想要他们做些什么?使用文本创建该关联性并开始讲述你的故事。请记住向用户展示你的网站相对于其他的同类网站具有哪些优势或好处。
5.给用户一些要做的事情
网站设计提供独特视觉体验的同时,也需要提供一个理由给用户,使他们能够尽可能久的在你的网站上停留并浏览信息。
所以,当你在考虑你的网站设计应该在一屏加入什么元素时,切记要让用户可以参与到里面。 行动可以包括:
· 填写表单,例如提供电子邮件地址;
· 设置互动游戏;
· 社交媒体上分享;
· 为了销售而展示流动商品;
· 评论或参与内容;
· 观看电影或轮播图。你的首屏不仅仅只是需要包含其中的一个操作,同时应该完全清楚你的操作是什么以及用户应该做什么。 你的网页设计不能让他们感到是被迫做的。
在上面 The Big Short movie 的网站中,为用户提供了大量的信息。视频剪辑足以使你对电影感兴趣,并且有一个按钮来观看预告片。你对这个真实的故事感兴趣吗?同时,页面上还具备一个按钮来于专家会面。你有没有看过它,想分享你的想法?这有社交媒体按钮可以马上帮你做到这一点。从一开始就有很多方法与网站进行互动。
6.为品牌创造空间
如果你不知道自己的网站设计是为那一类用户准备的,那么这个网站可能不会如你预期的那么有作用。基于这种考虑,你的首屏应该至少包括一个标志或能够关联到你网站背后的品牌形象。
品牌或公司名称可以产生很强的关联性和可信度。这使得网站看起来更“真实”(这对于包含任何类型的财务或个人交易的网站尤其重要,因为用户关心具体是谁获得了他们的信息)。
一些比较知名的品牌可以摆脱以上的束缚,因为许多人可能已经知道它们。而对于较小的品牌来说,我觉得是始终有必要的,清楚地显示标志和风格对于用户关联和信任的你的网站身份很重要。
7.减少分心
在首屏的网页设计中,不要给用户太多可看的或过多需要处理的内容。它应该足够简单,精简以及集中。
如果你有很多内容,请在多个屏幕上有条理的逐步展示(这可以促进用户的参与感,并防止混乱或混乱的网站结构)。
Melanie DaVeid 做了一个非常好的示范,通过一个简单的视觉呈现,使你对它的其他工作感兴趣。通过动画,颜色和特殊的文字组合,在首屏就为用户创造了独特的感觉。
首屏页面是用户初步浏览你的网站所接触的“一视觉”,它可以说是你的整体网站设计的门面工程了。无论用户是从桌面设备,平板电脑还是移动设备访问你的网站,所有内容都是在这个页面上会被集中体现。 所以,你在这个“一屏幕”中包含的信息是网站设计成功的关键。该设计关系到你的网页设计是吸引用户停留并做出你预期的动作,或迫使他们离开你的网站。用户开始滚动浏览之前需要在屏幕上展示什么呢?
- 创建一个独特的首屏
首先,你可以试着大化你的视觉体验——通过大尺寸且高清的照片,视频或插图,可以有效地吸引观众。你所选用的图像应该是人们不想停止观看的,它应该完全具备你独有的元素,以便使它区别于任何其他的网站设计。
你可以将图像与几个关键词相结合,告诉用户他们是为了什么来到这里以及你的网站可以提供给他们什么内容。 这是你将它们全部放在一起所应该考虑的事情:首屏的大小尺寸必须恰好适合所有终端设备的一个屏幕。所以你需要对内容进行响应式缩放,以便使整个图像和所有相关的内容文本在不滚动的情况下依然能在首屏清晰可见。
- 导航应直观
但不要完全隐藏导航或使其变得难以使用。不管你对汉堡风格的导航喜欢与否,你已经不能否认这种样式导航已经成为隐藏导航中主要的角色。用户已经学会了使用它,并且可以轻松地在页面上找到他们想要的东西。
你需要确保将导航收起的图标放置在用户容易找到的位置,你可以使其比典型图标更大以增强他的存在感(当然,不要做太过了),并确保导航功能完全可用。在上面Uve的网页设计中,它就做了一个非常好的示范。一个突出的汉堡包菜单图标,可以扩展到全屏菜单选项列表。重要的是,用户不必猜测该如何使用它。
- 创建一个关联点
单一的视觉概念可以帮助用户联想(或关联)出你是谁以及你局提示在做什么。这可以通过多种不同方式的图像或文本来实现。 虽然复杂的设计风格也可以达到这种效果,但是何不开始思考简单的方式呢。极简主义既是时尚的,也是传达信息的有效途径。
- 有目的的使用文本元素
以你的网站目标为准则。为什么用户在这里?你想要他们做些什么?使用文本创建该关联性并开始讲述你的故事。请记住向用户展示你的网站相对于其他的同类网站具有哪些优势或好处。
5.给用户一些要做的事情
网站设计提供独特视觉体验的同时,也需要提供一个理由给用户,使他们能够尽可能久的在你的网站上停留并浏览信息。
所以,当你在考虑你的网站设计应该在一屏加入什么元素时,切记要让用户可以参与到里面。 行动可以包括:
· 填写表单,例如提供电子邮件地址;
· 设置互动游戏;
· 社交媒体上分享;
· 为了销售而展示流动商品;
· 评论或参与内容;
· 观看电影或轮播图。你的首屏不仅仅只是需要包含其中的一个操作,同时应该完全清楚你的操作是什么以及用户应该做什么。 你的网页设计不能让他们感到是被迫做的。
在上面 The Big Short movie 的网站中,为用户提供了大量的信息。视频剪辑足以使你对电影感兴趣,并且有一个按钮来观看预告片。你对这个真实的故事感兴趣吗?同时,页面上还具备一个按钮来于专家会面。你有没有看过它,想分享你的想法?这有社交媒体按钮可以马上帮你做到这一点。从一开始就有很多方法与网站进行互动。
6.为品牌创造空间
如果你不知道自己的网站设计是为那一类用户准备的,那么这个网站可能不会如你预期的那么有作用。基于这种考虑,你的首屏应该至少包括一个标志或能够关联到你网站背后的品牌形象。
品牌或公司名称可以产生很强的关联性和可信度。这使得网站看起来更“真实”(这对于包含任何类型的财务或个人交易的网站尤其重要,因为用户关心具体是谁获得了他们的信息)。
一些比较知名的品牌可以摆脱以上的束缚,因为许多人可能已经知道它们。而对于较小的品牌来说,我觉得是始终有必要的,清楚地显示标志和风格对于用户关联和信任的你的网站身份很重要。
7.减少分心
在首屏的网页设计中,不要给用户太多可看的或过多需要处理的内容。它应该足够简单,精简以及集中。
如果你有很多内容,请在多个屏幕上有条理的逐步展示(这可以促进用户的参与感,并防止混乱或混乱的网站结构)。
Melanie DaVeid 做了一个非常好的示范,通过一个简单的视觉呈现,使你对它的其他工作感兴趣。通过动画,颜色和特殊的文字组合,在首屏就为用户创造了独特的感觉。
本站文章均为新竹网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,我们谢绝直接复制和抄袭!感谢...
猜你喜欢
联络方式:
电话:18905275581
邮箱:1700970777@qq.com
微信公众号

手机网站

小程序

我们猜你喜欢
-
CMS系统在网站建设中的重要性
1、CMS系统可以降低网站建设的门槛。传统的网站建设需要企业具备开发技术和设计能力,这对于普通企业来说,往往是一项不小的挑战。然而,在使用CMS系统之后,企业无需拥有开发技术和设计能力,只需要选择一个适合自己的主题,然后通过简单的操作即可将网站建...
-
如何使用站点子链工具
百度站长平台使用的人有很多,可是依然有许多人不知道如何正确使用平台中的站长工具, 站点子链工具目前是试用版,该工具是鼓励网站管理员将网站内子链提交给百度,这些信息能在百度搜索结果中以“站点子链”的形式展现,提...
-
网站技术维护包括哪些方面
网站技术维护主要包括以下几个方面: 1、服务器及相关软硬件的维护:确保服务器稳定运行,及时处理负载过高、宕机等问题,同时对服务器系统进行定期的安*检测,包括查...
-
网站排名下降如何快速恢复
随着搜索引擎优化的不断发展,各个网站的排名都会进行实时更新,任何原因都可能导致网站排名下降。那么网站排名下降如何快速恢复呢? 1、网站内容。多写一些高质量的相关原创文章,增加搜索引擎的友好度,伪原创和转载的那肯定是不行的,尤其是新...
-
网站建设误区
一.网站建设页面太绮丽或很大。 太多的网页页面代表着网站JS、CSS、图像和HTML编码提升,网站网站打开速度缓减或阻塞。假定仅仅为了更好地让网址看上去太绮丽,危害客户的浏览感受,那样的网址确实会火爆吗? &nb...