兔比客是什么公司_Tubik

2024-10-12 00:39:31

1.Icon重要性论述

2.为什么UI设计中需要动效

3.怎么样提高网站着陆页的转化率

兔比客是什么公司_Tubik

有效设计的一个主要特征是清晰的用户界面。所有元素需要保持良好的平衡，并保持和谐，以便用户可以轻松感知屏幕上的信息并不需付出努力就可以与产品良好的互动。

为了创造高效的设计作品，专业人士运用艺术科学的各种技巧和方法以及基本的数学理论。有助于构建令人愉悦的设计组合的常用工具之一是称为黄金比例的数学比例。在这篇文章中，我们将定义这种技术的本质，并看看它如何在设计中使用。

世界上的一切都在努力实现和谐与平衡。即使是大自然母亲带来的形式接近完美。人们喜欢所有具有自然触感的事物，他们总是以实现这些模式和形式为目标。为了发现创作的秘密，数学家们计算出了一个出现在地球大部分事物上的公式。

黄金比例是不同大小元素之间的数学比例，被认为是人眼最具美感的。黄金比例等于1：1.618，通常可以看到您可能在互联网上看到的贝壳形螺旋。

那么，如何计算完美的不对称？首先，你需要确定小元素的长度。然后乘以1.618的黄金比例，结果将是更大元素的完美长度。

黄金比例理论被认为存在超过4000年。科学家发现，大多数古代建筑以及着名的艺术品都服从黄金比例。列奥纳多达芬奇和萨尔瓦多达利被称为黄金比例理论的追随者，并将其作为他们令人惊叹的艺术品的关键工具。今天，黄金比例适用于建筑，艺术，摄影和设计等各个领域。

有效的组合是设计的核心部分。所有的元素需要共同努力，以最大限度地提高愉快的体验。而且，每一个单独的元素，甚至像图标一样的小元素，都必须在其内部形成和谐。黄金比例对视觉感知有正面影响，这是许多图形和UI设计师在他们的工作流程中应用它的原因。

平面设计师更热衷于应用黄金比例。问题在于美术教师经常讲解黄金比例理论，帮助学生理解如何使用比例。这就是为什么许多设计师在创建各种图形的同时继续应用此工具的原因，特别是对于小而有意义的设计元素（例如徽标）。

标志和图标设计需要深入关注细节。黄金比例允许创建插图，其中每个元素与其他元素保持和谐和适当的比例。此外，标志设计是品牌的核心，所以设计师们努力以最有说服力的方式呈现它。黄金比例可以增加徽标的美学吸引力，并提高品牌的知名度。

用户界面需要有清晰的组件视觉呈现，以便人们可以毫无问题地使用产品。黄金比例通常用于有效放置UI元素。首先，它可以用于线框的阶段。通过这种方式，您可以按照黄金比例规划布局布局和调整用户界面组件的大小。此外，黄金比例可以帮助专业人员为网页设计裁剪图像，以确保照片的构图保持均衡。

数学计算可能看起来很无聊且费时，所以如果值得付出努力，可能会出现一个问题。让我们看看什么黄金比例可以带入设计。

当产品需要包含大量的各种内容时，设计人员经常会遇到这种情况，而且它的每个部分都很重要，并且不能被替换。为了将所有组件合并成令人和谐愉快的组合，可以在设计中应用黄金比例。按照1：1.618的比例将布局划分为不同的部分，并根据其重要性将内容放入部门。这样的内容组合对于用户的感知是足够的，并且它有助于组织所有组件。

谈到内容组织，我们不能忘记视觉层次。正如我们在之前的文章中提到的那样，这是一种高效构建内容组件的技术。结合这两种技术的原则，设计师可以最大限度地构建强大的设计作品。

为了创建高效的版式，设计师需要将复制内容分成不同的层次。它们通常包括各种副本，标题，副标题，正文副本，标题等。通过应用黄金比例，专业人员可以快速定义印刷级别之间的适当比例，例如，您可以为标题选择一定的尺寸，然后将其除以1.618。结果会向您显示副标题最合适的大小。

