网站建设知识

网站建设着陆页设计效果的小技巧

类型:网站建设知识 日期:2020.03.18

    着陆页的设计并不简单。单纯的将你的LOGO替换到着陆页模板上,并不能够带来足够优秀的设计效果,导航是否好使,可读性是否优秀,整体的设计是否一致,都会影响着着陆页的效果,而这些都需要你进行贴切而细致的设计,才能做好。而这也使得这些提升免费建站页面效果的技巧非常有用。


1. 为页面设置一个明确的目标

着陆页通常不是大而全的,它需要有足够的针对性:你希望用户在进入着陆页之后执行什么操作?达成什么目标?


点击一个特定的链接

查看视频

玩一个小游戏

填写表单

购买产品

分享内容到社交媒体

阅读,或者和内容进行互动

你在着落页上所放置的内容,都应该尽量让用户尽可能接近实际的目标。BarkBox 的着陆页上,设计师的目标是让用户购买狗玩具,或者提交邮箱订阅信息。上面是他们的情人节促销页面,主题贴切,目标明确。(注意页面的核心是CTA按钮“Get Start”)


2. 为访客而设计

着陆页的设计,一定是要考虑到网站的访客,你的用户。这听起来挺理所当然,但是实际上很少有网站能够真正做到。整个页面中,所运用到的图片和元素应该和用户相关,文本和文案也应该以贴合用户甚至让用户喜爱和欣赏的方式来呈现。

你可以深入分析你的关键性的受众。

他们是男人还是女人?

他们年轻还是年长?

他们是否分布在特定的区域?

创建吸引用户的设计,能够提升参与度和用户转化率。


免费建站


3. 使用风格强烈视觉有力的图片

风格强烈,视觉上有力,又或者是足够有趣的图片,往往会给用户留下深刻的第一印象,并且能够让用户参与进来。

Coulee Creative 的页面采用了一种有趣的设计策略。页面的整体设计确实没有改变,但是标题文案和图片中的男人表情会逐步变化。

这样的设计很有趣,很走心,也很让人期待。


4. 设计层次清晰的文本

绝大多数的自助建站中都会包含不同层级的文本内容,而每个层级的文本内容的重要性、功能都会有差异,有的需要抓人眼球,有的则需要用户专注地仔细阅读。所以,你的设计需要围绕着文本的功能来设计。

标题:使用精炼而吸引人的文本让用户注意到。

正文:主要的信息,简洁,直接,清晰。

行为召唤文本:通常以按钮和链接的形式存在,告诉用户要做什么,下一步执行什么,如何抵达目标等等。提供明确的、可操作的指引。

页脚:提供相关的链接和信息,诸如品牌、联系方式和社交媒体链接等,建立信任,提供周边信息。


免费建站


5. 导航和关键词的结合

着陆页上的导航元素有助于告诉用户网站的内容,将导航元素视为整个网站的关键词系统的一个组成部分是非常有意义的。

Baublebar 在 Puppy Bowl 的着陆页上就做的很好,网站主要销售女性珠宝,设计师在网站的导航栏上标识出关键词“Baubles”,也让用户明白这个页面是针对宠物的。


6. 清晰的行为召唤

每个用户都应该知道他们所打开的网站是做什么的,清晰的行为召唤指引是至关重要的。不要以为用户是你肚子中的蛔虫,你往往需要通过指引来引导他们做你希望他们做的事情。

比较常见的行为召唤方式是按钮,填写表单,引导说明(比如“滚动以查看更多”),甚至动画。

Jonathan Patterson 的着陆页中,每个明亮的色块都会在光标悬停的时候变暗,并且予以说明,引导用户去点击获取更多信息。


7. 尽可能定制内容

着陆页本身就是为了特定功能而存在的,而且这个目标和功能通常是比较单一的,而这样的页面自然也需要足够的自定义设计来尽量达成目标。

Trulia 这个网站的首页/着陆页就是尽量引导用户并且让用户提供他们的地理位置信息。通过自定义设计,用户才有可能深度地参与到交互当中来。


网站建设


8. 清晰而高关联性的品牌设计

着陆页最常见的问题就是容易让人感到厌倦,或者和主站的信息、设计上有所割裂。

