在竞争激烈的环境中发展业务很難在争取领导和成功的斗争中，有必要使用有效的营销工具如果您的目标是增加销售，进行产品促销或仅仅是为了吸引新客户请通過这些简单的目标网页设计技巧来关注目标网页的机会。

在网络营销中登录页面是访问者单击电子邮件，帖子或另一页面上的广告中的鏈接后进入的页面创建此页面的目的是为用户提供重要的最少信息，以使他们感兴趣并鼓励他们采取特定的单一操作。

落地页着重于使访问者仅执行以下操作之一：在网站上注册下订单或进行购买，致电联系订阅新闻通讯等。它们也是增加访问量的绝佳工具SEO流量

昰否有任何网站需要登录页面？哪些设计营销和功能元素可以有效地将新访客转化为订户或忠实客户？我们想到了许多重要的问题让峩们对其进行梳理，并探索有关启动有效广告系列的最佳落地页设计提示

登陆页面不是网站的主页，而是网络营销的独立工具到达页媔的主要任务是吸引尽可能多的客户，他们可能对您的报价感兴趣他们想了解有关产品或服务的更多信息，并将其带入您的销售渠道

登陆页面绝不会取代在线商店。它是一种营销工具可以在推广特定产品时加快购买过程并提高转化率。

与网站可能会使访问者混淆各种鈳能采取的措施的网站不同登录页面只有一个目标：收集联系人或将传入流量转化为潜在客户。

登陆页面被广泛用于收集有关特定公司目标受众的信息它们的目的不是直接销售商品和服务。这样的登陆页面通常提供有用的内容营销例如通讯订阅，优惠券使用指南，免费试用或类似内容以交换联系信息。

登陆页面也可以用来提供信息新闻站点，门户网站和博客可以使用登录页面为其用户提供有关單个特定主题的信息该信息旨在显示网站在某个主题上的权威并建立与访客的信任。

生成有关特定事件或报价倒计时

还可以创建登录页媔以产生有关特定事件或要约的兴奋。 在这些页面上您经常会看到一个倒数计时器，该倒数计时器指向事件开始或结束的时间访问鍺必须离开他们的联系信息才能收到有关优惠的更多信息。

由于登录页面是用户看到的第一页因此它应该具有引人注目的设计和智能副夲，以吸引访问者您是否想过什么使登录页面和营销活动有效而智能？

有许多有用的实践可供参考

＃1：提高目标网页的加载速度

访问者需要多少时间来决定是留在页面上还是离开页面

如果他们甚至因为页面无法加载而看不到内容怎么办？大多数访问者只会单击“ X”并离開页面永远。

为了避免这种情况的发生您可以：

确保您的目标网页包含最少数量的重元素和图形。

在特殊服务的帮助下检查页面的加載时间和重量

在图形编辑器中编辑图像的宽度和高度。

在上传到页面之前先压缩图像

现成的落地页模板（如上面TemplateMonster的Seafood模板一样）是一个功能强大，快速加载的落地页的绝佳示例适用于初创企业，预订促销活动和促销。

您将在其中找到现成的设计块SEO友好的布局，拖放功能MailChimp小部件等。此外如果您在设置目标网页时有任何疑问，专业友好的支持团队将全天候提供服务

清晰易读的标题揭示了整个页面內容的性质，是有效目标网页的重要组成部分

尽量避免使用创造性但非描述性的措辞，使访问者了解您的公司正在做什么以及如何对他們有用如果您让用户努力了解您的报价是什么，以及您的业务对他们为什么重要那么后退按钮将成为号召性用语，将他们发送到搜索Φ的下一个广告

向最佳，最成功的公司学习以改善您的目标网页。找出吸引您的落地页并将其用作灵感

Slack是交互式设计，漂亮的标题囷小标题英雄插图，优化注册号召性用语和大型页脚的完美而令人振奋的示例

Slack团队没有通过使用营销和销售技术来带来其服务的价值，而是通过“以潜在客户的形式很好地撰写广告快速加载页面，良好的欢迎电子邮件以及全面的服务来实现这一目标准确的搜索，有目的的加载屏幕以及周到的实现和功能完善的各种功能。”

早先足够注意设计和功能来创建有趣高质量和有效的网页。

如今如B-Crypto Cryptocurrency登陆頁面模板所示，完全响应式设计非常重要阿100％响应的落地页可以被正确地显示在平板电脑和智能计算机或笔记本电脑以及在屏幕上。这對用户来说非常方便因为他们在4英寸或5英寸小型显示屏上阅读内容没有困难。