当用户第一次尝试产品时，他们会扫描用户界面以了解他们是否喜欢它。被称为本能反应的心理学原理指出，人们在几秒钟之内就决定他们是否喜欢某物。这种反应比我们的意识更快，所以我们甚至没有意识到这一点。这就是为什么确保产品的第一印象令人满意至关重要。通过使用黄金比例创造的设计对用户的思维和视觉感受具有积极影响，并且它取决于用户对产品的第一印象。

留白空间是设计构图中元素之间的空白区域。由于构图的统一性高度依赖于它，设计师总是需要关心UI中的留白空间。黄金比例可以使留白过程更容易和更快。应用黄金比例，您将能够定义适合设计的正确留白空间。

展现组件自然平衡的设计不容忽视。结构良好的布局是强大用户界面的核心部分之一。黄金比例将和谐融入设计中，使产品为用户带来愉悦感。不要害怕数学公式。这看起来并不困难。更重要的是，黄金比例可以帮助创建兼具实用性和美观性的用户友好型数字产品。

我的设计作品（Dribbble）： s://dribbble/exciting

本文翻译来自Medium感谢 Tubik Studio

原文链接

Icon重要性论述

视觉夸张、几何图案、线条艺术、有限的色彩以及具有体积感的 3D 插画。1)、视觉夸张插图画家在他们的作品中发现的流行趋势之一是视觉夸张。破碎的比例和夸张的身体部位，现在似乎已经成为周围数字艺术的组成部分。Pablo风格时尚插图具有夸张的细节和破碎的比例，共同构成一种艺术手法Fireart Studio的动态博客插图使用角色的视觉夸张方法Folio Illustration Agency的杂志插图也基于视觉夸张 2)、几何图案几何在插图趋势中不会失去位置：各种样式和方法都具有几何图案。扎根于学术绘画中的各种几何形状使数字艺术充满了抽象的氛围，巩固了构图并增加了视觉上的和谐。Radostina Georgieva的几何人物Icons8剪辑风格的整洁矢量插图用了几何元素的一致用法Tania Yakunova的有趣和好玩的几何插图Fireart Studio致力于团队合作主题的插图以几何形状为基础伊万·梅萨罗斯（Ivan Mesaros）的数码插图将基本的几何图形变成有趣的人物 3)、线条艺术线条艺术和狭窄的曲线线条也很受欢迎：它们增加了点缀的装饰性，营造了心情并美化了图像。该方法不仅用于轮廓图，还用于基于色斑和形状向图像添加细节处理。Ivan Haidutski的矢量插图以Icons8矢量库的蜡笔风格绘制，具有精致可爱的线条艺术数字艺术家Brad Cuzen使用线条作为诱骗角色形象的技巧蒂莫·库尔德（Timo Kuilder）的可爱艺术品，线条艺术和优雅曲线的大师戴安娜·斯托亚诺娃（Diana Stoyanova）春季锁定的艺术故事运用了鲜明的色彩对比和可爱的线条和曲线的力量Tubik Arts的献血者的对比轮廓图也利用了线条艺术 4)、有限的色彩手头上有数百种颜色和阴影，越来越多的设计师倾向于在有限甚至单色的调色板中尝试他们的技能。结果，数字艺术世界显示出插图趋势，即以更少的色彩更具表现力并发挥明亮的细节作用。Ivan Haidutski在Icons8 向量库上的出租车样式插图使用了基于粗体黑色和**对比的有限调色板。Ksenia Shokorova用优雅的，富有表现力的数字表示了酒店内部装饰，并使用了有限的调色板马特·卡尔森（Matt Carlson）为《弗吉尼亚科技杂志》（Virginia Tech Science Magazine）撰写的社论插图用了有限且引人注目的配色方案有限的调色板和鲜艳的色彩帮助数字艺术家Lana Marandina营造出宁静的夜晚氛围Tubik Arts的大气插图基于有限的对比色方案设置了令人印象深刻的日落场景 5)、体积3D插画今年继续显示出对3D艺术的浓厚兴趣，而3D艺术已经在数字插图方面形成了强大的发展方向。3D插图显示出越来越多的样式和情节，人物和环境多样性由Mike Creative Mints设计的网页以有趣且引人入胜的3D插图为英雄形象Vitality Studio为着陆页设计创建的令人印象深刻的3D图稿彼得·塔尔卡（Peter Tarka）可爱的3D艺术品对细节的关注和整体构图的完美打动