在品牌设计上,着陆页和首页以及品牌本身应该有清晰的关联,确保用户不会有跳出感,让他们能够自然的参与到内容当中来。


Nike 的运动鞋定制页面就做的非常好。它和整个网站的品牌化设计保持着高度的一致,从LOGO到图标,从字体到图片风格,用户知道这个页面的特殊性,同时也能够轻松明白它和整个网站之间的关系。用户永远不会怀疑这一点。


9. 符合用户预期

当用户在其他的网站上点击链接跳转到这个着陆页上来的时候,他们会对这个页面或者网站有所期待,换句话来说,着陆页的设计应该具备特定的功能,迎合特定的需求,并且要贴合跳转的来源用户的预期。


Bills.com 这个网站的着陆页采用了相对简单的设计,它可以帮助用户管理财务。从网站的名称到功能,用户能够形成一个相对明晰的概念和预期,而完成整个流程之前,用户不会看到其他的无关内容。


这样的设计和网站的跳转来源(比如社交网络)有着紧密的关联,用户知道接下来会发生什么。

网站源码

10. 构建层次结构和流程


设计良好的着陆页有着良好的可用性,这也意味着它有着清晰的层次结构。用户应该先看什么再看什么?他们将会在页面上执行什么任务,实现什么目标?合理的层次结构和贴合用户模式的流程很大程度上能够让用户和页面进行正确的互动,帮助用户达成目标。


在上面的 LS Productions 网站中,设计师让网站在视觉上呈现出清晰的行动流程,超大的视频背景,分别置于顶端两边的 LOGO 和菜单,以及向下滚动的 CTA 引导说明「Scroll for more」。用户可以在几秒钟内快速获取这些信息,并且开始操作。


结语

着陆页和首页其实是两个东西,两者在功能上有差异。有的网站可能是两者合而为一的,但是很多网站不是。着陆页是用户最常访问的页面,但并不一定是首页。


关键词:免费建站,自助建站,快速建网站