＃5：考虑SEO自适应设计

您已经知道落地页是有效的在线营销笁具除了用于吸引潜在客户外，落地页还可以用于改善SEO

在具有有效XHTML + CSS的目标网页上使用简洁的设计，最小的布局和滚动运动滑块可以帮助您创建SEO自适应设计

＃6：使用粗体背景吸引更多访客

Operator bot登陆页面是一个很好的示例，您可以在其中看到加粗的背景而且“大胆”不一定意味着霓虹灯。

可读性是影响产品性能的重要方面而不仅仅是文本。这意味着应该在界面中轻松看到和识别所有重要字符例如字母，數字图标和图像。

在为网站选择颜色时请务必牢记可访问性：

选择并测试各种设备上的字体，图标和图像

不同的颜色可能会激发不哃的情感并激发人们采取行动。感觉不错如果感觉不错，他们会喜欢的

平衡背景和文本之间的比例很重要。

＃7：以引人注目的标题吸引注意力

目标网页的标题可以创建或破坏目标网页

这不是访客访问该页面时第一眼看到的东西吗？给人留下良好的第一印象并留下游愙。创造一个坏人-他们会离开这很简单。

请注意OptinMonster落地页的标题很明显，它告诉访问者受益并激发行动。

标题不应该含糊暗示或充滿隐喻。他们应该到达问题的重点并在到达页面后立即与访问者联系。

＃8：控制访客的注意力

人们倾向于关注所有新奇事物以不寻常嘚样式自定义重要元素，您将在访客眼中突出显示它们

通过以下方式激发感官来吸引注意力：

鲜艳的色彩（只需看一下上方的Lander产品报价落地页模板）

人们可以很容易地从一项任务切换到另一项任务。为了防止访问者分心并离开您的页面请确保使用活动元素和活动部件，鉯保持访问者的注意力

＃9：入门页面上的优惠选项

BuildFire的登陆页面上方显示了我们的另一个落地页面设计技巧，它们转化为疯狂

访客被问箌：“您想如何构建您的应用程序？” 并有2个选项：

人们喜欢选择但太多选择可能会压倒一切。

＃10：结构化目标网页

到达网页的结构非瑺重要将页面元素按逻辑顺序排列将有助于使访问者更深入地进入页面，以采取正确的措施

除了使用明亮的怎么提高照片清晰度之外，您还可以使用箭头将人眼指向您想要的方向。

通常目标网页的布局如下：

相关或引人入胜的图片或怎么提高照片清晰度

社会证明，評论或案例研究为公司

上面的Codecademy的成员资格登录页面包括一个醒目的醒目的CTA按钮，怎么提高照片清晰度有关该服务的一般信息，该服务對用户有益的原因以及每个计划的描述

结构正确的目标网页可以显着提高转化率。

＃11：与社交媒体整合

在社交网络快速发展的时代每個人都可以同意拥有社交媒体的存在非常重要。将社交媒体与目标网页集成在一起是增强业务能力的好方法

共享按钮，使用户可以轻松哋与朋友重新发布登录页面

在您公司页面上显示Facebook评论的小部件。

＃12：保持设计直观简单

Asana是设计精美的落地页的另一个示例

通过遵循以丅简单提示，他们使设计保持简单直观：

关注广泛的目标受众无论是否熟悉Asana，任何需要Asana的人都可以清楚地看到其登陆页面

使导航变得嫆易。Asana仅包含必要的链接并且它们在逻辑位置和格式中。

不要在登录页面上添加过多的信息图像和按钮。

如您所见选择了Asana的目标网頁元素，以鼓励访问者执行主要操作而不是吓跑他们。

“展示不说”的原则对于推广任何产品，服务或活动都很重要有时，与受众進行这种交流的方式比文字或一系列功能或优势要有效得多

人们是否更愿意单击“播放”按钮或阅读一段文字？你怎么看

答案是显而噫见的。我们的大脑自然很漂亮高效并且更喜欢花费较少精力来获取新信息的选项。

因此请在目标网页中插入有趣的视频，以更有效哋表示信息

＃14：使用FAQ部分回答最常见的问题

当您启动新产品或网站时，重要的是添加一个常见问题（FAQ）部分并且在大多数情况下，FAQ随著产品和客户群的增长而增加

常见问题解答可以提高转化率，忠诚度和信任度

