【网页设计技巧分享】提升着陆页设计效果的技巧

网站着陆页要传递的内容太多了,当用户打开着陆页的时候,能通过着陆页的内容让用户知道你的品牌调性;也通过着陆页的行为召唤元素促使用户执行特定的操作;甚至通过着陆页的视觉效果给用户留下深刻的印象等等。

着陆页的设计并不简单,并不是单纯地将LOGO替换到着陆页模板上,就能带来足够优秀的设计效果。以下,我将分享提升着陆页设计效果的技巧,希望对各位有所帮助。

技巧一:为页面设置明确的目标

【网页设计技巧分享】提升着陆页效果的技巧

着陆页所放置的内容,都应该尽量让用户尽可能接近实际的目标。例如:BarkBox是一个专卖狗狗玩具的网站,因此其设计师对着陆页的目标就是让用户购买狗狗玩具,又或者提交邮箱订阅信息。

技巧二:为用户而设计

【网页设计技巧分享】提升着陆页效果的技巧

对於着陆页的设计,一定要考虑网站的用户,也就是我们常说的重视「用户体验」。虽然我们经常说网站一定要重视用户体验,这样才能提升用户的参与度和转化率,但实际上很少网站能够真正做到。

技巧三:使用视觉感强的图片

【网页设计技巧分享】提升着陆页效果的技巧

我们都知道风格特别、视觉感强,又或者生动有趣的图片,往往会给用户留下深刻的印象。配合着陆页的主题和风格,会让整个页面都非常走有趣心,让人非常期待,甚至还能增加用户的参与性。

技巧四:层次清晰的文本

【网页设计技巧分享】提升着陆页效果的技巧

绝大多数网站都会包含不同层级的文本内容,而每个层级的文本内容,其重要性、功能都会有差异,有的需要抓住用户的眼球,有的则需要用户仔细阅读其中的细则。因此,你的设计需要围绕文本的功能来设计。

常见的文本功能:

标题:精炼有吸引力,能让用户一眼就注意到;

正文:简洁直接,清晰地告诉用户网站的内容;

行为召唤文本:通常以按钮和链接的形式存在,为用户提供明确和可操作性的指引;

页脚:提供相关的链接和信息,与用户建立信任,及提供周边的信息。

技巧五:导航与关键词的结合

【网页设计技巧分享】提升着陆页效果的技巧

着陆页上的导航元素,有助於告诉用户网站的内容,同时也视为整个网站的关键词系统中一个非常重要的组成部分。例如:Puppy Bowl网站虽然主要销售女性珠宝,但Baublebar 在 Puppy Bowl 的着陆页上,设计师在网站的导航栏上标识出关键词「Baubles」,让用户明白这个页面是针对宠物的。

技巧六:清晰的行为召唤

【网页设计技巧分享】提升着陆页效果的技巧

不要以为用户是网站肚子里的蛔虫,他们打开网站往往会存在迷茫,不知道自己该做什麽。因此清晰的行为召唤指引是非常重要的,网站往往需要通过这个指引引导用户做你所希望的事情。例如:Jonathan Patterson 的着陆页中,每个明亮色块都会在光标悬停的时候变暗,并给予说明,引导用户去点解以获取更多信息。

技巧七:尽可能定制内容

【网页设计技巧分享】提升着陆页效果的技巧

设计着陆页额的目的就为了特定功能而存在的,而且这个目标和功能都非常单一,因此页面就需要足够的自定义设计和定制内容来达成目标。

技巧八:关联性高的品牌设计

【网页设计技巧分享】提升着陆页效果的技巧

着陆页最常出现的问题就是会让用户感到厌烦,或者是和主站的信息、设计出现断裂。在品牌设计上,着陆页一定要和整个网站的品牌化设计保持高度一致,从Logo到图标,字体到图片风格,既有自己的特殊性,同时也能让用户轻松明白它和整个网站之间的关系,让他们能自然的参与到内容当中。