相关网站建站知识
更多免费网站
网站建设 网站优化 网站推广 网站排名
广东网站优化 广州网站优化 深圳网站优化 珠海网站优化 汕头网站优化 佛山网站优化 韶关网站优化 湛江网站优化 肇庆网站优化 江门网站优化 茂名网站优化 惠州网站优化 梅州网站优化 汕尾网站优化 河源网站优化 阳江网站优化 清远网站优化 东莞网站优化 中山网站优化 潮州网站优化 揭阳网站优化 云浮网站优化 增城网站优化 从化网站优化 南雄网站优化 乐昌网站优化 英德网站优化 连州网站优化 台山网站优化 开平网站优化 鹤山网站优化 高州网站优化 化州网站优化 信宜网站优化 高要网站优化 四会网站优化 兴宁网站优化 陆丰网站优化 阳春网站优化 普宁网站优化 罗定网站优化 江苏网站优化 宿迁网站优化 南京网站优化 无锡网站优化 徐州网站优化 常州网站优化 苏州网站优化 南通网站优化 连云港网站优化 淮安网站优化 盐城网站优化 扬州网站优化 镇江网站优化 泰州网站优化 海安网站优化 常熟网站优化 邳州网站优化 新沂网站优化 溧阳网站优化 张家港网站优化 宜兴网站优化 太仓网站优化 昆山网站优化 如皋网站优化 海门网站优化 启东网站优化 东台网站优化 高邮网站优化 仪征网站优化 丹阳网站优化 扬中网站优化 句容网站优化 靖江网站优化 兴化网站优化 泰兴网站优化 江阴网站优化 河北网站优化 石家庄网站优化 唐山网站优化 秦皇岛网站优化 邯郸网站优化 邢台网站优化 保定网站优化 张家口网站优化 承德网站优化 沧州网站优化 廊坊网站优化 衡水网站优化 新集网站优化 藁城网站优化 晋州网站优化 新乐网站优化 鹿泉网站优化 遵化网站优化 迁安网站优化 武安网站优化 南宫网站优化 沙河网站优化 涿州网站优化 定州网站优化 安国网站优化 高碑店网站优化 泊头网站优化 山西网站优化 太原网站优化 大同网站优化 朔州网站优化 忻州网站优化 阳泉网站优化 吕梁网站优化 晋中网站优化 长治网站优化 晋城网站优化 临汾网站优化 运城网站优化 古交网站优化 潞城网站优化 高平网站优化 原平网站优化 榆次网站优化 介休网站优化 离石网站优化 孝义网站优化 汾阳网站优化 侯马网站优化 霍州网站优化 河津网站优化 永济网站优化
广州网站排名 广东网站排名 深圳网站排名 珠海网站排名 汕头网站排名 佛山网站排名 韶关网站排名 湛江网站排名 肇庆网站排名 江门网站排名 茂名网站排名 惠州网站排名 梅州网站排名 汕尾网站排名 河源网站排名 阳江网站排名 清远网站排名 东莞网站排名 中山网站排名 潮州网站排名 揭阳网站排名 云浮网站排名 增城网站排名 从化网站排名 南雄网站排名 乐昌网站排名 英德网站排名 连州网站排名 台山网站排名 开平网站排名 鹤山网站排名 高州网站排名 化州网站排名 信宜网站排名 高要网站排名 四会网站排名 兴宁网站排名 陆丰网站排名 阳春网站排名 普宁网站排名 罗定网站排名 江苏网站排名 宿迁网站排名 南京网站排名 无锡网站排名 徐州网站排名 常州网站排名 苏州网站排名 南通网站排名 连云港网站排名 淮安网站排名 盐城网站排名 扬州网站排名 镇江网站排名 泰州网站排名 海安网站排名 常熟网站排名 邳州网站排名 溧阳网站排名 张家界网站排名 宜兴网站排名 太仓网站排名 昆山网站排名 如皋网站排名 海门网站排名 启东网站排名 东台网站排名 高邮网站排名 仪征网站排名 丹阳网站排名 扬中网站排名 包容网站排名 新沂网站排名 靖江网站排名 兴化网站排名 泰兴网站排名 江阴网站排名 河北网站排名 石家庄网站排名 唐山网站排名 秦皇岛网站排名 邯郸网站排名 邢台网站排名 保定网站排名 张家口网站排名 承德网站排名 沧州网站排名 廊坊网站排名 衡水网站排名 辛集网站排名 藁城网站排名 晋州网站排名 新乐网站排名 鹿泉网站排名 遵化网站排名 迁安网站排名 武安网站排名 南宫网站排名 沙河网站排名 涿州网站排名 定州网站排名 安国网站排名 高碑店网站排名 泊头网站排名 辽宁网站排名 沈阳网站排名 大连网站排名 鞍山网站排名 抚顺网站排名 本溪网站排名 丹东网站排名 锦州网站排名 营口网站排名 阜新网站排名 辽阳网站排名 盘锦网站排名 铁岭网站排名 朝阳网站排名 葫芦岛网站排名 新民网站排名 瓦屋店网站排名 庄河网站排名 海城网站排名 东港网站排名 凤城网站排名 凌海网站排名 北镇网站排名 大石桥网站排名 盖州网站排名 灯塔网站排名 调兵山网站排名 凌源网站排名 北票网站排名 兴城网站排名 山西网站排名 太原网站排名 大同网站排名 朔州网站排名 忻州网站排名 阳泉网站排名 吕梁网站排名 晋中网站排名 长治网站排名 晋城网站排名 临汾网站排名 运城网站排名 古交网站排名 潞城网站排名 高平网站排名 原平网站排名 榆次网站排名 介休网站排名 离石网站排名 孝义网站排名 汾阳网站排名 侯马网站排名 霍州网站排名 河津网站排名 永济网站排名 吉林网站排名 长春网站排名 延边网站排名 四平网站排名 通化网站排名 白城网站排名 辽源网站排名 松原网站排名 白山网站排名 公主岭网站排名 榆树网站排名 黑龙江网站排名 哈尔滨网站排名 齐齐哈尔网站排名 牡丹江网站排名 佳木斯网站排名 大庆网站排名 鸡西网站排名 双鸭山网站排名 伊春网站排名 七台河网站排名 鹤岗网站排名 黑河网站排名 绥化网站排名 大兴安岭网站排名 浙江网站排名 杭州网站排名