实用 | 你的网页首屏,如何做到最吸睛?(网站页面布局怎么设置)

147小编 次浏览

摘要:首屏页面是用户初步浏览网站所接触的“第一视觉”它可以说是每个整体网站设计的门面工程无论用户是从桌面设备,平板电脑还是移动设备访问你的网站所有内容

首屏页面是用户初步浏览网站所接触的“第一视觉”

它可以说是每个整体网站设计的门面工程

无论用户是从桌面设备,平板电脑

还是移动设备访问你的网站

所有内容都是在这个页面上会被集中体现

所以 “第一屏幕”中包含的信息

是网站设计成功的关键

广州莱佛士设计学院,

分享下面这几种方法希望能给你带来

一些让首屏更吸睛的灵感

01

创建一个独特的首屏

所有的网站都是开始于第一印象的。所以,你需要创建一个有影响力,能够在第一眼就吸引用户的网站。

首先,你可以试着最大化你的视觉体验——通过大尺寸且高清的照片,视频或插图,可以有效地吸引观众。你所选用的图像应该是人们不想停止观看的,它应该完全具备你独有的元素,以便使它区别于任何其他的网站设计。

你可以将图像与几个关键词相结合,告诉用户他们是为了什么来到这里以及你的网站可以提供给他们什么内容。

这是你将它们全部放在一起所应该考虑的事情:首屏的大小尺寸必须恰好适合所有终端设备的第一个屏幕。所以你需要对内容进行响应式缩放,以便使整个图像和所有相关的内容文本在不滚动的情况下依然能在首屏清晰可见。

02

导航应直观

将导航放置在边栏或屏幕顶部的日子一去不复返了。隐藏和弹出的导航样式目前来看已经成为大势,也被用户们所认可和接受(部分归因于移动设备),所有网站设计都是可以接受这种样式的。

但不要完全隐藏导航或使其变得难以使用。不管你对汉堡风格的导航喜欢与否,你已经不能否认这种样式导航已经成为隐藏导航中最主要的角色。用户已经学会了使用它,并且可以轻松地在页面上找到他们想要的东西。

你需要确保将导航收起的图标放置在用户容易找到的位置,你可以使其比典型图标更大以增强他的存在感(当然,不要做太过了),并确保导航功能完全可用。

在第一张Uve的网页设计中,它就做了一个优秀的示范。一个突出的汉堡包菜单图标,可以扩展到全屏菜单选项列表。最重要的是,用户不必猜测该如何使用它。

03

创建一个关联点

当你在你的网页设计工作中思考应该如何设计页面的时候,比如首屏,最重要的是创建单个焦点或实用消息。用户有意或偶然地访问了你的网站,他们最先需要的是清楚这个网站到底是做什么的。

单一的视觉概念可以帮助用户联想(或关联)出你是谁以及在做什么。这可以通过多种不同方式的图像或文本来实现。

虽然复杂的设计风格也可以达到这种效果,但是何不开始思考简单的方式呢。极简主义既是时尚的,也是传达信息的有效途径。

04

有目的的使用文本元素

首屏相当于一本书封面,而不是小说的第一页。

它应该包括足够的文本信息来帮助用户参与到里面。一个简单的标题和小的文本块通常就足以做到这一点。虽然这个内容很少,但这可能是一个需要大量工作的过程。写作需要简洁,对于梳理出一套清晰的文本内容是具有挑战性的。

以你的网站目标为准则。为什么用户来到这里?你想要他们做些什么?使用文本创建该关联性并开始讲述你的故事。请记住应该向用户展示你的网站相对于其他的同类网站具有哪些优势或好处。

05

给用户一些要做的事情

网站设计提供独特视觉体验的同时,也需要提供一个理由给用户,使他们能够尽可能久的在你的网站上停留并浏览信息。所以,当你在考虑你的网站设计应该在第一屏加入什么元素时,切记要让用户可以参与到里面。

行动可以包括:

填写表单,例如提供电子邮件地址; 设置互动游戏; 社交媒体上分享; 为了销售而展示流动商品; 评论或参与内容; 观看电影或轮播图。

首屏作为你的“门户”

可以说是最重要的一屏内容了

确保创建一个有趣,可读性强

以及拥有不同于其他网站视觉的效果

才能有效的将用户带入你的网站

而想要做好网页设计需要扎实的平面设计基础

广州莱佛士设计学院——平面设计专业

能够提供给你专业的系统化的设计知识

名校毕业的外籍老师们

能传授给你国际化的设计知识

莱佛士设计学院学生作品

随机内容
618电子教育品类增长120%,这两款超值性价比好物抢购火爆(电子教育产品有哪些) 618电子教育品类增长120%,这两款超值性价比好物抢购火爆(电子教育产品有哪些)
你可能不知道,在中国古代也有玻璃海航空姐被曝出轨成瘾,未婚夫放出大量不雅照,最终两败俱伤(中国古代玻璃器皿叫什么) 你可能不知道,在中国古代也有玻璃海航空姐被曝出轨成瘾,未婚夫放出大量不雅照,最终两败俱伤(中国古代玻璃器皿叫什么)
《我最喜欢的一支笔》——麦田群小学作文写作研讨实录(四)(我最喜爱的笔) 《我最喜欢的一支笔》——麦田群小学作文写作研讨实录(四)(我最喜爱的笔)
“泰国投资机遇暨泰国304工业园区推介会”举行黄老师痛哭!关闭直播打赏,录教育节目无美颜照曝光,榜一大哥跑路(泰国wha工业园 条件) “泰国投资机遇暨泰国304工业园区推介会”举行黄老师痛哭!关闭直播打赏,录教育节目无美颜照曝光,榜一大哥跑路(泰国wha工业园 条件)
百度沈抖:智能经济时代人机交互将全面升级(百度年龄) 百度沈抖:智能经济时代人机交互将全面升级(百度年龄)
细谈好物联盟(好物联盟开通条件) 细谈好物联盟(好物联盟开通条件)
曾经遍地是钻石的小镇,现在竟然沦落成这个模样 曾经遍地是钻石的小镇,现在竟然沦落成这个模样
好物│“进博时间”到,把这些国家的网上好货装入购物车(进博会好物抖起来) 好物│“进博时间”到,把这些国家的网上好货装入购物车(进博会好物抖起来)
中国品牌 世界共享!百廿青啤好味道 共创品质新生活善恶终有报!为遏制国乒逼孔令辉刘国梁退役,今贪污2000万被下台(青啤百年之旅收藏方法) 中国品牌 世界共享!百廿青啤好味道 共创品质新生活善恶终有报!为遏制国乒逼孔令辉刘国梁退役,今贪污2000万被下台(青啤百年之旅收藏方法)
基础颜究适合学生党吗?还有其他的推荐吗?(基础颜究的店) 基础颜究适合学生党吗?还有其他的推荐吗?(基础颜究的店)