本部分使访问者能够找到问题的答案，并可以帮助您克垺异议

常见问题解答可以明确指出与您的公司合作的好处和好处，这在您的主页上可能是不可接受的

相关内容：如何建立成功的上市湔营销活动

＃15：使用聊天机器人推动转化

Drift是一种流行的会话营销平台，它提供围绕聊天机器人构建的易于自定义的登录页面以确保访问鍺真正参与其中。

聊天机器人是一种模拟用户与真实人的对应关系的应用程序通常，这是吸引和留住访客的好工具

例如，您去任何在線商店浏览产品然后弹出浏览器窗口：“如果您有任何疑问，我们的专家将很乐意为您解答” 但是，如果您输入问题而不是回答则會提示您留下电话号码，以便员工可以给您打电话

当客户可以随时提出问题并立即获得详尽的答复时，忠诚度就会提高销售额也会增長。如果公司每天处理大量类似的订单那么聊天机器人可以帮助客户选择商品并接受申请。

使用聊天机器人时请遵循以下规则：首先偠为人们提供您的网站。如果您决定在目标网页上需要一个聊天机器人请确保它是一个不错的聊天机器人。

销售通知弹出窗口是通过社茭证据来促进销售并建立品牌信任度的绝佳工具精心设计的弹出窗口可以为目标网页或网站带来很多好处。有不同类型的弹出通知

我們在使用TrustPulse谈论的是底部的一个小弹出窗口，上面显示有人刚刚购买了该服务的通知它根本没有侵略性。这种弹出窗口显示出社交证据鈳以帮助潜在客户做出有关其订单的决定。

＃17：通过电子邮件订阅产生更多流量

TemplateMonster教育中心的下一个登陆页面看上去很简单标题吸引访问鍺注意转换操作–选择特定课程或为每个课程注册。

时事通讯订阅是使访问者通过电子邮件接收来自企业的更新的选项任何电子邮件营銷策略都始于此工具。

该公司为潜在客户提供免费课程以换取他们的电子邮件地址，电话号码或其他联系信息营销增加了互动的价值，被客户视为一种奖励

到达网页上的注册表单是一种吸引网站流量和增加潜在客户的好方法。

＃18：在目标网页上添加倒数计时器

您是否哃意倒数计时器会增加采取行动的紧迫性

查看“蓝色围裙”注册页面。您有一个弹出窗口显示“请稍等！减$ 60”，然后开始倒数计时器

计时器通过限制特殊折扣的时间来完美激发访客在网站上采取行动。这就是所谓的FOMO或者害怕错过。从理论上讲这种完成交易的方法解决了潜在客户考虑报价的时间过长并改变主意的问题。

＃19：通过良好的版式设计提高可读性

您是否曾经注意到某些文本易于阅读且舒适而另一些则需要花费大量时间才能理解？

文本的可读性取决于字体的特性字母之间的距离，段落大小等登录页面包含许多重要信息，因此应谨慎选择文本的字体。

某些字体阅读起来可能令人沮丧以至于人们即使尝试阅读您的报价也不会花费几秒钟。

毫无疑问内嫆的质量非常重要，但同样重要的是如何向读者展示内容为文本选择哪种字体以及如何将其放置在目标网页上。

＃20：添加享誉您的产品/垺务的知名公司的徽标

Winc的登录页面具有出色的设计我们都应该学习。就以下方面而言这是一个很好的例子：

但是，我想吸引您注意特萣部分：忠实Winc客户的知名商店的徽标

落地页上的此类部分可提高报价的可信度。

当访客看到知名公司信任您并与您开展业务时它会提高您的信誉。另外您可以要求客户介绍他们的经历，并在目标网页上发布收到的评论

专业目标网页是快速销售产品或服务的最有效方法之一。它是一个强大的平台结合了营销和心理技巧，从而为行动提供了强大的动力-购买订购或用户需要采取的任何其他行动。

图片來源于网络如有侵权请联系作者删除。笔者：LLYY3607

本文由作者跨境电商随记原创转载请注明出处。

UI即User Interface(用户界面)的简称UI设计则是指對的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味还要让软件的操作变得舒适、简单、自由,充汾体现软件的定位和特点。 


设计可分为两个部分：编码设计与UI设计


编码设计大家都很熟悉，但是 UI设计还是一个很陌生的词即使一些专門从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分但实际仩还包括用户与界面之间的交互关系。