为什么UI设计中需要动效

一个icon虽然很小，但是对于任何APP和网站都是至关重要的。它们有时看起来简单，但是需要大量的时间和精力来设计。尽管对于用户的交互很少，但依然是用户体验时的高效元素之一。做任何事情都会与用户体验相关：帮助、支持、参与、鼓励、简洁，反之就是让用户感觉到困惑、烦恼等等。它们是UI界面的基本元素。

icon的重要作用不只是网页和APP中的设计师界面设计时才会用到，在很多的文章和书籍中就提到，一些产品发布会就是在众多案例中用到的一个。在这里我将会谈谈icon的一些相关知识，以便使得更加符合这一主题。

基本上，APP或桌面上的icon都是有一种象征意义或隐喻，并在日常生活中经常遇到。从更深次的解释就是icon代表了一些行动、事、人、真实的、虚拟的视觉符号。

在许多情况下，icon能够代表文本，而这种能力使得它们在现在设计界如此的流行。如果你使用一个icon来替换原本的文字，可以有效的节省APP或网页中的互动元素的制约。因此在有些地方可以高效的重复使用。此外它能使交互变得更加迅速，因为在大多数的情况下，人们需要更少的时间来看到和理解这些icon，而不是去朗读一段文字。最后icon是作为产品在视觉表现上集审美与功能完美融合的元素。

如此多的功能，综合性的APP和网站可以是：

a、互动：即直接代表按钮，控制和相互作用的任何其它元素；

b、简洁：在视觉上解释了一些功能、类别、交互，不是互动本身的直接因素

c、装饰和性：即具有较低的功能和较高的审美能力。提供了装饰除了一般的风格，例如具有一些季节性的庆祝活动。

富有意义的：因为前面已经提到了，icon是具有较高符号特征的元素，意味着创建icon，首先要求设计师应该界定什么是它的作用意义，并作为单独的元素和总体布局的组成部分。在谈论一种隐喻的而更朴实的东西时，最好的厨师总会说：这是放在盘中的东西，是可以食用的。根据最新的趋势分析，我们也可以得到类似的想法：当涉及到icon和界面布局在其它元素之中的时候，即把屏幕上的功能应有尽有的呈现出来。因此，在界面上之中使用任何icon都应该有它的意义和作用。没有它，一个icon只会是一个空洞的元素，在屏幕产生上产生不必要的元素的局面。

明确的： icon更加易于理解，一个icon在支持功能上的根本意义，实际上都是有意义的，除非创作者本人还没有能理解这个意思，对 icon缺乏这种透明度，就将是一种悲剧。相反，icon设计的太过于简洁，确实会加快交互的效率，但又会使用户产生迷惑，并不能最终带给用户更好的体验。

简单：对于icon的简洁，这一直是一个值得商榷的问题。其实，设计师就认为icon就应该是简洁的，但对于哪些应该简洁，哪些不应该简洁这依然有争议。无论如何,在我们的工作室是支持任何icon都应该很简单的，它需要特定的目的和功能，设计师的工作应该遵循：在现有基础上引导icon的设计和抛弃其中任何不必要的细节，又可以设计新的形象。然而，要记住总体风格和其它元素的视觉，都应该完美的表达整个APP和网站的概念。

识别性和独特性：为了使icon更易识别，有时需要设计人员在项目启动时，变成用户研究人员。在这段期间对现有的icon进行研究和分析，并在竞争中彻底的展开调查，以及应该如何创建更加容易的记忆和易于理解的icon。如果设计人员发现是辨认丧失其意义的主要因素，这将可以作为吸引用户作为竞争优势的第一步，以及将用户体验提供积极的特点作为用户基本要求，不会让用户有太多等待，而对于那些无法识别的icon会失去耐心。另外这里提到的icon并不是强调绝对的独特，或者创造独特的功能。但是通过一些细小的独特甚至是轻微的细节变化都可以在App Store或者android的应用商店和设备上的用户更易识别。

