• 设计大咖集结 为Wacom产品体验会打call

    分享创意创作感悟,体验Wacom产品魅力。11月8日,Wacom产品体验会在北京成功举办。Wacom全球执行副总裁林强致欢迎辞Wacom全球执行副总裁林强,意大利宾利法里纳设计公司上海分部汽车设计师黄永诚,单喜品牌创始人、设计师张丹丹,上海绘灵学院创始人邵梁,资深电影游戏概念设计师王俊雄,电影《寻龙诀》的美术画师,著名美术指导李飙,第七届中国大学生电视节制片人袁成杰,以及来自汽车、服装、影视、IT等行业媒体编辑记者参加此次产品体验会。Wacom产品展示据介绍,此次体验会主要针对Wacom全新影拓Pro数位板,新帝Pro数位屏及Wacom MobileStudio Pro创意移动电脑/工作站等三款公司旗下的重磅级产品。全新影拓 Pro数位板的厚度不足半英寸,纤薄外观,配置触控环、多点触控和ExpressKeys可创建自定义快捷方式,进一步加快创作工作流程;采用Wacom Pro Pen 2技术的新帝Pro数位屏专为希望使用数位笔在屏幕上直观创作的专业艺术家和设计师而打造,无论是使用Mac还是PC,用户都可以直接在屏幕上创作,尽享自然的笔体验;Wacom MobileStudio Pro创意移动电脑/工作站,采用新研发的Wacom Pro Pen 2,压感笔的准确性和压力灵敏度要比公司之前推出的专业压感笔提高4倍,配有包括3D摄像头在内的强大创意工具,并且能够运行完整版软件,让专业2D、3D和CAD艺术家及设计师能够随时随地发挥创造力。Wacom产品体验会活动现场照片在体验会上,来自Wacom公司的产品经理详细介绍了上述三款产品的技术特性和独到优势。Wacom产品已在世界各地被广泛地应用于创作那些最激动人心的数字艺术、电影、特技、时装和设计,使商业和家庭用户能以自然丰富的方式表现自我。单喜服装品牌创始人服装设计师张丹丹精彩演讲在案例分析环节,意大利宾利法里纳设计公司上海分部汽车设计师黄永诚,单喜品牌创始人、设计师张丹丹,上海绘灵学院创始人邵梁,资深电影游戏概念设计师王俊雄分别结合各自的从业经历,分享了个人的创作体验,以及对Wacom公司旗下产品的使用感受。设计师们一致表示,Wacom产品内外兼修,外观美感实在,内在功能非常强大,设计也很人性化,技术上不断创新突破,帮助自己捕捉灵感、抓住创意瞬间。意大利宾利法里纳设计公司汽车设计师黄永诚分享创作感悟在汽车行业,设计师用一支Wacom笔可以画出逼真的玻璃效果、车身的金属效果、戏剧化的光影效果、内饰的皮纹与木材饰板的高质感,并使最终呈现的效果如同照片一般的真实, Wacom还能在以Autodesk Alias搭建的数字模型上以其灵活高效和精确的参数化表达来与提出修改与反馈意见与数字模型师。在服装行业,设计师在Wacom上完成从创意草图,到实际手绘,到最终成品,再到工业链,让设计师从繁杂的工序排列中解放出来,并让一些失误性的问题得到缓解,把失误降到最低,使服装生产工作变得更加有序。在影视行业,很多逼真的3D特效、叹为观止的美景、无边无际的飘渺仙境、恢弘壮观的场面,都是设计师运用Wacom从最初的草图,到建模、贴图,到完成最后的渲染效果。可以说,Wacom产品成功运用到越来越的行业,同时也深深地改变了很多行业,让这些行业呈现全新的发展面貌。这是Wacom的魅力,更是技术创新的力量。CG艺术家、上海绘灵文化创办人邵粱精彩演讲电影、游戏概念设计师王俊雄发表演讲Wacom全球执行副总裁林强表示,Wacom自1983年诞生以来,一直在践行通过自然直观的用户界面技术拉近人与技术的距离这一愿景,为包括数字艺术、电影、特技、时装和设计在内的行业提供产品和解决方案,让设计师自由发挥创意,让世界充满创意。

    浏览:42 发布于:2017.11.14
  • UI 设计需要自问的 10个问题

    UI 设计师需要自问的 10个问题UI设计的魅力在于,你不仅需要适当的技巧,更要理解用户与程序的关系。一个有效的用户界面关注的是用户目标的实现,包括视觉元素与功能操作在内的所有东西都需要完整一致。1. 你的UI是否高度一致?用户来到你的站点,脑子里会保持着一种思维习惯,你的 UI 需要保持一致,以免用户的思维方向被打乱。比如,如果你的某个品目下的产品可以拖放到购物车,那你站点中所有产品都应该可以这样操作。将按钮放到不同页面相似的位置,使用相契合的配色,使用一致的语法和书写习惯,同时,让你的页面拥有一致的结构。2 . 用户能自由掌控自己的操作吗?你应当分析一下,自己的站点是否容易导航。用户应当可以自由掌控自己的浏览行为,确保他们能从某个地点跳出,能够毫无障碍地退出。那些在用户离开前弹出窗口的行为是 UI 易用性的一个大问题。3. 你知道谁是你的用户群吗?要设计有效的 UI,必须对你的用户群有所了解,不同的用户阶层对不同的设计元素有不同的理解,17~25 岁年龄段的人,和 40~55 年龄断的人有不同的喜好。你的 UI 设计必须针对你的用户群进行设计。4. 你是否有足够的预防错误的措施?应该尽可能检查程序中的错误和 BUG,虽然你可以弹出一个窗口告诉用户发生了什么,但为了更好的用户体验,最好减少这些东西。Beta 测试是消减错误的最好方法。5. 你是否首先将最重要的东西展示给用户?将重点放在重要的内容上面,首先为用户展示最重要的内容,以便用户更好地理解你的内容。6. 你的设计是否简约?很多站点的设计十分简约,简约设计可以增强 UI 的易用性,可以让用户不必关心那些无关的信息。你的 UI 应该是这样的,它的功能很强大,但设计很简约,拥挤的界面,不管功能多么强大,都会吓跑用户。7. 你是否使用了视觉提示?如果你使用了 Ajax, Flash 一类的技术,当内容在加载的时候,应当提供视觉提示,应当始终让用户知道目前在做什么。8. 你的UI 是否有操作提示?你的用户是否靠自己研究或 FAQ 文档学习如何操作?你应当在 UI 现场提供简单的操作提示,比如,使用 jQuery 在你的各个 UI 元素上显示操作提示。9. 你如何使用色彩?色彩是 UI 的重要元素,不同的颜色代表不同的情绪,你对色彩的使用应当和站点以及主题相契合。还应注意,有的用户是色盲,你应当考虑到他们的感受。色彩的使用应该一致,一旦选定了某种配色,就应该在整个站点一致使用这种配色。10. 你的UI 是否大象无形?UI Engineering曾经说过,”最好的设计不是用来看的,是用来体验的"。这意味着,你的 UI 应该让用户去体验,而不是放一些花哨的东西给用户看。UI 设计越简单,用户体验越好,不要滥用设计元素,不要使用拥挤的界面。来源:spyrestudios.com Diving Into The User Interface With Fundamental Questions(原文作者:Joel Reyes)

    浏览:48 发布于:2017.11.10
  • 面经:交互设计如何准备面试

    想应聘交互设计的同学到底该如何准备面试呢?每逢招聘季,我总会想起大三那年。穿着衬衣皮鞋,背起笔记本电脑,握着一份简历,带着一本作品集。参加了一个又一个的校园招聘,从中也获益良多,有被面试官打击的挫败感,也有接到offer的成就感。当时收到几家企业的offer,纠结一番之后,已在华为就职。很多同学,在招聘季特不淡定,特别是看到别的同学被录用了,自己落选了,心里边特别不是滋味。甚至是有些烦躁,工作学习都聚焦不下,处于一个比较迷茫的状态。回归正题,个人认为,面试交互设计岗位的同学应该准备以下三点:一、  技能 ·交互理论,熟记于心,信手拈来    做为交互设计专业的学生,如果连一些基本的理论知识都不掌握的话,是会很吃亏的。你的设计作品遭到别人的质疑时候,你无法运用理论知识进行答疑。这里推荐同学们可以看一些书籍,如《交互设计精髓》、《交互设计指南》、《微交互》、《用户体验要素》、《简约至上》、《破茧成蝶》等等关于阐述交互概念的书籍。以及一些实战型的交互类书籍,如《Don’t make me think》、《瞬间之美》、《web表单设计》、《方寸指间》等等。国内优秀的体验团队出品的书籍,如腾讯CDC《在你身边,为你设计》、阿里巴巴《U一点料》、《腾讯网UED体验设计之旅》等等。·头脑风暴,手绘过程,软件输出    很多交互设计的学生,喜欢一开始就用电脑画设计稿,忽略了手绘稿。其实在设计之初,接到需求之后的头脑风暴,手绘线框图能将创意想法快速的表达并记录下来。面试官更关心你的思考过程、思维逻辑。过多的线框图或低保真只能说明你软件熟练度高或者画的好,并不代表你就精通交互设计了。    软件方面,低保真输出用最多的就是Axure,你可以导出HTML跟作品集打包在一起发给招聘企业。外有些加分项目,例如InDesign、Sketch、AE。为什么不是AI、PS,像这类软件会使用的人多,自然不那么加分。InDesign可以帮你归类输出设计规范文档,AE可以做交互动效,产品展示等,这个对企业团队来说是很难得的技能。 ·实习项目,理论实践,更胜一筹    如果现在有两交互人选给公司考虑,用人单位肯定优先考虑有实习经验的同学。因为在公司的角度,是希望你能进来就上手做东西,而不是花更多的时间去培训你。尽量的阐述你在实习项目所遇到的问题,并通过什么方式去解决它。不要一味的讲你实习的项目成果如何,得到多少的赞赏等。这样做的目的是让面试官看到你思考的过程,以及在实际工作中处理事情的能力。二、  表达 ·呈现你的作品    作品跟简历可以分开,也可以放在一起。看个人喜好,常见的有PPT、PDF、Word视频动画等格式。但无论你用什么格式,切记要展示重点。很多同学急于表现,会把很多相关作品都放到里面,甚至长达上百页。这就很有问题了,别人在看你作品的时候没有重点。而且看了几十页之后发现后面还有一堆,会失去往下看的耐心。企业招聘者每天都要看很多简历作品,过于冗余的内容,反而会让你的作品集淹没在其中。    所以要有针对性的展示,不管你做了多少的交互项目,也只能挑一到两个比较有代表性的去深入展示。展示可以从需求到用研,交互,视觉以及前端开发,把设计的流程梳理清楚,交互的亮点突出。此外,可以放一点点课外的其他东西,例如:涂鸦作品,泥塑等等,让别人更加了解工作以外的你。 ·讲述你的故事    面试的时候,可以结合自身发生的有趣故事引出主题。比如你是如何接触并喜欢交互设计的。又或者是发生的一些有趣的故事来引入到你的作品中去,给人耳目一新的感觉。不至于那么沉闷严肃,会让你在众多面试者当中脱颖而出。三、  心态 更多时候,并不是因为你能力比别人差,而是因为没有把心态调整好。 ·自信     要相信自己,既然公司叫了你去面试,就证明在看了你的简历作品之后对你有兴趣。某个层面就表明了你对他人是有过人之处的。面试前准备充分,不要担心与猜测面试官面问些什么问题,做好你自己吧! ·忘成败,乃大将    面试完,若结果不尽人意,请不要太在意。你面试不过的只是一家企业,并不是输掉了整个人生。企业不招聘你是为企业负责,同也是为你负责,因为它告诉你,你学艺不精,还需加强,让你重新审视自己。你应该积极调整心态,查漏补缺,完善自己。而不是意志消沉,一蹶不振,无法提起精神工作学习。要坚信,“今天你对我爱搭不理,明天我要你高攀不起!”温馨提示:投简历的学生应该注意你的作品集或者简历的命名,一般需要包含这个几个信息,名称+学校+面试岗位。发邮件也要注意最基本的格式:)最后,祝大家能找到心仪的工作。微博@李煜佳UX

    浏览:42 发布于:2017.11.10
  • 交互设计技巧——创造好的用户体验(4)

    交互设计技巧——创造好的用户体验(4)将原文最近更新的几条翻译了一下,分享给大家原文已更新到72条,最近抽了点时间翻译了一下,分享给大家O(∩_∩)O~************  正文开始  ************66. 尝试逐步减少,而不是保持不变  LayerVault已经讨论过关于逐步减少的话题了。这个想法其实很简单:当用户已经学会使用你的界面或应用的时候,那些一开始很难很重要的功能随着时间的推移也会变得简单或者是不那么重要了。举例来说,对某些操作的说明信息有时候可以去掉,为其它内容腾出更多的空间。又或者是,当图标的含义已约定俗成之后,图标的说明文字就可以隐藏了。在用户学会使用一个界面后,逐步减少的方法就可被运用其上了。67. 尝试以人为本,而不是以自我为中心  在社交中建立与他人关系的时候,先人后己是众所周知的。一个世纪之前,戴尔·卡耐基所著的《如何赢得朋友和影响别人》一书的中心内容就是,在与人的对话中,要将“我”的角度转换为“你”,真诚地倾听别人。这种理论同样适用于我们(或我们的产品)同观众、客户或者是用户的交流与沟通中。不仅如此,通过一项社会实验我们观察到,违背自己的利益可能会带来额外的更强烈的可信度。有时候,站在别人的角度来看待事情、描述事物可能会带来建设性的行动(即使不是立即受益)。 68. 尝试适当解释,而不是含义不明  在我们看来含义很明显的一些东西,或许对别人来说却并不是很清楚。表单字段可能是最典型的例子了。这时候就需要解释、说明和提示信息了。使用上下文解释能从多方面减少交互含义的不确定性,这些解释包括:请求信息的原因,允许输入的样例,必填提示,以及可以在哪里找到被要求的信息。此外在使用这些上下文描述信息时应该记住,不要将这些信息用作placeholder文本写在表单的文本框中——正如雅各布·尼尔森所警告的那样。69. 尝试简明扼要,而不是信息冗余  言归正传,试着使用更简单和更少的单词写短句。写完初稿后,检查一下是否可以压缩。确保能突出中心思想,而且不会让用户分散注意力。这里有5条简单的文案技巧(http://www.portent.com/blog/random/5_steps_to_concise_copy.htm)能避免被动和无意义的修饰。 70. 尝试设计响应式布局,而不是静态的  界面中最糟糕的情况就是出现双滚动条。严重的是,这就好像是通过锁眼看一张地图。有时候这种怪异的情形可能是因为在没有预想到的尺寸更小的设备上看UI。当然,解决问题的方法之一就是将界面设计成响应式的布局,自适应屏幕的大小和形状。71. 尝试视觉清晰,而不是模棱两可  “所有元素在上下文中都存在对比”唐第斯在《视觉素养的入门》中写道。深色相比浅色,聚集相比分散,规则相比不规则,大相比小,所有这些都是在上下文的对比中体现出来的。选择其中的一方并通过可视元素将它们清晰地表达出来,能够帮助人们了解意图。因此,模棱两可是最大的破坏者。当元素区别很小,或者根本就没有区别的时候,我们按照常理去试着理解,就会发现它已经产生了混乱。这就是为什么我们最好是有目地对元素进行分组(或者通过间距来体现),使用更加多样化的字体大小(或者使它们完全相同),以及使用更多样化的色调(或是使它们完全相同)。现在试着找出你的UI上视觉样式是否由于设计压力或负担而出现了错误吧!72. 尝试允许用户犯错,允许修改  用户、界面、以及你的业务都不可避免会犯错。在这种情形下允许修改可以避免从头再来的苦恼。可能一个用户用他的朋友的账号登录了(不管是好还是坏),并想要重新认证。也有可能用户改变主意,想预定8个橘子,而不是7个呢?也许用户的送货地址上个月改变了,现在需要进行更改。UI应该允许用户做出这样轻微的修改——这是再自然不过的事了。

    浏览:25 发布于:2017.11.10
  • 交互设计技巧——创造好的用户体验(3)

    一个好的用户界面具有较高的转化率和易用性。换句话说,它既能满足商业用途也便于使用。以下是我们发现的一些想法清单。交互设计技巧——创造好的用户体验(3) 前言:至此,原文1-65条的内容都已翻译完毕,共13415个字(不包括图片上的文字)。原文太长,而且现在又更新了两条,并且以后可能还会继续更新,大家的支持是我继续翻译下去的动力,在此向大家表示感谢! *********************正文开始*************************  41. 尝试写明优惠,而不是直接给出价格  人类与生俱来就有认知偏见,正如卡尼曼所观察到的那样,优惠是一种人类很难抵抗的偏见。这表明第一个引起我们注意的数据会影响我们的决策。当我们以一个稍微贵一点的价格开始,然后将价格降低,这个价格突然就显得不再那么贵了。如果我理解正确的话,许多用户放弃的是没有打折的商品或服务。这或许只是一个数据的效应。营销人员利用优惠效应的一个常见的例子是在制造商建议的零售价之后写一个更低的价格。  42. 尝试提前进度,而不是从空白开始  有很多动机让我们将事情的进度提前。出于这个原因,许多公司放弃了咖啡卡,不让客户等待。在虚拟世界,给用户一些奖励,包括在待办清单上将注册过程划为完成项。斯蒂芬·安德森在他的笔记上将这种类似的模式标记为设置完成,更正式的说法是,它也可以被称作目标渐近效果。  43. 尝试渐进式地收集信息,而不是无条理的获取信息  渐进式显示能使用户免收不相关信息的干扰。这种模式渐进式地展示信息,即在上下文中有必要显示该信息的时候,它才显示。通常渐进式显示会伴随着某种形式的内联扩展或者滑出动画。如果太多字段需要用户填写,可能会将用户吓跑,所以这也是另一种避免不必要的输入字段的策略。只在必要的情况下才显示/请求这些字段。  44. 先尝试数额小一点的约定  要求用户前期从一个小数额的约定开始,项目展开之后再要求稍大数额的。通常一开始就是大数额的约定会吓跑用户。借用罗伯特·西奥迪尼的话,约定是一种强大的说服策略——接近用户的期望值来与用户达成一致。追求一致性表明用户通常在操作过程中更容易接受一系列小数额的约定,而不是一个大数额。这种应用源于“一只脚先进门”策略,即“通过获取一些小‘yes’来最终得到一个大‘yes’。”。类似的例子就是相亲网站——首先只是让用户随便看一看,然后就是相互介绍,接下来给出几个约会的好点子,等等。当然与此相反的就是要求用户锁定对象马上结婚(结婚是没有错的o(╯□╰)o)。另一个例子是,在定价的上下文中,我们要求客户按月付款而不是按年付款。降低前期约定的一个相关策略也可能是显示“无合同”信息,让客户感觉可以随时离开,也进一步降低了准入门槛。   45. 尝试温柔的提示,而不是模式窗口  模式窗口或对话框是一个惹眼的讨厌鬼,不管你喜不喜欢。引人注意是一件好事,但模式窗口却常常会带来很多严重的问题。首先,模式窗口会阻止用户操作模式窗口后面的功能或浏览相关的信息。况且对某些用户来说,模式窗口又很难摆脱。其次,如果用户不在计算机旁的话,对话框会阻止计算机完成正在执行的任务而导致出错。最后,如果用户差不多快完成自己的任务,并且还没有准备进行其它操作,这时的模式窗口会中断用户的操作。为什么不考虑同样能吸引用户,但却更敏感的内联或者不那么突兀的滑出动画呢?  46. 尝试为控件添加多功能  简洁性因其与易用性息息相关而在设计中举足轻重。太多的杂物会消耗我们有限的注意力,并且模块越多,可用性空间不足的问题就会越明显。在用户界面上用简洁的元素也可以实现相同的功能,方法之一就是让UI控件具备多功能。也就是说,在一个控件上添加两个或多个功能。举个例子,我们可以在一个搜索输入字段上绑定一系列的过滤机制,以此来移除额外的过滤器。我们也可以通过鼠标悬停展示来进一步减少额外的部分。不过多功能机制并不是万能的。简洁的代价是隐蔽性。不太明显的功能有被忽略的风险。因此,对常客来说,保留多功能方法还是很好的。所以,合理使用多功能,但不要滥用。   47. 尝试添加图标标签,而不是点击图标打开后再解释   图标可能有多重解释,因此为其添加文字说明可以消除歧义。以向下箭头的图标为例,它是指将元素下移,降低优先级,还是下载呢?“X”图标是表示删除,禁止,还是关闭呢?当用户没有足够时间学习界面上图标含义的情况下,这种问题就更严重了。用文字标注图标,让图标更易于理解。如果空间确实不够的话,妥协的做法就是鼠标滑过的时候显示图标标签(鼠标滑过单个图标的时候,显示相应的标签)。  48. 尝试使用自然语言,而不是枯燥的文字  相比简短、严格和正式的文字,自然语言是一种更非正式和类交谈的交互方式。这种方式表明计算机可以更好地理解(或者看起来像是理解)用户,必要的时候还予以宽容,反之亦然。这种期望有两重含义。第一,用户输入的短语计算机都能理解其中的含义。第二,计算机也能以更友好的和类交谈的方式来回应用户。虽然第一条我们无法确认,不过第二条我们还是经常体验的,比如说:在Google上搜索“多伦多天气”,无处不在的Firefox和Siri指令。在用户界面上展示这种类交谈的语言,可能会使用户转化率更高一点(需要更多的测试)。  49. 尝试激起用户的好奇心,而不是有所保留  激起用户的好奇心是一种通过一些“挑逗”信息来激起用户对某些东西的渴望的转换策略。这可能是一章节的样例,一个演示,或者一些免费内容的展示,以此来触发用户的行动,这听起来就像“想看剩余的部分,就请……”。用一些示例和引子来激起用户的好奇心对吸引用户继续前进是一种很好的方法。这听起来显而易见,无法激起用户的好奇心(除非压根就不需要激起用户的好奇心)当然就是一开始就给用户提供完整的信息。或许在用户成为客户之前就给他们提供完整的试验,或者体验完整的X或Y,不过这并不是激励用户的好方法。保持用户对产品的渴求——哪怕是一小会。  50. 尝试提供保证,而不是满不在乎  当你正在进行一笔交易的时候,给用户下一些保证。向客户保证他们会对产品满意,付款是安全的,并且是免运费的,而且客户可以随时退出而没有任何风险。目前一切都是好的,将来也会是好的。不要担心,开心点。在交易即将完成的时候给客户提供一些积极的保证绝对是值得一试的转换策略。  51. 尝试进行价格说明  你可以让你的用户完全自己来评价你的产品的价值,或者你也可以帮他们做到这一点。如果你希望用户感性地看待你的产品,你可以以另一种方式来显示价格,从而让你的产品看起来更有价值。最简单的方式就是使用这种短语对价格进行修饰,比如“仅仅”,“价格实惠”,或者“小额费用”。然后价格也可以分解成一个更小的价格单位(例如:每页30美分而不是一本书30美元,会员1美元一天而不是30美元每月)。此外,价格以“9”结束而不是使用一个整数这种声名狼藉的策略也是其中的一种方法。最后,价格以更少的数字显示(30美元,而不是30.00美元)也是另一种错觉影响的表现。  52. 尝试向用户表示感谢而不是简单地确认完成  向用户表示感谢可以让你、你的业务、产品或UI看起来更人性化,因为它体现了你对用户的感激和关心。感谢当然也可以在某些任务完成之后,这比直白的信息反馈要好得多。而且,在你的UI上对用户表示感谢也可以用来引导用户进行进一步的对话或行动。很自然地,屏幕上的感谢信息的也是一种引导用户进行下一步操作的完美切入点。最后,谢谢你阅读这一段文字O(∩_∩)O~  53. 尝试在界面上做有用的运算,而不是让用户自己计算  用户界面可以为用户做一些数学运算,从而消除不必要的摩擦。举例来说,让我们假设有一些应用的积分快用完了而不能再继续使用。这时为用户计算出还有多少天应用就到期或许是更有意义的。一个更简单和应用广泛的例子是“3分钟前”相对于“9月2日,下午4:37”对用户来说更易于理解。在界面上为用户做好运算,使用户免于计算的苦恼。  54. 尝试向用户强调用户选择的自由性而非强制  当用户的选择被明确告知是自由的,用户可能更容易被说服进行更多操作。一些已有的对“你可以进行自由地选择”的研究表明这种提示可能影响更多的用户行动起来。一个简单地声明,类似“这是你的选择”,或者“你随时都可以拒绝”,可能更易于唤起用户行动,使用户做决定。这种策略的说服力似乎在将用户可以自由进行选择的声明与操作按钮放在一起时效果是最明显的。  55. 尝试为用户提供未知的奖励,而不是已知的  未知的奖励可以更好地吸引用户。当用户进行某一步操作时,会有意外的惊喜出现(也可能没有),这种不可预期的安排可能在最短的时间里有最高的响应率。试想一下,当某天我们惊喜地发现我们收到的邮件有惊喜出现的时候,我们或许会乐此不疲地查收邮件(假设你收到的邮件不仅仅是以前Joe每天寄来的老邮件)。  56. 尝试抓住用户的注意力,而不是忽略  将更多的注意力吸引到最重要的行动是很有必要的。这可以通过增加元素大小或者增加元素的对比度等多种方式来实现。其它的吸引注意力的方式也包括:使用不规则的形状,自动聚焦,突出显示模块,粘性元素交互(例如浮动),还有方向箭头。当然你不能让整个页面上的元素都突出,不过着重强调最主要的行动口号还是相当有必要的。  57. 尝试友好地进行比较,而不是混乱不堪  有时候我们需要在界面上对有改变的内容进行比较(比如diff工具),或者对产品特性进行比较(比如产品比较图表)。有几种方法可以使比较更易理解和更易用。首先,限制同时进行比较的元素数量,两个是减少困惑的最佳数。通过对齐和排版来将两项对比项放在一起就能进一步减少困惑,这种方式一看就知道是什么跟什么进行比较了。其次,清楚地标注“更好”或“最近”版本也可以减少猜测。最后,清楚地标明哪些属性改变了,哪些没有。换句话说,标明哪些是添加的(或是更好的),哪些是删除的(或是较差的),最后哪些是保持不变的。  58. 尝试设置集合,而不是单独的项目  收集东西能激发用户的积极性。不管是实体的还是虚拟的,收集一整套的东西可以为用户建立一个行动的目标。通常在获取完整一套物品的过程中可以通过添加相应的好处来进一步激励用户(一个完整的蛋糕看起来比单块蛋糕更大更漂亮)。或许,显示已经收集的物品,通过显示过去行为的成就也可以进一步强化用户的行为。最后,如果一套物品的数量是有限的(强调稀缺性),收集完整一套物品的想法就会更加强烈。  59. 尝试设定期望值,而不是让用户一无所知  人们相互设定期望值是非常好的。对一个人或者界面来说,通知别人接下来的任务何时完成并不需要花费多少精力。你现在正在进行1步操作,共X步。你的选择将会得到结果Y。在步骤Z之前你将得到哪些东西。所有这些小小的承诺不仅通知了用户,而且与用户间建立了信任。另一方面,对用户毫无帮助的界面看起来有一点冰冷,因为它让用户对自己目前所处的状态、接下来的操作都一无所知。  60. 尝试幽默,而不是一贯的严肃  界面上的元素必须一直都保持严肃吗?答案是否定的。你可以用一个笑话或者一些有趣的东西让气氛轻松起来。在你的UI上添加幽默可能起作用也可能不起作用。当幽默起作用的时候,它会在你和你的用户/客户之间建立一种更强的人际关系。因此而收获的欢声笑语在将来或许是一种非常不错的储备。当你不小心出错的时候,用户可能会因为之前与你建立的比较坚固的人际关系更容易原谅你。  61. 尝试提供反馈,而不是沉默  当我们进行一项操作或执行一项任务的时候,我们通常都希望知道结果是否完全通过。信息反馈能做到这一点。这就像在一张纸上快要干的油墨,或者显示邮件已发送成功的提示信息。另一方面,沉默会导致不确定性。它真的起作用了吗?我刚才是不是点击了一下?我按过这个按钮吗?我应该再尝试一次吗?反馈可以回答所有这些问题。对一个成功的交互界面来说,反馈是非常重要且基本的元素。  62. 尝试预测用户的意图,而不是只看眼下  当用户发出“是的,这就是我正在找的东西”这种感叹时,或许正是因为我们已经在界面上对用户操作意图进行了预测。做一个正确对用户行为进行预测的UI,或许会收获用户更多的微笑和订单成交(或者至少会少一些不愉快)。举个例子,Amazon.com(请按英文原版的亚马逊对号入座,中文亚马逊就不说了哈)已经在许多下拉菜单上实现了这种微观的交互。预测用户意图,通过一些有趣的几何和前端技术来显示子菜单。它为用户避免了徒劳无功的痛苦——将鼠标移动到所需的对角线上的子菜单,然后发现子菜单已经变化了或者干脆消失了。事先预测用户的意图也是一种平衡操作的便捷性与代码的简洁性的一种方法。进一步进行用户行为预测是一种更高级的意图预测,可能需要更强大的人工智能。  63. 尝试为元素间保留适当的距离,而不是过度拥挤  合理的间距可以使内容和/或数据更具可读性。当元素的距离稍微拉开时,看以来就会比较独立。这种方法很适用于列表、表格、段落或屏幕上任何其它的元素集合。应用空白的一种最常用的方式是在项目周围添加额外的填充区域。另一方面,如果没有足够的填充,元素就很难与整体分离了。所以考虑增加可读性的时候,填充可能会有所帮助。  64. 尝试以讲故事的方式来描述,而不只是罗列事实  讲故事是一种最古老的交流方式,可以用于登陆页面,应用程序以及各种UI交互。为什么不尝试以叙事的方式来代替关键信息罗列的方式呢?一个简单的故事会有一些基本的元素,比如说场景设定,角色定位,以及一些即将发生的不确定的情形。讲故事使人们仿佛身临其境而产生一种情感共鸣。因此,故事也变得更加难忘。长篇幅的销售词直接通过讲故事的方式来表达,也可能就是为什么这种策略仍然适用的原因了。  65. 尝试保证信息的真实性,而不是虚假  很多人在很远的地方就能嗅出骗子的味道。真实可能是帮助你的产品变得更加令人信服的核心要素。微笑的人物头像也没有充分理由让人不怀疑No. 1后面的真实性吧。有一些测试已经暗示了这些结论。另一个可能被经常怀疑的就是产品评论。既有好的评论,也有不好的评论可能比全是赞美之词的评论要更有帮助。最后,不是精确整数的数字可能更可信。翻译:谢尔鱼原文地址:http://goodui.org/

    浏览:42 发布于:2017.11.10
  • 交互设计技巧——创造好的用户体验(2)

    一个好的用户界面具有较高的转化率和易用性。换句话说,它既能满足商业用途也便于使用。以下是我们发现的一些想法清单。关于交互设计技巧——创造好的用户体验(2) 前言:原文比较长,共65条,我打算分三次翻译完,这是21-40条。*********************正文开始************************* 21. 尝试平滑过渡而不是突兀呈现  当用户进行操作的时候,界面元素经常会有出现、隐藏、移动、转换以及大小调整的动作。作为对操作的回应,为元素变化适当添加时间延迟有时候让用户更容易理解刚刚发生了什么。以动画或者过渡的形式刻意制造的延时,给了用户理解元素大小或者位置变化的必要的反应时间。当然了,你也要记住,我们应该将过渡的时间控制在0.5s之内,时间太久的话,用户可能就会感到不适。对于那些只想快点完成任务的用户,太长时间的延时当然会成为一种负担。  22. 尝试循序渐进的引导而不是草率地让用户注册  与其要求用户立马注册,何不让用户先体验一些已示范的有价值的操作呢?在最初的交互过程中,不仅能展现产品的价值,也能显示出产品的个性。一旦用户开始看到你的产品的价值,了解产品对自己的用处,他们将更乐于与你分享更多的信息。这种循序渐进的引导是一种尽可能推迟注册过程的方法,同时还可以让用户使用和自定义你的应用或产品。  23. 不要让过多的边框来分散用户的注意力  边框会让用户从真正的内容上分散注意力。注意力当然是宝贵的资源,因为我们只能在特定的时间内抓住它。边框也确实能清楚准确地划分空间,但其鲜明的线条也会吸引用户的注意力。为了清楚地划分屏幕上的区域但又不至于太惹眼,可以将相似内容的元素放在一块,每一块区域里的内容通过对齐方式保持一致,使用不同的背景加以区分,甚至仅仅只是使用类似的排版风格。当使用抽象的UI工具进行设计时,很容易弄得到处都是边框。通常边框被用来排列和整理界面上的元素,但往往这样做的结果是界面显得混乱不堪。有时候在界面上加一些分隔线也是有帮助的,但是考虑尽量用不太显眼的方式来替代,这样你的内容才会凸显出来。  24. 尝试销售好处而不只是罗列功能  我想这就是市场营销101。相比于产品的功能,用户更关心产品能带来的好处。好处更明确地定义了产品的价值。克里斯吉尔伯在《从100美金开始创业》中写道,人们真正关心的是:爱、金钱、认同和自由支配的时间,同时希望更少的压力、冲突、麻烦和不确定性。当向用户展示功能的时候,我觉得仍为客户留有犹豫的空间,尽可能将用户吸引到产品的好处上来。  25. 考虑界面上记录为空的情况  在某些情况下,你可能会有0, 1, 10, 100,或10000+的数据结果需要以不同的方式进行展示。最常见的场景可能是第一次使用是0条数据到后来有非常大的数据量的中间过渡期。我们常常忘了设计什么都没有时的初始状态,而且这样做让我们有忽视用户的风险。零数据世界是冰冷的。当用户第一次登录你的app,看到的是一个没有任何引导的空白页,那么你很有可能因此错失机会。零数据状态是向用户展示接下来应该怎么做的最佳学习时间。好的事物就应该精益求精,用户界面也不例外。  26. 尝试默认选中,而不是待选  选中状态意味着用户或客户不需要进行任何操作就已默认接受服务。另外,也有一些传统的选择策略要求用户先进行操作然后才能参加或接受服务。默认选中与待选相比有两个好处。一是减轻用户的负担,因为用户不需要作任何操作。二是这也向用户暗示了——“因为别人都需要这个,我也会这样做”。当然了,这种默认选中策略通常被认为是有争议的,因为某些居心不良的营销者滥用的缘故。一种滥用表现在故意降低默认选中文字的可读性,另一种是使用让人混乱的文字,比如说双重否定。这两种情况都会导致用户不太了解实情就稀里糊涂地注册了。因此在保持道德的前提下,如果你决定采用这种默认选中的退出方式,保持其清晰可见,让你的客户知道他们被默认添加的操作。毕竟,这种策略曾在欧洲被用来拯救生命。  27. 尝试保持一致性,而不是让用户重学习  因为唐纳德Ÿ诺曼那些很棒的书,保持用户界面设计的一致性可能是最广为人知的原则之一了。当用户使用界面或者产品时,一个一致的UI或者交互是减少用户学习量的一种很好的方法。当我们按下按钮,移动滑条的时候,我们希望这些交互元素看起来、用起来和被找到的方式是一样的。一致性让我们习惯了交互的方式,而一旦没有了一致性,我们被迫进入反复的学习中。一致性的界面元素可以通过多种方式来实现,比如说:颜色,方向,行为,位置,大小,形状,标签以及语言。然而在我们保持所有元素的一致性之前,请记住,保持元素的不一致性仍然是有价值的。不一致的元素或者行为的出现能从我们的习惯性潜意识的深处唤起我们的注意力——当你有想要获得关注的事情的时候,这是很有帮助的。试一试,但也要知道什么时候打破它。  28. 尝试使用智能的默认值,而不是要求额外的操作  使用智能默认值,或者根据经验猜测预填表单字段能够帮助用户减少大量的工作量。这是一种节省用户的宝贵时间,帮助用户快速完成表单填写的常用技巧。最糟糕的事情是从经验和转化点出发要求用户填写的信息可能是他们在过去已经反复多次提供过的。尝试加载和显示已经验证过的字段值,而不是每次都要求用户填写。用户的工作量越少越好。  29. 尝试遵守约定俗成的规则,而不是新建标准  统一的约定是一致性的好伙伴。如果我们在界面上保持元素的相似性,用户使用起来就不会特别困难。另一方面,如果我们尽可能地保持多个界面上的元素的相似性,这就进一步降低了用户的学习成本。有了统一的UI约定,我们就知道屏幕右上角的叉是用来关闭窗口的。当然这种约定随着时间推移可能也会改变。不过记住,当需要打破这种约定的时候,明确自己的意图,并保证出发点是好的。   30. 尝试声明免于受损,而不是强调收益  我们都想赢,并且讨厌失败。根据说服力心理学的规则,我们更希望避免损失而不是获得收益。这种规则也可以应用于产品设计和宣传中。宣传产品能够保护客户现有的幸福、财富或社会地位,类似这种策略可能比尝试向客户提供客户现在还没有的、额外的东西要更有效。保险公司在宣传的时候,是说我们可以在事故之后获得赔偿还是强调能保护我们现有珍视的东西呢?  31. 尝试营造视觉层次,而不是平淡无奇  良好的视觉层次能区分重要的元素与不太重要的元素。视觉层次可以通过对齐、距离、颜色、色调、缩进、字体大小、元素大小、填充、间距等方式来体现。当这些视觉语言元素被正确运用,他们能在页面上抓住用户的注意力,提高页面的可读性。视觉层次结构可以产生视觉摩擦,放慢我们从上到下浏览整个页面的速度。通过一个好的视觉层次,我们可能会多花点时间在页面上,最后的结果可能是我们注册了更多的项目。就像是一次公路旅行,你可以走高速公路,很快地到达目的地(页面底部);你也可以走风景优美的路线,放慢行程,沿路记住更多有趣的事物。给眼睛一个停留的地方。  32. 尝试将相关的项目分组,而不是杂乱无序  将相关的项目分组在一起是增加产品可用性的一种基本方式。我们大多数人都知道刀和叉是放在一起的,同理打开和关闭功能通常也是在一起的。将相关的项目放在一起符合逻辑,也更符合用户对产品的整体的认知。用户通常都不太乐意浪费时间到处找东西。  33. 尝试进行内联验证,而不是提交后再报错  当处理表单时,通常在验证到字段填写不正确时就立马给出错误提示,比填完提交之后再报错要好得多。这里强调的交互模式当然就是最著名的内联验证了。当验证到错误的时候,将其立马显示出来(在输入框右边显示出来),这样上下文中出现错误时就可以立即被更正。另一方面,如果在表单提交之后再提示错误,就会强迫用户回忆之前的操作步骤而做额外的工作。  34. 尝试放宽输入的条件,而不是要求严格的数据格式  适当放宽对输入数据的要求会使计算机看起来更人性化一点。放宽对输入数据的要求,包括数据的内容、格式,会让你的用户界面更加友好。最好的例子就是当我们要求用户输入电话号码的时候,用户输入的方式有很多种——带括号的,不带括号的,带破折号的,带区号的等等。对你来说,就是稍微多写几行代码,但你的用户会因此省很多事。  35. 尝试营造紧迫感,而不是毫无时间观念  紧迫性是一种说服策略,通常被用来让用户立刻采取行动,而不是稍候再行动(或许压根就不会采取行动)。这种策略会起作用是因为它意味着某种程度的短缺,因为这种产品或者服务可能现在还有,明天或许就没有了。同样地,它会起作用还因为它暗示了失去——我们都不喜欢失去机会。然而,刻意制造紧迫感对有些人来说是不可取的,这种做法被认为是不诚实的。不过如果这种策略被正确使用的话,它仍然是有效的。所以不要制造虚假的紧迫感,因为当你的用户再次造访的时候,它会适得其反。  36. 尝试稀缺战略  物以稀为贵。稀缺性表明商品或服务曾经有很多,今天只有少部分了,明天可能会更少。你去比较一下批发市场和精品店的定价就知道了。再回过头来看一下批发商,为了获得更好的商品供应,他们也可能使用稀缺战略。一些批发商或大型零售商销售数量有限的商品,一旦售罄,就没有补充供给。在软件开发的过程中,我们经常忘记稀缺,因为比特和字节都可以轻易被复制,而且还有这么丰富的资源帮忙复制粘贴。然而,在UI的世界里,稀缺仍然可以被用来显示现实世界的限制和瓶颈。考虑一下这些数据所暗示的限制——你可以出售的网络会议的门票数,一个月内你能服务的客户数,或者你在下次批量生产前所能提供的成品数。所有这些事物的显示都可以唤起用户的行动。想想供应和需求,少即是多。  37. 尝试显式地罗列选项,而不是让用户自己边回忆边填写  这是一条与心理学紧密相关的经典原则,即人们很容易在一些已有的事物中进行辨识,而纯粹从记忆中回忆则相对困难。辨识给我们提供的线索或提示,让我们只需要稍微回忆一下就能完成。而回忆则要求人们完全靠自己从记忆深处进行搜索。这可能就是为什么在考试中有时多项选择题比开放题能更快地完成。所以给用户提供一些之前涉及到的信息作为选项,而不是让他们完全靠自己回忆。  38. 尝试设置更大的点击区域  如果增加链接、表单以及按钮的大小,它们将更容易被点击。根据费茨定律,使用点设备,我们需要更长的时间的去点击目标,尤其是距离更远,或目标更小的时候。鉴于这个原因,考虑增加你表单字段文本框、行动口号以及链接区域的大小。或者,也可以保持视觉元素的大小,而是只增加热点或点击区域的大小。应用最广泛的例子就是在移动设备上的文本链接和导航菜单,将背景进行拉伸填充以增大点击的有效区域。  39. 尝试优化加载时间,而不是让用户等待  速度很重要。现在页面的预加载速度,或者是对用户操作的响应速度都会影响到用户是否愿意等待。已经证实,响应时间多一秒,项目或产品的转化率和成交率就会减少一分。因此一种策略就是通过优化代码和图片技术性地减少页面的加载时间。另一种策略就是应用一些心理学因素来降低用户对加载时间的感知。两种策略都会使用户感觉等待的时间没有那么久。显示进度条来管理预期就是方法之一。另一种方法是在页面加载的时候让用户有事可做(就好比是你沿着传送带走,总好过你站在原地跺脚)。  40. 尝试使用快捷键,而不只是按钮  当你有一个较高使用率的产品时,考虑那些经常光顾并在你的应用上花费大把时间的高级客户总是好的。用户往往会寻求各种让他们更快地执行重复任务的方法,这时快捷键就派上用场了。相比于用鼠标在图形用户界面上进行点击,快捷键可以显著提高工作效率。这方面的一个例子就在各大应用中被广泛使用的快捷键J(前进)和K(后退),比如说Gmail,谷歌阅读器,Twitter和Tumblr。按钮也没问题,但快捷键可以作为那些快手指的补充。翻译:谢尔鱼原文地址:http://goodui.org/

    浏览:33 发布于:2017.11.10
  • 交互设计技巧——创造好的用户体验(1)

    一个好的用户界面具有较高的转化率和易用性。换句话说,它既能满足商业用途也便于使用。以下是我们发现的一些想法清单。交互设计技巧——创造好的用户体验(1)前言:原文比较长,共65条,我打算分三次翻译完,这是1-20条。*********************正文开始*************************   一个好的用户界面具有较高的转化率和易用性。换句话说,它既能满足商业用途也便于使用。以下是我们发现的一些想法清单。  1. 尝试使用一列布局代替多列  一列布局会让你对全局有更好的掌控。它也能让你的用户预先对整体的内容从上到下有一个大致的了解。然而多列布局则会让用户从页面的核心内容上分散注意力从而增加额外的风险。最好的方法是用一个有逻辑的叙述然后在文末加上一个行动的口号来引导用户。   2. 尝试用礼物代替直接销售  为客户提供一份礼物是一种友好的方式。然而,更深层次来说,礼物也是基于互惠原则的一种有效的说服策略。这听起来显而易见,给别人提供优惠,你在将来的活动中也能从中受益。  3. 尝试合并相似的功能,而不是支离破碎的UI   在产品开发期间,我们很容易在无意中创建多个功能一样的模块,元素及专题。随着时间的推移,界面变得支离破碎。留意相同的功能以多种方式展示,因为它容易给你的客户带来压力。通常,UI碎片越多,你的客户的学习成本就越高。偶尔考虑通过合并相似的功能来重构你的UI。  4. 尝试用客户评价来代替自吹自擂  客户评价是直接提高转化率的另一个强有力的说服策略。别人对你产品的支持和好评,是一种很好地号召客户行动的方式。所以试着提供一些证据来证明这些好评是真实可信的。  5. 尝试多次重复您的主旨,而不是只展示一次  重复你的行动口号是一种更适用于长页面的策略,或者是在多个页面进行重复。当然你也不想让同样的信息在同一屏幕里重复上10次,这会让客户很沮丧。然而,长页面越来越普遍,将所有东西都展现“在一屏”上的想法也过时了。所以将一个不太显眼的行动列表放在顶部,另一个突出的行动口号放在底部并没有什么不妥。当用户到达页面底部,停顿并思考接下来改做什么的时候——一个潜在的区域或许就能完成一次报价或成交一笔交易。   6. 尝试将可点击/可选择的样式区分开来,而不是将其模糊  视觉上的样式,例如颜色、层次和对比,可以用来帮助用户理解你最基础的界面导航语言:我在哪里,我可以到哪里去。为了与你的用户清楚地沟通,你的可点击行为(链接,按钮)、可选元素(可选项),以及单纯的文本应该清楚地区分开来,然后在这一套界面中保持一致性。在下面的例子中,我选择蓝色标识能被点击的元素,黑色标识已被选中的元素或表明当前所在的位置。正确运用这些标记,更便于用户学习和使用这些线索来导航界面。不要模糊这三种功能样式使产品使用困难。  7. 尝试用推荐来代替罗列相同的选项  当展示多种服务时,一个强力的推荐或许是个好主意,因为用户有时候需要一点推动。一些心理学的研究表明,选择性越多,用户将想法付诸实践并行动起来的概率就越低。为了消除这种选择障碍,试着强调和突出显示某些选项。  8. 尝试用撤销操作来代替提示确认  想象一下,你只是按下了一个操作按钮或者链接,撤销能让操作更流畅自然。另一方面,提示操作则在暗示用户不清楚用户在干什么,并一直质疑用户的意图。大部分情况下我会假设用户是明白自己的意图的,误操作只是偶然发生的。当提示窗口弹出时,用户必须重复地进行确认操作,一次又一次的提示其实是一种非常不人性化的设计。所以考虑让用户执行撤销操作来提高产品的友好度而不是一直提醒用户确认。  9. 尝试写明产品使用人群而不是所有人  你的产品是面向所有人还是有精确地指明受众群体?明确指明你的产品或者服务的受众群是明智的。通过不断了解目标客户的需求及标准,你能获得更多与客户交流的机会,并且让客户觉得享受了产品的专属服务。这种策略的风险是你可能精简了自身,并缩小了潜在客户的范围。然而,透明建立信任,你可能因此获得客户更多的信任。  10. 尝试直截了当而不是犹豫不决  你可以用不确定的带着颤抖的声音传达你的信息,也可以满怀自信地说出来。如果你经常用类似“也许”、“可能”、“感兴趣?”、“想要吗?”这样的疑问语气来结束信息的传达,或许你可以尝试用更权威的语气来表达。谁知道呢,或许更为舒缓的措辞来告诉用户接下来改怎么做也可以给用户留下更多思考的余地。  11. 尝试用鲜明的对比代替相似性  将你的行动口号与周围的元素区分开来,使其更显眼一点,能让你的UI表达更强烈。你能轻易地通过多种方式让你的主旨口号更醒目。你能采用明暗色调的对比来凸显。你还能采用投影和渐变来实现层次上的对比。最后,你还可以从色轮上选取互补色(例如:黄色和紫色)来进一步提高对比度。综上所述,你应该考虑将你的行动口号与页面上其它元素明显区分开来。  12. 尝试指明原产地  指明你的原产地,你的产品或者服务从哪里来的,可以将你与客户的关系拉得更近。具体提到产品的原产地的国家、州或者城市,就像人与人沟通时自我介绍一样。如果你在产品介绍时做到这点,你的界面显得更友好。通常,说明你的产品的产地也能让客户感觉产品的质量更有保证。这是一种双赢的方法。  13. 尝试精简表单  人类天生就抗拒密集型劳动,并且这也体现在表单填写上。你要求用户填写的每一个字段都有让用户转身放弃的风险。每个人打字的速度都是不一样的,况且在移动设备端输入更是一件苦差事。确定是否每一个字段都是必需的,尽量删掉不必要的字段。如果你确实有大量的信息需要用户填写,考虑将它们分开到不同的页面填写,或者在提交之后还能继续补充。过多的字段会让你的表单臃肿,要想精简也很容易,减少字段就行了。  14. 尝试暴露选项而不是隐藏它们  你使用的每一个下拉菜单隐藏的信息,都需要用户用额外的操作才能显示。假如那些隐藏选项对用户来说是贯穿整个操作的,你可能会希望它们展示得更明显一些。保留那些约定俗成的下拉菜单,比如说日期和时间(例如:日历)或者地理位置的选择。有时候下拉菜单在用户重复使用的地方也是可以使用的(例如:操作菜单)。在你需要进行页面跳转的地方,尽量避免为主要功能使用下拉菜单。  15. 尝试分模块有条理地叙述而不是长篇大论的平铺直叙  长篇大论的平铺直叙是很容易失去客户的。是的,很长的滚动页面是很帅,但是要小心给客户这样一种感觉——在页面还没有结束的时候误以为内容已经结束。假如你的页面需要滚动,尝试设置一个可见的标识,让用户遵循这个规律看下去。其次,内容间的间隙也不能过大(当然我指的是一个区间范围,况且有这么多的设备尺寸)。  16. 尝试保持焦点而不是滥用链接  为了尽可能满足更多客户的需求,很容易在一个页面上创建得到处都是链接。如果我们的重点是长文本底部那个行动口号的话,那就得三思了。其它任何链接都有可能使用户离开页面。注意你页面上链接的数量,尽可能平衡导航页面上的风格(更少的链接以及更高的转化率)。删除无关的链接更有可能让用户点击那个最重要按钮。  17. 尝试显示进度状态  在用户界面上我们经常显示有不同状态的元素。邮件有已读、未读状态,发票有已付、未付的状态,等等。通知用户每一条记录的特殊状态,是提供信息反馈的好方法。界面状态能帮助用户很好地理解他们之前的操作是否成功执行,以及接下来的操作怎么处理。                                             18. 显示对用户有利的按钮信息,而不是让用户觉得自己只是在完成任务  试想一下界面上有两个简单的按钮。一个按钮告诉你它将会“为你省钱”,而另一个要求你“立即注册”。我敢打赌,第一个按钮被点击的几率更大,因为注册没有自己内在的价值。而且,注册让人想到填不完的表单,过程特别费劲。假设表明,让用户感到有利可图的按钮更有可能被点击。另外,将好处写在操作按钮附近可以提醒用户这样操作的原因。当然,现在仍有为基于任务的操作按钮保留的空间,不过,这是预留给那些转化率不高但使用率很高的操作元素。  19. 尝试直接操作而不是无上下文的菜单  有时候,直接在元素上进行操作比无相关的菜单罗列要更有用。举个例子来说,当展示数据列表的时候,我们通常允许用户在列表的项上进行相关的操作。在列表项上点击,或者是鼠标滑过都能被用来表达一种特定的操作(删除,重命名,等等)。直接操作的另一个例子是点击一个数据项(例如说一串文本地址)后,然后文本框变成可编辑的状态。使用这样的交互,减少了一些不必要的步骤。不过对于一些一般性的操作(比如说前进、后退),使用无上下文的菜单是没有错的。   20. 尽量显示全部内容而不是创建额外的页面  当创建登录页面时,在转换页面上显示全部表单字段会更好。与单独创建额外的注册页相比,将注册表单与登录页合并有更多的好处。首先,我们减少了流程操作中的额外步骤,这样操作将花费更少的时间。其次,通过显示表单字段的数量,我们也向客户展示了注册表单的实际长度。当然,前提是我们的表单比较短(当然表单也应该尽量简短)。翻译:谢尔鱼原文地址:http://goodui.org/

    浏览:41 发布于:2017.11.10
  • 良好用户体验的动效设计六准则

    成功的动效设计应具备6条特征:响应式的,关联性的,自然的,有目的的,快速的,以及清晰的。功能动画是一种很微妙的动画,它有一个明确的,合乎逻辑的目的。它减少了认知负荷,避免变化的盲目性,并在空间关系中建立了更好的响应。更重要的一点,动画将用户界面与现实生活联系起来。运动可以通过合并和分离、改变形状和大小,使物体的表面充满活力。你可以运用功能动画来使用户在导航性的上下文间平滑地过渡,解释屏幕上元素布局的变化,以及加强元素的层次结构。成功的动效设计具备以下6条特征。1. 响应式的视觉反馈在UI设计中非常重要。它之所以有效是因为它迎合了用户对确认的自然渴望。在现实生活中,按钮、控件,以及对象对我们的交互产生响应,这就是人们希望事物达到的效果。图片来源:聪明的设计用户界面应该快速地响应用户的输入,精确到用户触发的地方,以及显示新界面和创建它们的元素或操作之间的关联。让用户感觉点击这款app真是棒极了,就像知道即将发生什么。对象对用户的意图作出适当的响应。图片来源:Material Design2. 关联性的将新创建的界面与创建它们的元素或操作关联起来。关联背后的逻辑是帮助用户理解视图布局中刚刚发生的更改,以及引发更改的原因。以下你会看到两个菜单变化的例子。在第一个例子中,菜单从距离触摸点很远的地方出现,打断了它与触摸点之间的联系。不正确示范。图片来源:Material Design在第二个例子中,菜单从触摸点出现。这将元素与触摸点联系起来。正确示范。图片来源:Material Design另外一个例子是操作按钮在一定条件下功能发生改变。“播放”和“暂停”按钮可能是最常见的可切换按钮的例子。将播放按钮转换为暂停按钮意味着两个操作是有关联的,点击一个按钮可以使另一个按钮可见。你应该用动画让状态之间的转化看起来是平滑的,而不是间断的。平滑过渡到播放控件既可以告知用户按钮的功能,同时又为交互增加了惊喜。图片来源:Material Design3. 自然的避免出乎意料的转变。每一个运动都应该是现实世界的力所驱动的。在现实世界中,物体加速或减速受到重力和表面摩擦力的影响。类似地,在友好的用户界面设计中,启动和停止都不会立刻发生。以下你会看到一个很好的例子,用户从列表中选择一项放大它的详情视图。在变化过程中,小卡片在扩展成一张大卡片时,小卡片往其目的方向移动。正确示范。在屏幕上向上移动的元素也应该通过向上运动来表现加速的过程。图片来源:Material Design4. 有目的的在正确的时间将注意力集中到正确的点上。运动,其本质上,在用户界面中具有最高的优先级,无论是文本段落还是静态图像都没有办法与其比拟。一个好的动画可以帮助引导用户进入交互的下一步。用户不能第一时间真正预测到将要发生的交互,但是适当的动画能够引导用户,使用户对内容的改变不会感到突兀。Mac OS在最小化窗口时使用功能动画。这个动画将第一个状态与第二个状态连接起来。Mac OS最小化窗口动画另一个很好的例子是父-子窗口转换,用户在列表项或卡元素中选择一个项目,然后放大到它的详细视图。这种交互为用户保留了上下文。父-子窗口转换动画。图片来源:Material Design5. 快速的当元素在位置或状态之间移动时,移动速度应该足够快,以免用户等待。但也不能太快,要让用户理解转换。动画不能太慢,因为这会产生不必要的延迟。不正确示范。图片来源:Material Design摇晃和减缓元素的运动会延长时间。不正确示范。图片来源:Material Design快速的完成动画使用户不必要长时间地等待动画结束。正确示范。图片来源:Material Design保持动画简短,因为用户将经常看到它们。保持动画持续时间在300毫秒以下。正确示范。图片来源:Material Design6. 清晰的动画一次性不要太多,因为当多个元素向不同的方向或交叉路径移动时,用户会感到困惑。不正确示范。图片来源:Material Design动画应该清晰、简洁和连贯。记住,对动画而言,少即是多。所以,我们应该只关注动画对用户的实际帮助。正确示范。图片来源:Material Design总结最重要的是,动画不是随机的。每一个操作背后都有目的。运动引导并专注于最重要的东西,这样你才不会迷失。无论你的app是有趣的,严肃的还是直白的,运用动画可以帮助你为用户提供一种清晰、快速和有用户粘性的体验。人性化设计。关注每一个细节是你成功使人机交互易于使用的关键。谢谢!翻译:谢尔鱼原文地址:http://babich.biz/functional-animation-in-ux-design-what-makes-a-good-transition/

    浏览:41 发布于:2017.11.10
  • UI入行“前规则”

    很多想入行UI设计行业的人需要了解的很多,其中有太多的问题,其实跟职业技能没大关系,重要且容易被忽略。所以特此开贴,普及一下就业的概念。    开贴一个月时间,给我留言的人,超过200人,首先非常感谢大家的关注,但是也发现了很多问题。因为加我的大多数是新人,所以主要问题都集中在行业以外,今天特意写一篇行业概念普及的文章,以供大家参考。     UI有很多问题,都跟本身的专业技能无关: 我遇到很多人提问都是:我要转行或者我要入行,首先该学什么? 我能给出的建议就是,先把那些知识都放一放,你首先应该了解这个行业。 我说个简单点的方法: 你可以去百度各种排行榜:设计网站,手持app,应用,游戏。你首先应该去了解这个行业里哪些产品是主流。你也可以去搜索QQ群以及论坛,进去跟别人沟通,了解一下工作类型和内容,待遇等等问题。 哪怕你的了解范畴再偏激,再稚嫩,起码你有了一个大致的印象,那么你就有了一个参考方向,也知道自己该往哪个方向去学习了。起码你会判断一下,自己是否对这些东西感兴趣。对吧? 你知道了产品,也就能查到这些产品都是什么企业开发的,去了解他们在行业中的地位,公司所在地理位置甚至待遇条件等等信息。因为就业是双方的选择,你不能因为你是新人,就谁给钱就跟谁走。因为每一个从业者都需要职业规划。稍后我们会详细聊一下什么是职业规划。 我甚至见过,职业技能还不错,但是对行业完全不了解的从业者。这类从业新人,还真不是少数。每一个人的提问,都表现出了对工作上的不满,领导的愤慨,客户的无理取闹等等信息。其实如果入行之前就能有个大概的了解,那么就不会有这么大的心理落差了。 所以我很强调兴趣,如果你对这些产品有兴趣,甚至是它的使用者,那么在接到工作的时候,你可以瞬间找到很多同类设计,大大提高你的工作效率,和收集资料的时间。 我认为第一重要的职业素养就是:自我进修的能力。 很多人的学习都是在工作中完成的,这是一种方法,但是这种方式效率不高。 设计分为两种:有限设计和无限设计 我们现实生活中的设计,必须都是有限设计,资金,市场定位,技术实现能力,硬件限制,时间,成本,人力,团队,等等,有非常多的限制,无法让设计达到自由。在这么多限制的情况下,工作就需要无比重视效率和可实现性。同时你学习的范畴也被限制了。 有没有那种,既不用为了赚钱糊口,又可以自由发挥的设计呢?有,就是业余时间。在个人的业余时间里,哪怕你每天只有半小时,这段时间没有任何限制,你可以自由创作。可以去适应各种不同风格,可以不用考虑他人意见,技术实现等等一些问题,去从事一个纯设计的自由时间。是最有效率的进步时间。它有两个作用:第一可以拓宽你的设计经验,第二不用多久你就会发现,它跟你的工作开始慢慢重叠,你的效率会越来越高。 经验其实就来自于你做过多少类型的设计,你完成设计的数量,这个事情的关键是在于你可以每天都有放空去尝试的习惯,而不是累死累活玩命的工作。这是完全不同的进修方式。 很多人不具备自我进修的能力,并不是因为不想,而是不知道怎么去自我进修,缺乏方向。因为今天的论题太大了,所以放一放,我们有机会再来聊自修问题。 勤奋不是没日没夜,蜡炬成灰泪始干,那种燃烧生命式的工作态度。 相反的,一个从业者,完成工作大概消耗掉4成个人精力体力就可以了。为什么这么说? 如果你从事一个工作两年还不能得心应手,觉得困难重重,一直无法放松。那么我能给你的建议,就是,你要不要考虑换一个工作?可能这份工作不太适合你。 敬业精神,不是玩命消耗体能,而是尽量提高工作效率,你只有有了更多的可以自由支配的时间,你进步的效率才会更快,敬业精神,是把自由时间用在提高个人能力上。能力的提高,才是效率提高的根本,而不是工作时间的长短。 有些人会反驳我说,不是我效率不够高,UI只是项目一部分,很多修改工作,以及加班时间,都是项目组和公司规章制度,流程造成的。那我只能说:你的先了解行业和企业,去选择一个适合自己的发挥和发展的环境。越是不规范的企业,效率越低,这是不争的事实。 有太多新人,不重视这个事情了。之前有说过,设计人员会做也需要会说,这里就不重复了。 说点新的,一个人能完成的工作很有限,一般从业2年,就会有机会带新人。向上的理解能力,平等的沟通能力,向下的沟通能力,都会需要。 向上的理解能力:不仅仅是听取,更重要的是需要实例,去不停的比对你与客户以及领导之间的词汇差异。同样一个词汇,每个人心里的度都不同。所以不能只靠语言沟通。 平等的沟通能力:与同级的人沟通,其实是最常有的,且目的最贴近工作的沟通模式。 向下的沟通能力:对待下级,你不仅仅需要交代清晰,在很多时候都需要鼓励,与明确标准。赏罚分明,才能提高全员效率。 沟通无论是学习还是工作,都是一个非常重要的能力。而且立场需要明确。 能够严格区分工作需求和个人需求是一个先决条件。请把那些大数据,用户体验,市场定位等大词汇放一放,如果你的工作不能首先满足你周围的几个人?你也满足不了那些大词汇。客观实际一点,去效率性的解决问题,因为UI只是项目很小一部分,你以UI来左右项目成败的可能性不高。还有很多机会可以修正。不要浪费时间在个人取舍上。 一个设计者的价值在哪里?从业多久?跟过多少项目?进过什么类型企业?职业技能多好?对行业多了解?个人思考模式成熟? 一个从业者必须要有个人的职业规划!这是对自己,对企业负责的一个职业态度。 我听过太多人抱怨工作不满意,策划上的不满意,程序技术的能力欠缺,老板的中二病等等。这些不满其实都来自于你对行业不了解。 首先你的知道企业类型,上市公司,研发公司,创业公司,外包公司。 你也的明白产品是怎么盈利的,你都不知道钱是怎么赚到你手里的,你凭什么可以做准确的职业规划?知道自己的发展空间以及有目的的提高自己的能力和待遇? 所以作为一个设计师,要了解行业企业,项目盈利方式,才能更有目的的参与相应的项目,积攒有效商业产品项目经验。 这个时候体现出了,沟通能力的优势了,沟通不仅仅在工作学习中有效,在就业人脉上的信息,是你晋升以及后路的一个保障。 这个时代,不再吃大锅饭,没有人一辈子就从事一种职业,特别是UI,当你对这个行业越来越了解,人脉积攒越来越广,能力与资源积攒越来越多。你到了一定年龄就一定会考虑,是不是要创业,独立,去做更多的事情。 而不是把一个职位,一口饭,当做理想。——————————————————————————————————————————————— 以上的都是给入行新人看的,都是概念,不是具体做法,因为交代太详细,会导致大家都按照一个逻辑去组织和完善。我特别鼓励新人多尝试,多犯错,这是成长的必经阶段,没人不走弯路,没人不浪费时间,这是客观事实。所以在心态上,也别想找什么捷径,你的环境条件越优越,你个人就越弱。这是一个冷暖自知的问题了。——————————————————————————————————————————————— 回答一下,完全无基础的新人提问:究竟应该是自学还是应该参加培训?首先我是做UI培训的,所以我的角度,实在是无法去评价职业培训机构的优劣。所以请不要在问我哪个培训机构好不好这种问题了。我能告诉你的事实就是,无论从哪里毕业,你都是行业新人,你的职业道路才刚刚开始。自学和培训其实各有优缺点:我们这一代人,其实都是自学的,因为没有那个环境,我从业的时候,国内别说培训机构了,连书籍和资料都没有,所以我走的路就是,我是一个画画的,去敲每一家公司的大门,问问,有没有需要绘画的工作,在工作当中摸爬滚打,一路折腾到现在。回想起来还有点小自豪。但是现在这个时代不一样了,因为中国行业发展近20年,市场需求与研发标准越来越规范,靠硬头皮去顶开职业大门这种事情,已经不太靠谱了。而且公司也不愿意花费人力去培养新人,新人带起来以后,就跳槽了。得不偿失。所以很多小企业是没有实习制度的,大型企业实习也不是对所有人都开放的。自学,现在网上资料多,项目参考也多,其实自学并不困难。但这也仅仅限制于最最底层的绘制而言。有了绘制能力,然后去找个工作,在工作中学习进步,也算是一条出路。但是工作这个事情是双向选择,不仅仅是企业需要人才,个人对企业的需求也很重要。找工作的基本原则:1学习环境(如果公司里有大神或者项目很牛叉,有机会在他人指导下工作,进步是很快的)2工作环境(UI的价值也在于你参与了什么项目,你是否喜欢这个项目,以及工作条件,人员环境,等等都适合,你才能心无牵挂的安心提高)3待遇(客观自我评价,你在什么阶段,就应该拿多少回报)自学确实是一个廉价的方法,但是自学的接触范围太狭窄,时间花费也是巨大的。参加培训机构:培训的优点有几个,第一学习环境,比起一个人在家,和一堆同学一起学习,这个氛围是自学无法获得的。有比较,有交流,有互相的督促,学习效率和兴趣都会高很多,毕竟一个人太寂寞,容易憋出病,呵呵。第二接触范围:UI的绘制能力是最最基础的职业需求,相对来说,设计能力,和设计表达能力,口语能力,硬件制约,项目流程等等,这些东西都不是自学能够接触的。第三工作机会:大多数培训机构都与商业公司保持良好的合作关系,人员输出相对便捷。第四可能没有人注意到:一般两年以后,你的同学校友,其实都在各个公司工作了,你的行业信息也会比较真实可靠。市面上培训太多了,说点大家应该注意和需要调整心态的问题吧。教师:说实话,没有几个大型公司高管会去当老师带新人的,有能力的当然去做项目了,第一大家不用期待你的老师有多牛叉,因为对于一个初学者来说,教师的能力只要足够教育新人就够了。一个培训机构好不好,还真不在于教师,而在于教学体系。就业:很多包就业的培训机构,其实这是一个伪命题,学员足够好,不用包就业,只要公布就业率就行了。速成:这是绝对反客观事实的宣传手段,如果速成那么容易,就不会有那么多岗位缺口了高新:确实现在UI行业有些人已经拿到月薪2w甚至超越很多概念设计师薪酬了,但是请注意,没有任何一个刚毕业或者就业新人,有这个机会,能力和薪酬是成正比的。绝难一步登天。所以总结下来:其实你培训和自学两者可能都需要,有一个学习环境,有老师带领,但依然需要你自己刻苦钻研职业技能。没有人生来就不走弯路,既然决定要走,就用跑的,才能加速前进。————————————————————————————————————————————————正常来讲新人的路:第一个要克服的其实是绘制障碍:这包括软件的应用,各种风格和效果的实现。没有人在有绘制障碍的时候可以高效的完成设计工作。第二是应该对行业足够熟悉:不仅仅是市场,项目,也包括企业信息。甚至是国内设计名人。对于团队合作,流程和规范都应该有一定的认识和理解。第三需要积攒个人独立设计:随着从业时间越久,因为个人喜好,情绪,逻辑等沉淀,你会越来越具有个人风格,这是个人品牌的积累。也是从服务别人,到别人需求你的一个转变过程。作者:铁木士 

    浏览:41 发布于:2017.11.10
  • UI需要什么样的美术能力(二)应用篇

    UI到底需要什么样的美术能力?上一次只聊了绘画的原理与概念,这次浅谈一下绘画原理的应用。上一讲以后很多人给我留言,有各种问法:1不会画画影响大么?2做ui一定要会画画么?3会画画就UI做的好么?等等的问题吧总结下来,我觉得有必要讲一下,绘画理论在设计中的实际用途。这样才方便大家判断,绘画在设计中占的比重:其实吧,绘画没在UI设计中占多大比重,这个就像麻雀虽小五脏俱全一样,占的比重小,但是挺重要,少了就是残疾,多了,也不可能因为你一个器官过大,就对你身体有绝对的好处。相反可能影响你的健康。凡事都有度嘛。除了网店那种商品展示之类的,UI里的基本没有什么是直接使用照片的,都需要重新设计和绘制。那么我们怎么才能以最少的视觉元素,让用户快速识别信息内容呢?这是一只鸟,显而易见,它身上什么才是主要信息?嘴?眼睛?翅膀?我画什么才能让人知道它是一只鸟呢?其实都不用,剪影是最低的信息辨识方式。你会发现大量的UI原件,信息内容都是剪影转化而来的,根据不同风格,剪影外轮廓也会有不同的变形。风格不在今天讨论内容里,所以先忽略变形这个问题。我们今天只聊最基础的绘画原理。这玩意,基本上就难以辨认了吧?不是所有的物品剪影就能区分的,还是需要细节的。其实这是个钱包。。。。。那么是什么让我们确认了这是个钱包么?我先来假定一个命题,我们今天来制作一个钱包的icon。通过完成过程来熟悉绘画知识的,应用和理解。我首先翻转了这个钱包,理由嘛:一般来讲,不是特殊需求,一个物品的方向都是右侧为主!为什么呢?因为一般光源方向都是左侧打出的。这其实不光是人的视觉习惯,也是因为市场上的通用设计,导致了这个经验式的设计习惯。这不是一个一定要遵守的规则,仅仅是常规参考而已。的根据实际情况来判断物品方向和光源问题。我们今天只单独做一个icon,所以没有整体UI设计的影响,不会考虑太多其他因素。我们来看下四个草稿:一:只有外轮廓,无法判定是什么二:有了一个扣具的轮廓,依然无法准确判断三:扣具上有了扣子,这回容易判断一点了四:多了缝线的细节所以信息简化这个事情,是有极限的。你能用最少的视觉内容,让用户分辨出信息,这是一个很理想的状态。但是仅仅是识别,还不能满足UI的需求。比如做成这种草图,能认出来,多数情况下是不能直接使用的。那么我们现在就来复杂化这个钱包,第一个需要建立的就是结构:我们生活在三维空间里,所以所有的物品都应该有厚度H(三维世界无非是多了一个z轴方向的纵深),哪怕是一张纸。一个面片,哪怕只有一像素的高光,和阴影,也能直接从空间中脱颖而出。这是一个概念,并不是一个必须要遵守的规则。特别是在UI设计里,很多风格比如扁平化,等等,都是可以忽略厚度,纯拼颜色和构图的。但是为了方便大家理解绘画逻辑。所以我们今天的样例,是有空间和结构概念的。ABCD:分辨增加了不同方向的厚度。首先不会选择B,B增加的厚度部分,是没有机会展示钱包内部的,直接封死了增加细节的范围。其他三个都ok,都可以继续延续设计细节。我选择了C,别问我为什么,个人喜好而已,因为这个命题没有其他icon与UI界面的透视方向等参考,所以,选择随意。一般来说整体UI的光源,透视方向应该统一。除非特殊需求和目的,或者资源限制。我们首先在结构上增加这个钱包的“牛皮”厚度得到一个这样的结果。但是。。。。。。如果任何物体都有厚度,那么它最少有两个部分,就是受光部分,和阴影部分。所以我也要为钱包的边框,调整受光和背光,以增加它的视觉厚度。这个时候,问题就出现了。按照正常的光源方向,我应该在最上面的边上看到高光。理论让应该是这种打光方式。但是我没有选,我选择了打中光,因为按照正常的左上方式打光,钱包的边线会不清晰。因为icon很多都很小,所以光源越复杂,有时候就越难辨析。我这里是主观的选择了打光方式。以避免放大缩小带来的麻烦(icon制作一定要考虑尺寸大小,视觉可辨析度的问题)这是样例,所以也就不会深究了。我们逐步的增加了这个钱包面片的厚度。1,纯面片,一般适合扁平化与无透视的设计。2,有一定厚度,但是没有形状复杂变形,这种结构多数都是为了打光考虑的,毕竟纯面片是没有打光机会的。3,在稍微写实一点的设计里,钱包的厚度,不会是纯平面,是弧面的。所以我们现在来增加它的弧面厚度。弧面周围都是阴影部分,高光都集中在最高处。所以选好范围直接内阴影就行了。给了两个高光,因为一个是弧面是钱包正面的高光,一个弧面是钱包侧面的高光,当你理解了钱包的形状。你就很容易确定阴影与高光位置。那么你就更容易体现结构。我们现在来加入牛皮扣:首先这个绝对不ok,扁平化的牛皮扣可以这么做,但是有透视的不行。因为牛皮扣是附着在钱包上的,它必须遵守钱包的结构,才能包裹住钱包。同样面片向上移动就有了厚度,复制缩小,就留出了牛皮扣的边框。当你理解了空间,结构,光原理,其实你就很容易的利用一个最初的形状去做加减法,大大增加了绘制效率。牛皮扣,也不可能是完全平面,所以我们给出了弧面的高光和阴影。一个圆形,复制,移动,等于扣子。我们下面来为钱包增加细节,既然是钱包,那总应该有点钱吧?我们做了两个面片,一个硬币,但是看起来总有点问题,问题在哪呢?层级!用阴影遮挡住钱币以后,钱币才看起来像是放在钱包里。UI中有很多层级问题,都是通过阴影遮挡达到的。先后级问题,需要透视,光,结构,等原理一起解决。请注意第一个钱币的阴影,与第二个修正之后的阴影,第二个更尊重钱包本身的结构,也就看起来更舒服。所以结构影响光,阴影,阴影也必须跟结构的透视关系是一致的。我随便在网上找一个牛皮材质,覆盖在钱包之上,因为明暗关系都已经做完了,所以看起来直接就变成牛皮钱包了。我只要更改材质的颜色,就可以更改钱包的颜色。那么下一步就是手绘修正了,把材质的范围,收到牛皮部分,调整高光大小增加细节。差距大么?恩,貌似很大,因为这是一个网上的效果图。感谢作者,省了我很多时间。总结一下:这一讲,从剪影,到面片,到空间结构。我们在按照结构原理,光原理,透视原理,不停的复杂化一个物品。我的目的不是要讲,怎么画一个东西好看,我的目的是希望大家能够通过这些简单原理,去分析你要做的东西,无论做加法还是减法,都需要尊重这些原理。UI不是一个绘画工作,了解绘画原理是为了,拆解我们的工作过程,合理化,规划设计流程。其实UI里很少涉及到你需要大量手绘的部分。都是基本形状的应用。所以,绘画原理也可以浅尝即止。不需要每个UI都拥有原画师级别的绘画能力。作者:铁木士

    浏览:40 发布于:2017.11.10
< 1 2 3 4 ... 88 >

18

November

success
学设计来火星,开启你的时代 立即体验