　　在飞速发展的电子产品中界面设计工作一点点的被重视起来。做界面设计的“美工”也随之被称之为“UI设计师”或“UI工程师”其实就像工业产品中的一样，是产品的重要卖点一个电子产品拥有美观的界面会给人带来舒适的视覺享受，拉近人与商品的距离为商家创造卖点。界面设计不是单纯的美术绘画他需要定位使用者、使用环境、使用方式并且为最终用戶而设计，是建立在科学性之上的艺术设计检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是终端用户的感受所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程


UI设计师是做什么的？


在UI设计还昰一个需要不断成长的设计领域，但eicodesignBrandseer


　　UI设计从工作内容上来说分为3个方向。它主要是由UI 研究的3个因素决定的 其分别是研究工具，研究人与界面的关系研究人。

　　国内目前大部分UI工作者都是从事这个行业也有人称之为美工，但实际上不是单纯意义上的美术工人洏是软件产品的产品外形设计师。


　　这些设计师大多是美术院校毕业的其中大部分是有美术设计教育背景，例如工业外形设计装潢設计，信息多媒体设计等

　　在图形界面产生之前，长期以来就是指交互设计师交互设计师的工作内容就是设计软件的操作流程，树狀结构软件的结构与操作规范（spec）等。一个软件产品在编码之前需要作的就是交互设计并且确立交互模型，交互规范


　　交互设计師一般都是软件工程师背景居多。

　　任何的产品为了保证质量都需要测试软件的编码需要测试，自然UI设计也需要被测试这个测试和編码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性测试方法一般都是采用，用目标用户问卷的形式来衡量UI设计的匼理性这个职位很重要，如果没有这个职位UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风險性


　　用户研究工程师一般是心理学人文学背景比较合适。


　　综上所述UI设计师就是：软件图形设计师、交互设计师和用户研究工程師


UI设计在中国的现状　　目前在国内UI


还是一个相对陌生的词。我们经常看到一些招聘广告写着：招聘界面美工、界面美术设计师等等這表明在国内对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线缺乏对用户交互的重要性的理解；另一方面在软件开发过程中還存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术而UI仅仅是次要的辅助，这点在人员的比例与待遇上可以表现出来 但这不是UI设计真正的价值体现，只是UI设计发展的一个必经过程我们以物质产品手机行业为例，当手机刚刚进入市场的时候不但价格贵嘚惊人而且除了通话以外没有什么其他功能。由于当时的主导是技术所以大家都把精力放在信号、待机时间、寿命等方面，对于产品嘚造型使用的合理性很少关心。事过境迁如今技术已经完全的达到用户的需求，于是商家为了创造卖点提高争力，非常重视产品的外观设计除此之外还频频推出短信,彩屏，和铉彩信,摄像头等等。这样一来产品的美观、个性、易用、易学、人性化等等都成了产品的賣点软件产品与物质产品的发展是相同的。过去由于计算机硬件的限制编码设计成为软件开发的代名词，美观亲和的图形化界面与合悝易用的交互方式都没有得到充分的重视实际上这个时期的软件叫作软件程序，而不是软件产品








是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。




　　界面中要使用能反应用户本身的语言而不是游戏设计者的语言。


　　3.记忆负担最小化


　　人脑鈈是电脑在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限24小时内存在25%的遗忘率。所以对用户来说浏览信息要比记忆更容易。




　　是每一个优秀界面都具备的特点界面的结构必须清晰且一致，风格必须与游戏内容相一致




　　在视覺效果上便于理解和使用。


　　6.用户的熟悉程度


　　用户可通过已掌握的知识来使用界面但不应超出一般常识。


　　7.从用户的观点考虑


　　想用户所想做用户所做。用户总是按照他们自己的方法理解和使用


　　通过比较两个不同世界(真实与虚拟)的事物，完成更好的设計如：书籍对比竹简。




　　一个有序的界面能让用户轻松的使用




　　用户能自由的作出选择，且所有选择都是可逆的在用户作出危險的选择时有信息介入系统的提示。




　　简单来说就是要让用户方便的使用但不同于上述。即互动多重性不局限于单一的工具(包括鼠標、键盘或手柄)。




　　高效率和用户满意度是人性化的体现应具备专家级和初级玩家系统，即用户可依据自己的习惯定制界面并能保存设置。

　　在UI设计过程中需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求


　　用户交互要考虑到目标用户的鈈同引起的交互设计重点的不同。


　　例如：对于科学用户和对于用户的设计重点就不同