审美和吸引力：可以肯定的是，记住icon的含义是一种可视化的表现，其取的基本形状和审美倾向都是要考虑的，在视觉上的吸引力是鼓励用户进入应用的第一步，同时也是使产品有吸引力、美观和时尚的重要因素，例如coloristics其就是这方面的成功应用，对于在设计icon的外观是非常有帮助的参考。

适应性：随着越来越多的尺寸和分辨率进入这个领域，灵活性和可扩展性在设计决策中变得越来越有效。好的icon应该是具有可读性和不同的尺寸与环境适应性的，因此在创建icon时要充分考虑的的因素。

一致性： icon和界面布局在其它的元素能感觉到和谐统一，因为它们往往会成为最重要的一个因素。例如下面的几个icon，它们遵循相同的风格、概念，对于应用一些通用的设计解决方案，支持视觉表现和交互体验，而不是去打破之间的平衡。

://tubikstudio/iconic-simplicity-the-vital-role-of-icons/

怎么样提高网站着陆页的转化率

在 UI 界面当中使用动效已经成为这几年一直被讨论的热门话题了。动效要怎么用，什么样的动效更优秀等等，这样的探讨层出不穷。在 UI 所涉及到的各种动画和动效当中，概念动效是被讨论的最多的话题。充满实验性的概念动效是动效设计最前沿的领域，是开发和实现上最具有挑战性的部分，也是新产品上线之后，用户最容易注意到，也讨论得最多的东西。

在 Tubik Studio 的博客上，我们已经分享过很多关于 UI 动效的文章和内容了。关于概念动效/动画对于 UI 设计与开发的影响，我想 Tubik 的动画设计师 Kirill Yerokhin 是最有发言权的。

概念动效是什么？

概念动效应该算是概念设计领域的一个分支。总的来说，概念动效还是在做动效和动画的设计，不过它是为了在真实的产品上线之前，基于特定的想法、构思而进行创建的东西。在进行用户界面设计的时候，动效可以存在于交互、转场和具体的控件操作上，动效作为一种状态转变、交互反馈和视觉引导的工具而存在。动效设计师会使用各种各样的工具来进行动效的设计，我们常常提到的工具包括 Adobe After Effects，Principle，Figma 和 InVision。

为什么UI设计需要概念动效

这其实是目前最富有争议的话题。很多概念动效和现有的、成型的动效/动画解决方案，在步骤、效果、执行和开发上都不尽相同，超出了通常的限制和常见的规则。这种动效技术在刚刚开始接触的时候，会觉得不够真实，没有必要，甚至有人会认为无法实现。

重点在于，UI 动效其实和我们常见的静态元素（字体、图标、控件、色彩和形状）同样能够让产品从激烈的竞争当中脱颖而出。

有开发者讨厌概念动效且不想去实现的说法其实是不够准确的。实际上，这样的事情要依情况来看。在很多创意设计领域当中，经常有人说某种创新或者创意是不可能实现的，然而实际上，总会有人竭尽所能发现新的解决方案，找到新的方法。

需求决定供应。如果「市场」看到了一个全新的设计理念，尤其是在动画和动效领域，就会有人想办法在实际的产品当中将它实现出来。而这个时候，设计师的构思就不再停留在概念上。在 Tubik Studio，我们在很多时候会提出新的概念动效，这些概念动效甚至可能会极其复杂，但是需求一旦确定，总会有第三方的开发接手并且将他们实现出来。

实践表明，在技术上，概念动效的实现几乎仅仅就是时间和花销上的问题，解决和实现的可能性其实非常之高。

一句话科普：

「好的着陆页是绿色通道直达，坏的着陆页是迷宫」

用户进入某个网站，第一眼看到的就叫着陆页。一个好的着陆页能引导用户快速完成设计师设定的目标，优秀范例参见谷歌（12306其实也不错），失败范例参见大学的正方系统。

好的着陆页考验设计师的视觉/文案/心理学/营销等等多方面的功力，每一项单独挑出来都能说个3天3夜，而本篇文章的作用是科普概念+基础流程，你可以从它提到的这六个方面进行横向扩展学习。比如文案：《年度最佳教程！7招教你写出互联网顶尖文案！》、心理学：《超实用的设计心理学！怎么用隐喻设计引导用户？》 ← 这篇文章强烈推荐一下，很通俗地用几个淘宝的案例帮你看懂心理学在引导上的作用。视觉方面，简单的文字也有超多玩法：《经验分享！超实用的文本处理技巧》。一句话科普（WTF？）就先到这，来看文章正文。

