恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反??!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
改善落地页面设计的 13 个技巧
0.8°
自译外文 / 经验/观点 / / 原作者: Pascal Barry / 举报
207 1 1 0

2021-08-04


落地页往往起着第一时间给引流用户传达有价值信息的重要作用,最终结果是要服务于“用户增长”这个主要的目标。目的是承接浏览量和提升产品用户转化率。如何做好落地页设计?这里分享13个可以有效改善落地页设计的技巧。


01 /使用半透明颜色叠加覆盖图片提高文字可读性
有时候你不得不工作的一些蹩脚的图像。通过在半透明设置中覆盖品牌颜色,尝试将它们更像是背景纹理而不是主要焦点元素。这将为您提供必要的对比度,使覆盖的文本可读。在下面的示例中,我还对文本应用了深蓝色阴影以进一步增强对比度。


02/ 不要过度使用留白
设计师喜欢留白,我们总是听到我们应该如何在网络上拥有更多负空间。但是,当属于在一起的元素之间存在过多的留白时,眼睛会结结巴巴地陷入空洞,而不是轻松地流过相连的元素。


03/ 没有人喜欢繁琐
任何看过网站分析的人都知道,你只有很少的时间来吸引别人的注意力。切入正题。


04/ 即使纯文本布局也应该具有视觉吸引力
登陆页面的纯文本部分可能很难设计,特别是如果您没有机会或资源使用插图、图标或摄影。将您的品牌颜色和排版细节视为提升设计的技巧。


05/图标小,插图大
图标很棒,但他们应该知道自己的位置。这些家伙生性简单,喜欢扮演配角。把它们放大,现在你的插图很糟糕。如果您使用带有标题的图标,您会希望标题首先弹出。


06/ 谨慎使用字母间距
有很多方法可以使用字母间距来巧妙地改进排版,但是如果您不是经验丰富的排版师,请坚持只在所有大写标题中添加一点字母间距。为句子大小写文本添加额外的字母间距会产生可读性问题,并打破字体设计的自然节奏。


07/ 在常见问题解答中注意行长
相对于令人震惊的行长而言,常见问题解答部分可能是网络的第一大罪魁祸首。最佳行长度在 45 到 75 个字符之间,包括空格和标点符号。


08/ 向我展示价值
在这个例子中,真正的价值主张隐藏在一个几乎不可读的副标题中。通过添加真实用户的面孔,还可以轻松地为社交证明添加真实性。


09/ 没有人喜欢小文本
在这个例子中,CSS 中使用了可变网页排版,创建了正文为 11 像素和导航链接为 9 像素的场景。浏览器默认的16px字体大小现在已经有 20 年的历史了——使用专为屏幕设计的现代字体并确保正文字体大小在18-20px之间。



10/ 应用赔率规则
布局用奇数个元素包装更有冲击力。如果您有4点要说明,请尝试将2点组合在一起,在 3 点中说同样的话。如果这是不可能的,请优先考虑您的最需要的点并减去最弱的点。在如下示例中的布局中要小心使用5个说明要点,因为它会让人感觉认知超载。


11/ 管理认知过载
在可能的情况下合并并减少你的要点。在标题和副本之间创建大小对比以改善视觉层次结构,并在有很多话要说时使用留白创造更平静的体验。


12/ 使用明亮的颜色作为重点
在大面积使用明亮的颜色会使您遇到对比度问题,可能无法满足您文本的基本可访问性要求。在按钮等较小的元素上,您可能需要避免使用白色文本。


13 /总是检查灰色文字的对比度
使用灰色文字是一种流行的技巧,用来创建文本元素间的层次结构。但这通?;岬贾卵现氐目煞梦市晕侍?,因为文本缺乏足够的对比度。如果您需要建立更清晰的视觉层次结构,请使用
在线工具检查对比度,并增加字体大小的对比度。


本次分享就到这里,希望通过分享内容可以帮助你设计出更有价值的落地页。

Powered by Froala Editor

创建于:2021-08-04
收藏

1人已收藏

Talon

灵感总是稍纵即逝

  • 24

    作品

  • 70

    粉丝

  • 10

    关注

  • 使UI图片素材更有设计感的技巧
  • 5 种方法让手机号召性用语按钮变得直观
  • 如何为你的网站选择颜色
  • 英国外汇交易商官网设计

猜你喜欢

    Talon

    Talon

    灵感总是稍纵即逝

    老马识途一鸣惊人原创达人勤学标兵lv.1收藏家lv.2
    • 70

      粉丝

    • 54.1

      人气

    • 989

      颜值

    作品

      最新推荐

      我的4条产品设计工作观

      2977 5 9

      相关佳作
      换一换

        Talon

        点赞:1

        收藏:1

        评论:0

        改善落地页面设计的 13 个技巧

        你确定要举报改善落地页面设计的 13 个技巧?

        如果查出恶意举报,十天内禁止提交任何举报申请。

        0/200

        上传证据: 超过10M的附件请使用网盘地址

        点击上传附件

        对谁可见:

        全部设计师
        • 全部设计师
        • 推荐设计师和认证设计师

        您确认要推荐?

        该作品发布时间:2021年08月04日

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

        账号或密码错误,请重新输入

        账号或密码错误,请重新输入

        登录

        账号或密码错误

        发送验证码 120s 验证码错误

        登录
        全网福利资源合集搜索处解压码