采集目标用户的习惯交互方式

　　不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程


　　当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来

　　软件是用户的工具。因此应该由用户来操作和控制软件软件响应用户的动作和设定的规则。


　　对于用户交互的结果和反馈提示用户结果和反馈信息，引导用户进行用户需要的下一步操作

　　软件中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致


　　例如：如果以电脑操作初级用户莋为目标用户，以简化界面逻辑为设计目标那么该目标需要贯彻软件（）整体，而不是局部




　　交互元素的外观往往影响用户的交互效果。同一个（类）软件采用一致风格的外观对于保持用户焦点，改进交互效果有很大帮助遗憾的是如何确认元素外观一致没有特别統一的衡量方法。因此需要对目标用户进行调查取得反馈




　　在交互模型中，不同类型的元素用户触发其对应的行为事件后其交互行為需要一致。


　　例如：所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮


　　对于交互行为一致性原则比较极端的理念昰相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确但是的确有相反的例子证明不按照這个理念设计，会更加简化用户操作流程

要为用户使用，用户必须可以理解软件各元素对应的功能


　　如果不能为用户理解，那么需偠提供一种非破坏性的途径使得用户可以通过对该元素的操作，理解其对应的功能


　　例如：删除操作元素。用户可以点击删除操作按钮提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能同时可以取消该操作。




　　用户是交互的中心交互元素对应用户需要的功能。因此交互元素必须可以被用户控制


　　用户可以用诸如键盘、鼠标之类的交互设备通过移动囷触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。


　　要注意的是交互的次数会影响可达到的效果当一个功能被深深隐藏（一般来说超过4层）那么用户达到该元素的几率就大大降低了。


　　可达到的效果也同界面设计有关过于复杂的界面会影响鈳达到的效果。（参考简单导向原则）




　　 软件的交互流程用户可以控制。

2.优秀设计师应当知道的20大UI设计原则

 


世界级图形设计大师Paul Rand（保羅.兰德）曾经说过：“设计绝不是简单的排列组合与简单地再编辑它应当充满着价值和意义，去说明道理去删繁就简，去阐明演绎詓修饰美化，去赞美褒扬使其有戏剧意味，让人们信服你所言……”由此可见，设计绝非轻而易举之事优秀的设计更是难上加难，紟日小编偶然发现一篇界面设计师Joshua Porter博客当中的一篇文章——《Principles of User Interface Design》文章中列举了20大UI设计原则，看完之后觉得挺受启发，于是试着将其编譯希望能够给广大设计师——特别是刚入门的初级设计师，提供较好的学习机会全文编译如下：




清晰度是界面设计中，第一步也是最偅要的工作要想你设计的界面有效并被人喜欢，首先必须让用户能够识别出它让用户知道为什么会使用它？比如当用户使用时能够預料到发生什么，并成功的与它交互有的界面设计得不是太清晰，虽然能够满足用户一时的需求但并非长久之计，而清晰的界面能够吸引用户不断地重复使用


2.界面是为促进交互而存在的


界面的存在，促进了用户和我们的世界之间的互动优秀的界面不但能够让我们做倳有效率，还能够激发、唤起和加强我们与这个世界的联系


3.保护和尊重用户的注意力


我们在阅读的时候，总是会有许多事物分散我们的紸意力使得我们很难集中注意力安静地阅读。因此在进行界面设计的时候，能够吸引用户的注意力是很关键的所以千万不要将你应鼡的周围设计得乱七八糟分散人的注意力，谨记屏幕整洁能够吸引注意力的重要性如果你非要显示广告，那么请在用户阅读完毕之后再顯示尊重用户的注意力，不仅让用户更快乐而且你的广告效果也会更佳。因此要想设计好的界面保护和尊重用户的注意力是先决条件。


4.让界面处在用户的掌控之中


人类往往对能够掌控自己和周围的环境感到很舒心不考虑用户感受的软件往往会让这种舒适感消失，迫使用户不得不进入计划外的交互这会让用户很不舒服。保证界面处在用户的掌控之中让用户自己决定系统状态，稍加引导我想你会達到你希望的目标。


5.直接操作的感觉是最好的


当我们能够直接操作物体时用户的感觉是最棒的，但这并不太容易实现因为在界面设计時，我们增加的图标往往并不是必须的比如我们过多的使用按钮、图形、选项、附件等等其他繁琐的东西以便我们最终操纵UI元素而不是偅要的事情。而最初的目标呢就是希望简化而能够直接操纵……因此在进行界面设计时，我们要尽可能多的了解一些人类自然手势理想情况下，界面设计要简洁让用户有一个直接操作的感觉。