首先让我们先看看那些经常被问到的问题：

一、什么是着陆页？

广义来说，着陆页是用户进入你的网站的起始或入口页面，形象地来说，就是用户在这个页面“着陆”。

现在着陆页已经变成了一个更为具体的概念，很多人将它们作为宣传某个特定产品、服务、卖点或特征的媒介，以便用户能更快地留意到、并且更专注地浏览这些信息。

正是因为这样，很多分析者认为着陆页比普通的网站首页更有效率，也更能实现一些针对性的营销目标。和着陆页的效率相比，网站首页则常常囊括了过多的信息，让用户无法专心，也更容易失去浏览的兴趣。

lp2016072

二、什么是转化？为什么它很关键？

想要去验证那些以商业和产品、营销和推广为最终目标的设计到底效果如何，转化率是最常用的指标。一般来说，“转化”意味着某个浏览者使用你的网站提供的服务或转变为产品的用户，而在实际情况中，转化会根据不同的网站或其它产品而有不同的定义。

着陆页起初源自电子商务，也是登陆页应用最为广泛的领域。而转化率就是所有的浏览者中，有多少比例的人转变成了注册用户并且最终完成了购买行为。

如今，着陆页被广泛地用在了各个领域的网站里，转化的定义也变得更多。越来越多的线上产品和服务出现，用户能够在网上完成各式各样的任务和操作，“转化”就可以被定义为任何一个浏览者最终完成了网站期望他们去做的任务，比如：

开始使用某个产品

订阅网站内容

转移到某个特定页面

下载App或其它文件

提供用户信息

回答问卷

免费或折扣试用产品

浏览库

去阅读产品详情或服务等等

lp201607291

上面的是Knost设计的着陆页，它是一个摇滚乐队的网站。网页中不同的模块试图引导用户去做不同的任务，同时避免让用户觉得信息量过大。因此，一个浏览者需要花几秒钟时间浏览整页，然后找到他们想要进一步浏览的区域即可。

lp201607299

转化意味着你把一个潜在的被动用户转变成了活跃的主动用户，这些用户不仅仅是浏览网页信息，而是真的去使用了网页上提供的功能，可以说转化率的高低至关重要。着陆页在大多数的商业目的里，都专注于获取更多的浏览者，并提供能够激励用户进行下一步操作的信息。

作为一个成功的商人兼广告代理公司总监，Jeff Eisenberg有一个关于转化率至关重要的观点，十分明智：让业务成倍增长的秘诀并不在于成倍提高流量，而在于成倍提升转化率。很多事实都能证明了他的观点，而且着陆页通常仅提供有针对性的信息，也大大节省用户浏览的时间。

三、为什么我们需要着陆页？

从上文的例子中可以很容易的得到答案，再举个类比的例子：想象一下，你想去纽约逛一逛曼哈顿，这是你一生的梦想，突然你找到一项又便宜又快的服务能让你去纽约，是不是很棒？你拿起你的行李、带上相机，心中觉得梦想就快要实现，或是其他你想去的地方。这时你又觉得如何？在一个如此大的城市中寻找你想去地方，你在完成这段筋疲力尽的旅程后，或许会觉得不太开心吧。而那些人把你送到纽约，却把你一人丢在市里，让你自己去找曼哈顿在哪儿，这时候你才觉得，直达目标才最好，我想探索新鲜的城市，但不想因为找不到目的地而精疲力尽。那么同样的，作为一个页面的访问者，是不是也希望直达目标，而不是在复杂的网站上浏览太久？

这也正是着陆页承担的角色。当用户在外部看到特定产品、功能、信息或服务时，然后点击进入到站点，他并不会期望自己需要花大量的时间在首页的一堆链接和信息中去寻找自己想要的产品内容或页面。浏览者除了想要立马“着陆”到有用的信息页面，还希望能快速看到那些能够进一步帮助他们做出决策的信息内容。所以提供一个考虑周全的着陆页能够大大地帮助营销决策的实施，并且提升转化率。