技巧九:符合用户预期

【网页设计技巧分享】提升着陆页效果的技巧

当用户进入着陆页时,他们都会对这个页面或者网站有所期待,也就是说,着陆页的设计应该具备特定的功能,迎合特定的需求,并且要贴合跳转的来源,以及用户的预期。

技巧十:构建层次结构和流程

【网页设计技巧分享】提升着陆页效果的技巧

着陆页要有良好的可用性,就必须有着清晰的层次结构。合理的层次结构和贴合用户模式的流程很大程度上能够让用户和页面进行正确的互动,让用户在短时间内获取所需的信息,并且开始操作,帮助用户达成目标。

很多人以为着陆页和首页是一样,其实两者在功能上是有所差异的,有些网站可能是将两者合二为一,但也有很多网站不是。优秀的着陆页设计一般是需要网站营销人员参与的,这样才能设计出有针对性的设计,尽可能充分利用着陆页的流量。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/43885.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月25日 23:43
下一篇 2022年6月25日 23:43

相关推荐

  • 容易被忽略的视觉效果技巧

    没有意识到色盲用户的存在 这点尤其是针对视觉配色方案时,如果你的网站是面向大量的人群,目标顾客的性别以及年龄没有很明确的针对的话,一定要使用所有用户包括色盲用户都可知以正常识别的色彩。尤其是重要的信息…

    2022年6月11日
    0170
  • 小编教你html创建网站。

    创建HTML网页是Web开发的基础,它涉及到使用HTML(超文本标记语言)编写代码来构建网页的结构,以下是如何创建HTML网页的详细步骤和技术教学: (图片来源网络,侵删) 1、学习HTML基础知识 在开始创建HTML网页之前…

    2024年6月25日
    00
  • Material design新版动效——界面内

    什麽是动效元素在界面内运动?简单来说就是屏幕内物体在两点之间的运动,沿着一条自然、凹陷的弧线。这种新版动效特点使用的是标准曲线。有以下两个特点: 1、 弧线向上 在生活和物理当中,元素向上运动需要克服重…

    2022年6月16日
    0139
  • 从10个维度,分析Instagram值得学习的视觉和体验细节。

    今天从 10 个维度,聊聊 Instagram 这款软件整体的设计与体验那些值得学习的地方。一、Logo 的变化下图是关于 Instagram 的从 2010-2022 整个图标变化的过程,从中能发现:图标从拟物的风格慢慢变成扁平的风格。从…

    2023年3月2日 SEO操作
    00
  • 分享网页设计该有怎样的思维。

    大量商业认知中的疏忽和重要的错误步骤,认为设计主要是最后一分钟的想法,对我们的网页设计师来说,只是关于网站的审美品质。事实上,设计是整个过程,涉及到检测问题,了解问题的需求和可能的解决方案,创建一系…

    2023年6月13日
    00
  • 简单好用的网站设计应专注的三件事  

      专注于行为召唤 网站设计的每一处细节都硬要是有目的,或相应地迎合用户的喜好还是行为与需求。而行为召唤设计也正是这依据,引导使用者的文案、按钮以及连结都应该保持清晰、明显,尽量地吸引用户的注意,…

    2022年6月25日
    0114
  • 【案例分析】怎样的网站才算成功的营销型网站

    如果你的网络营销思想还停留在单向的资讯传递,将重点放在提升PV(页面浏览量),这显然你还停留在传统媒体的行销思维。随着互联网发展,网站营销也有很大的改版,下面,Inspirr Creation就以Mini Hotel为案例,为大…

    2022年6月25日
    0117
  • 极简主义网页设计:信息的香味。

    让我们以史蒂夫·乔布斯的名言开始这篇关于极简主义网页设计的文章:"简单可能比复杂更难:你必须努力工作才能让你的想法变得简洁。 但它最终是值得的,因为一旦你到达那里,你就可以移山。"如果你对史蒂…

    2023年2月15日 SEO操作
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息