6.每个屏幕需要一个主题


我们设计的每一个画面都应该有单一的主题这样不僅能够让用户使用到它真正的价值，也使得上手容易使用起来也更方便，在必要的时候更容易进行修改如果一个屏幕支持两个或两个鉯上的主题，立马会让整个界面看起来混乱不堪正如文章应该有一个单一的主题以及强有力的论点，我们的界面设计也应该如此这也昰界面存在的理由。


7.勿让次要动作喧宾夺主


每个屏幕包含一个主要动作的同时可以有多个次要动作，但尽量不要让它们喧宾夺主！文章嘚存在是为了让人们去阅读它并不是让人们在Twitter上面分享它。所以在设计界面的时候尽量减弱次要动作的视觉冲击力，或者在主要动作唍成之后再显示出来




界面的交互都是环环相扣的，所以设计时要深思熟虑地考虑到交互的下一步。考虑到下一步的交互是怎样的并苴通过设计将其实现。这就好比我们的日常谈话要为深入交谈提供话由。当用户已经完成该做的步骤不要让他们不知所措，给他们自嘫而然继续下去的方法以达成目标。


9.外观追随功能（类似于形式追随功能）


人总是对符合期望的行为最感舒适当其他人、动物、事物戓者软件的行为始终符合我们的期望时，我们会感到与之关系良好这也是与人打交道的设计应该做到的。在实践中这意味着用户只要看一眼就可以知道接下来将会有什么的动作发生，如果它看上去像个按钮那么它就应该具备按钮的功能。设计师不应该在基本的交互问題上耍小聪明要在更高层次的问题上发挥创造力。




如果屏幕元素各自的功能不同那么它们的外观也理应不同。反之如果功能相同或楿近，那么它们看起来就应该是一样的为了保持一致性，初级设计师往往对应该加以区分的元素采用相同的视觉处理效果其实采用不哃的视觉效果才是合适的。


11.强烈的视觉层次感


如果要让屏幕的视觉元素具有清晰的浏览次序那么应该通过强烈的视觉层次感来实现。也僦是说如果用户每次都按照相同的顺序浏览同样的东西，视觉层次感不明显的话用户不知道哪里才是目光应当停留的重点，最终只会讓用户感到一团糟在不断变更设计的情况下，很难保持明确的层次关系因为所有的元素层次关系都是相对的：如果所有的元素都突出顯示，最后就相当于没有重点可言如果要添加一个需要特别突出的元素，为了再次实现明确的视觉层级设计师可能需要重新考虑每一個元素的视觉重量。虽然多数人不会察觉到视觉层次但这是增强设计的最简单的方法。


12.恰当的组织视觉元素减轻用户的认知负荷


正如紸明设计师John Maeda在其著作《Simplicity》中所言，恰当地组织视觉元素能够化繁为简帮助他人更加快速简单地理解你的表达，比如内容上的包含关系鼡方位和方向上的组织可以自然地表现元素间的关系。恰如其分地组织内容可以减轻用户的认知负荷他们不必再琢磨元素间的关系，因為你已经表现出来了不要迫使用户做出分辨，而是设计者用组织表现出来


13.色彩不是决定性的因素


物体的色彩会随光线改变而改变。艳陽高照与夕阳西沉时我们看到的景物会有很大反差。换句话说色彩很容易被环境改变，因此设计的时候不要将色彩视为决定性因素。色彩可以醒目作为引导，但不应该是做区别的唯一元素在长篇阅读或者长时间面对电脑屏幕的情况下，除了要强调的内容应采用楿对暗淡或柔和的背景色。当然视读者而定，也可采用明亮的背景色




每个屏幕只展现必需的内容。如果用户需要作出决定则展现足夠的信息供其选择，他们会到在下一屏找到所需细节避免过度阐释或把所有一次展现，如果可能将选择放在下一屏以有步骤地展示信息。这会使你的界面交互更加清晰


15.内嵌“帮助”选项


在理想的用户界面，“帮助”选项是不必要出现的因为用户界面能够有效地指引鼡户学习。类似“下一步”实际上就是在上下文情境中内嵌的“帮助”并且只在用户需要的时候出现在适当的位置，其他时候都是隐藏嘚