lp201607293

上图是一个特别的案例，这是Ernest Asanov的关于博物馆的，它是一个试图推广艺术展览的着陆页。这个页面的目标在于提供给用户美观和谐又能突显重要的信息。页面的样式、颜色和动效都体现了一种极简主义的和谐感。

在Tim Ash、Maura Ginty和Rich Page的《着陆页优化：评估和提升转化率指南》一书里为设计师和营销者提供了在设计可交互的电子产品时需要留心的“残酷现实”：

如果访客没法很容易地找到某个内容，那这个内容等于不存在；

如果你想强调所有内容，那么所有内容都变得不重要；

任何内容出现加载的延迟都令人失望而失去耐心。

以上这些都印证了着陆页在维持用户注意力上的重要性，让你的内容更易被注意到、也更容易被找到。

着陆页可以说是一种强调某些特定内容的工具，也能让你的目标用户更有可能使用你的服务和产品。

在Cameron Chapman的著作《着陆页设计终极指南》里提到，一个营销者会犯的最大错误可能就是希望通过在网站首页堆放大量广告和公关活动以提升用户流量，却不在首页提供那些直达活动或推广链接的入口，让浏览网页的用户们摸不着头脑。

四、着陆页由哪些内容组成？

着陆页常常会用各式各样的创意去展现其内容，以吸引不同的目标群体。可以说着陆页根本不可能有统一的主题或结构，不过，着陆页需要提供的内容还是能够找出一些规律。页面的大小、包含多少模块、用了哪些视觉元素，这些都不是着陆页最重要的考虑因素，最重要的是如何让着陆页提供“有价值”的信息。

一般来说一个着陆页需要包含以下内容：

1）讲清楚你所展示的是什么（产品、服务、活动等），并提供刺激用户操作的元素。从用户的角度来说，他们要知道你能给他们提供哪些好处，即使没有非常具体的细节，至少用户能清楚地知道这些好处是什么并且这些好处确实有用。此时页面就可以同步地提供明显并且方便进一步查看或操作的按钮、表格填写、订阅服务等页面元素，吸引用户去点击。

2）口碑及信任感。人们总是倾向于相信那些被其他用户推荐的东西，也认为那些信息更有关注的价值。因此在着陆页上提供一些用户评价、社交网络的粉丝规模、获奖情况和资质证书等信息，可以让访问者产生更好的印象，从而更有可能进入下一步。

3）展现产品或服务的最主要的特征或卖点。这部分信息具有补充说明的作用，来丰富产品的展示和呈现。它能让用户得知更多细节，比如产品或服务所能达到的效用和应用的技术、能从哪些方面改善我的生活等。

要注意的是，这些信息会让着陆页变得更庞大，所以在提供这些细节信息是要通盘考虑整个网站的信息规划，而不是仅仅把信息都一股脑儿地堆到着陆页上去。

lp201607294

上图的案例来自Sergy Valiukh的着陆页设计，它提供了上文提到的所有内容元素。首先页面是一个有机食物商店的推广网页，包含了一些基本信息，例如商店名称、产品、服务的卖点、引导用户操作的各类按钮以及顾客评价的展示。设计者让整个页面信息很丰富，同时也不会过于复杂和冗长，有吸引力但也不会过于激进。

在滚动页面浏览时设计者还加入了动画效果，让整个浏览过程的体验更为丰富，各个视觉元素之间组成了页面的整体视觉主题，让重要信息更为突出。

lp201607298

五、从哪些方面着手能让着陆页更有效？

1）目标用户分析

每个着陆页的设计都离不开对用户群体的研究和分析。着陆页不是一个单纯的艺术品，而是市场推广和展示策略的融合。设计者必须将市场营销的目标和用户群体的特性牢记在心，把着陆页当做连接目标消费者和产品之间的桥梁。一个网页想要有高转化率，设计必须要事先进行对目标用户喜好、能力、心态的分析。不过要注意的是，没有一个着陆页可以让所有用户都喜欢，即便是最成功的商业运营也不会让每个人都满意。