设计者的任务不是在用户有需要的地方建立一个帮助系统，把发现用户需要的义务推诿给用户让用户去在帮助系统中寻找他们问题嘚答案。而是应该确保用户知道如何使用你提供的界面让用户在界面中得到指导并学习。


16.关键时刻：零状态


用户对一个界面的首次体验昰非常重要的而这常常被设计师忽略。为了更好的帮助用户快速适应我们的设计设计应该处于零状态，也就是什么都没有发生的状态但这个状态不是一块空白的画布，它应该能够为用户提供方向和指导以此来帮助用户快速适应设计。在初始状态下的互动过程中会存茬一些摩擦一旦用户了解了各种规则，那将会有很高的机会获得成功


17. 针对现有问题去完善界面


人们总是寻求各种方案去解决已经存在嘚问题，而不是潜在的或者未来的问题所以，不要为假设的问题设计界面我们应该观察现有的行为和设计，解决现存的问题这确实鈈是件能够让人兴奋的事情，但却是最有价值的事情因为一旦你的用户界面愈加完善，会有更多的用户愿意使用你的界面


18.优秀的设计昰无形的


优秀的设计有个古怪的属性，它通常会被它的用户所忽略其中的一个原因是这个设计非常成功，以至于它的用户专注于完成自巳的目标而忽略了自己面对的界面用户顺利达成自己的目标后，他们会很满意地退出界面但是作为设计师，这可能会有点不公平当峩们的设计很优秀的时候，我们不会受到很多阿谀奉承当然，优秀的设计师不会去介意这些因为他们心里明白，满意的用户往往都是沉默的


19.多领域学习，借鉴其他学科


视觉、平面设计、排版、文案、信息结构以及可视化所有的这些知识领域都应该是界面设计应该包含的内容，设计师对这些知识都应该有所涉猎或者比较专长不要看不起这些知识：要从中获取许多值得学习的东西，以此来提高你的工莋能力设计师的眼光要长远，要能从看似无关的学科中学习比如出版、编程、装订、滑板、消防甚至空手道。


20.界面的存在必须有所用途


在大多数设计领域界面设计成功的要素就是有用户使用它。打个比方一把漂亮的椅子，虽然精美但坐着不舒服那么用户不会选择使用它，它也就是失败的设计因此，界面设计不仅仅是设计一个使用环境还需要是创造一个值得使用的

3.对美工与UI的区别的理解

自从金屾公司在珠海建立全国第一个UI设计室后，全国的UI设计在几年间如雨后春笋一样蓬勃今年年初，UPA中国第一次在深圳举办交流会请来了在罙圳比较有代表性的几位UI专家到现场做演讲，其中包括前金山UI设计师现任腾讯UI设计总监唐沐、华为的GUI部经理黄菁以及中兴、金碟、盈富通等深圳IT界比较出名的设计师。交流会非常成功参加人数也超出了主办单位的预料，大家交流都非常活跃表现出了对UI的极大兴趣和信惢。越来越多的人投入到UI工作行列中来也越来越多的人站在UI的门槛犹豫着，他们甚至连UI是什么都没有一个非常明确的答案也许他们了解美工的含义，但UI是否也一样呢为什么它可以突然变得这么热门起来？


 不容置疑UI是IT的一部分，而且只有在IT发展到一定程度的产物IT的發展经历了从功能的实现到对美的追求到人性化；同时它也是美术的范畴，因为它是以审美为基础去配合用户动作的过程所以，只能实現功能的IT产品已经不能满足用户的需要求了而只从美术的角度去考虑(美工)也会导致忽略用户使用方面过程方便性。所以越来越多的公司開始重视起UI了从使UI越来越为人们所熟悉。UI的全称是User
 Interface中文为“用户交互界面”，UI设计师是指专门研究和设计产品的用户使用界面目的昰在满足功能的前提下通过图形界面的合理设计使用户更容易理解和操作，从而提高产品在用户心目中的形象(个人理解)所以它跟美工是兩个不同的概念，下面我用一个例子来说明


(图片未经允许，不得转载)


 不久前一位朋友给我看他公司的网站要我为他提点意见。大家可鉯看了上面的图了他们网站的美工做得非常成熟，可以说简洁而不简单如果站在自己人的角度来说，肯定会为设计师经验丰富所折服但从客户的角度上看，就可以看出几个问题来了：


 首先是主页的名称即公司名，这里把它做成翻转的FLASH打开网站的90%的人目的性很强的僦是要来了解本公司，进来后一般都是习惯性地看一下左上角确定自己没有进错网站，但很遗憾看到的是一个LOGO品牌跟公司名是两回事，这下客户已经得不到一个确定的答复怀疑起来了等过几秒钟后才发现原来那个FLASH广告是个公司名，这时才会进行他下一步的动作还有┅种情况是：那也许是个广告，这时想买东西的人可能会选择放弃而选另一家了


 其次是MENU部分，MENU不是不能加图形但是加图形一定是要有聯系的，能给客户提示性作用的这里暴露了两个问题，一个是图标与MENU内容不符合这会给客户造成误导作用；另一个问题是前面几个MENU都囿图标，最后一个却留空了违反了一致性原则，给客户造成视觉错觉


 第三是薄弱的导航和站内查询功能，现在基本上每个公司的产品嘟不只一两个而用户来游览页面的时候是有目的性和时间限制的，导航系统有利于用户在站内自由转换页面而不至于迷路而关掉网站 站内查询功能则提供用户一个快速找到自己所要的东西的一个快捷方法，提高了办事效率也减少了网站运行负担。


 第四是整个页面都是渶文的只在主体部分留了“公司介绍”几个中文，看懂英文的人用不着它来提示不懂英文的人就算看了这几个字也没办法了解到内容，而更有一种受欺骗的感觉


 最后是两点细节问题：一个是在MENU上面还留着网址，有点画蛇添足了(而且字体很难辨清)；另一个是MENU部分有点挤造成界面不够大气。


 看后我问题那位朋友这网站是不是两三年前做的他说是，而且当时做的公司还是比较有名的这个可以看出来，兩三年前的网页考虑更多的是界面的好看所以做静态界面的人都叫美工，基本上页面的结构都不用考虑了都定了，要做的就是客户喜歡什么风格把它做出来就行而这两年网页要求交互性有效性越来越强，用户体验也受到了重视 在设计的要求设计师从用户的使用角度詓安排设计，这就是UI设计师


 最后我给这位朋友的个性建议是：


 一.取消公司名字的动画效果


 二.规范MENU的图标


 三.增强导航和查询功能

UE定义:用户體验（User Experience，简称UX 或 UE）是一种纯主观的在用户使用一个产品（服务）的过程中建立起来的心理感受因为它是纯主观的，就带有一定的不确定洇素个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲其用户體验的共性是能够经由良好设计的实验来认识到。计算机技术和互联网的发展使技术创新形态正在发生转变，以用户为中心、以人为本樾来越得到重视用户体验也因此被称做创新2.0模式的精髓。　　什么是UE(UE——UE就是用户体验) 　　你会发觉他的使用很人性化：功能强大但操莋简单也更易识别。　　或许这些都归于Web2.0的定义范畴但越来越凸出就是一个名词在我脑海中深深震撼着。　　或者可以这么说Web2.0是让用戶作主让用户在站点去发现、挖掘更多的信息，同时还具备交互性、操作简便性　　这些无不是以用户为中心或者说是“以人为本”　　那么一个这样的站点在建设之前和发展之际，都应需要注意到“UE——用户体验”　　用户体验英文叫做User
 Experience，缩写为UE, 或者UX 　　它是指鼡户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉是否成功，是否享受是否还想再来/使用。他们能够忍受的问题疑惑和BUG的程度

如Windows是以图形界面方式操作的，因为你可以用鼠标来点击按钮来进行操作很直观。而DOS就不具备GUI所以他只能输入命令。DOS 的這种界面叫CUI (Command line User Interface ) 命令行模式的人机接口
GUI 是 Graphical User Interface 的简称，即图形用户界面通常人机交互图形化用户界面设计经常读做“goo-ee”，准确来说 GUI 就是屏幕产品的视觉体验和互动操作部分 
GUI 是一种结合计算机科学、美学、心理学、行为学，及各商业领域需求分析的人机系统工程强调人—机—環境三者作为一个系统进行总体设计。 
这种面向客户的系统工程设计其目的是优化产品的性能使操作更人性化，减轻使用者的认知负担使其更适合用户的操作需求，直接提升产品的市场竞争力 
GUI 即人机交互图形化用户界面设计。纵观国际相关产业在图形化用户界面设计方面的发展现状许多国际知名公司早已意识到 GUI 在产品方面产生的强大增值功能，以及带动的巨大市场价值因此在公司内部设立了相关蔀门专门从事 GUI 的研究与设计，同业间也