2）市场分析和竞争对手分析

在设计着陆页之前你还需要分析现有竞争对手的策略。此前在文章《如何将广告策略运用到网页和App设计》里我们就讨论过如何将UX/UI设计和广告结合起来，其中的一个观点就是鼓励设计师去做竞品分析。着陆页是市场营销中的重要一环，市场分析也能帮助你产出更好的设计成果。更好地了解你的竞争对手，你才能少走弯路并且不让你的产品淹没在其它相似的万千产品中。

3）精简你的文案

广告界大咖Did Ogilvy说过“每一个字都要斤斤计较”，在你设计着陆页的时候必须牢记这个简单的道理。必须经过研究和测试才能决定用多少字的文案去展示信息，因为这些字直接决定了用户会不会买你的账。

不过话说回来，并不是每一个着陆页都要保持极少的文字字数。比如当你要宣传的是一个著名的公司或产品时，少量的文字就足以说清楚并且吸引用户进行下一步操作，然而，如果你要推广的是一个全新的产品或服务，那么则有必要多花些文字去让访问者了解更多。

lp201607295

上图展示的是Polina设计的一个公益组织的网页，页面中谨慎地使用了信息文字，辅以视觉，让用户得以了解俱乐部的活动。

4）品牌元素

很明显，着陆页应该着重展示logo、主题色、字体、标语和其它身份特征元素，你必须在你所呈现的产品、服务、活动和公司及其品牌视觉语言之间建立紧密的关系，这就提高了一般营销策略的效率。

5）视觉设计

在此前的文章里我们讨论过在界面中的视觉设计，人们通常对视觉元素更敏感，也更容易识别和认知视觉元素，即使它们是高度抽象的。在大多数情况下，人们认知和处理如图标和插图等图像化的内容比处理文字更快。大部分用户出于本能，也更容易被视觉元素所吸引。在上文列出的插图中，页面都提供了很有吸引力、具有信息量的图形化设计，它们让着陆页更吸引眼球，在访问者快速浏览时，能让他们产生审美的愉悦，同时减少阅读大段文字的时间。

6）找到卖点并吸引用户操作

着陆页的设计有两个关键因素。USP (Unique Selling Point) 独特的产品卖点，是顾客最关注的产品特性和优势。CTA(Call to Action) 是鼓励用户进行下一步操作的入口，你通过它们来实现用户的转化。有效的着陆页能够快速的传达卖点，并用醒目的、关于CTA的设计解决方案以及技术都值得用另开一篇文章，我们会在TubikBlog的下篇文章进行讨论。

7）减少加载时间

加载时间的长短是影响设计效果重要的元素之一。用户不喜欢浪费时间，同样也不会在为了看一个着陆页而等待太久。所以千万别让访问者等待，你要在设计着陆页的时候就要考虑设计方案是否会导致加载时间的延长。

8）展示

动态效果是一种很好的产品呈现方式，还能够避免用户花费精力看文字。能被运用在任何页面场景里，让网页更为动感和有趣。然而必须记住，很容易大大延长页面的加载时间，所以你得好好设计，让它们值得用户等待更多的加载时间。

9）响应式设计

几年前的《Think with Google》一文中提到了“响应式设计”这个有趣的概念，也从统计学的角度验证了响应式设计在网页设计中的重要性：

61%的用户表示，如果他们在手机浏览网页时无法快速找到目标信息，他们就会立刻放弃，去访问其它站点。

79%的用户遇到不喜欢的页面，会返回重新搜索其它站点。

50%的用户如果一个服务在手机网页上很难浏览或操作，即便这个服务在功能上再成功，他们也不愿意经常使用。

有可能上面这些统计数字在今天会变得更高，因为越来越多的用户每天都使用移动设备，所以千万别忽略了着陆页在手机等移动设备上的显示效果。

10）减少让用户分心的元素

前文已经提过，着陆页应该让用户能够保持专注力，所以你得去除页面上那些会让用户分心的信息，并加强会影响转化效率的关键信息的展示。越少的额外链接越好，应该以最容易被注意到的方式展现引导用户进行下一步操作的元素，以便用户能够找到并完成他们的操作任务。