如果你对艺术有着足够的热忱,又能够玩转技术,那么UI/UX 一定是你的菜。
这是为数不多能为技能、想象力、创造力和技术提供一个出口的工作,也正是这种属性,使得这经验丰富的UI和UX设计师如此抢手。
如果你正在寻求提升技能的方法,那么下面的十个技巧绝对是帮你走向专业的秘诀。
在绘画和素描上多投入点时间
UI/UX 设计师的这个职业,是视觉艺术家和技术专家的结合体,同时还对于代码和数码艺术有着敏锐的感知。不过随着时间的推移,我发现我距离初对于艺术的热情越来越远。
这样的情况令我设计越来越困难,直到我拿起画板开始在纸上构思。正如同许多艺术类课程所推崇的那样,我在纸上勾勒出正负空间的交叠,加上色彩,调整透视,制造布局,打磨框架……这些元素基本都算是用户界面设计的基本技能,并且可以带你更接近成功的梦想。
借助原型工具做好用户测试
对于UI和UX设计师而言,这是相当重要的一个秘诀:做好用户测试。从打折测试到实验室测试,不同的测试方法可以用来应对不同的情况,如果你真的想好好做一下用户测试。
那么Jeffrey Rubin 的这本《Handbook of Usability Testing》绝对是不二的选择。在工具的选取上,我个人更喜欢的是Invision,它可以将我的设计转变可交互的视觉稿。
为移动端设备优化UI和UX
有些设计师为桌面端和移动端只准备一个设计框架,这是一个常见的错误。在充分认识到这一点之后,我动员我的团队设计出不同的版本。
为此,我们为移动端优化出的设计模块,拥有更大的文本,较少的元素,自动输入的区域等典型的特征。
有个用户体验设计原则在此非常实用,那就是将每个任务分割为更小的部分,这样可以将任务细化为一个特定的过程。
此外,我们还会使用一些特殊的基于移动端特征的设计,比如根据用户的手持方式和手指位置来进行界面布局优化。
善于合理复用UI模式
设计模式本身的功能相当强大,用好了可以四两拨千斤。如你想提升你的设计技能,不妨将现有的一些设计模式都仔细研究一下,充分地运用起来。
目前典型的设计模式是卡片式设计,当你设计出关键的组件之后,使用卡片的样式呈现出来,用户会将这种样式和功能联系起来,之后随着熟悉,降低对不同组件不同功能重新学习的负荷。
挖掘优化工作流程的方法
如果你想成为一名真正卓越的UX设计师,那么你应该将你的注意力转向了解如何正确处理工作上。就设计这件事本身而言,如何在不同的情况下选择不同的思路和流程是基本的层面。
你可以选择敏捷开发来搞定可交互的递增型设计,你也可以使用能力成熟度模型(CMM)和能力成熟度模型集成(CMMI)来进行品质控制和分析,使用精益创业(Lean Startups)作为框架,借助小可行产品(MVP)来理解用户的基本需求。
如果你想提升自己,还得充分研究潜在客户
我想我可能还强调的不够,真的!也许会有销售人员吹嘘如何卖梳子给和尚,但是现实生活中向牙都没有的老太太卖连牛排,或者向警察卖大麻这样的事情,成功率有多高用脚都可以想的出来!
在不知道潜在用户年龄、背景、需求的情况下,真的能作出好的、对的设计么?面向布鲁克林周边用户的夜店和面向麻省理工大学生的夜店的官网在设计上肯定有差异,难道不是么?
做做用户调研,想明白页面上应该给用户提供哪些信息,制作一个简单的小样,看看它是否符合你的想象和预期。
用好网盘和协同工具
Google Drive 是一个典型的协同化的云端存储工具,它拯救过我的次数已经数不清了!它强大的共享和备份功能对于UI和UX设计师而言,确实太赞了。
现在许多网盘当中已经内置了文档编辑功能,Google Drive 就可以直接编辑表格、文档和PPT。
所以,你可以直接在云端编辑PPT,在其中制作线框图,编辑UX流程,绘制简单的状态图,和团队成员分享笔记和用户反馈,如果你要修改也是相当简单方便的事情。
钻研成功产品中的技术技巧
好了,接下来我们来聊聊和技术细节有关的事情。
现如今的网页设计需要扎实的排版设计知识作为后盾,作为UI和UX方面的专家,你应当对于间距、缩进、响应式等技术细节有一定的了解(了解CSS样式中各种属性和标签)。
随后,你需要了解怎么运用工具,如何实现这一切:CSS标签都用错了,绝对是不可接受的!所以一定要小心。
要确保可点击的区域符合需求,给用户带来更好的体验;保证字体尺寸合理,保证页面的可读性;超链接的色彩显眼又便于点击,等等。
为了整体的开发提升配色技巧
如果你想成为一名优秀的UI和UX设计师,配色技巧无疑是令一个关键。使用正确的色彩,能让页面中特定的元素显得更加突出,为整个设计提供良好的对比度,正确地引导用户注意力。
正确的色彩运用能调和页面的不同区块,有效的提升整体的设计。多年的设计工作给我直接的经验就是,更好的视觉设计意味着更多的收益!虽然色彩和对比度的控制是小技巧,但是真正借助这一技巧来管理用户的注意力的设计师并不算多。
善用线条、动画和负空间
之所以我如此的注重线条、动画和负空间,是因为我在走了许多弯路之后才认识到它们的重要性!
当我刚刚开始为用户设计网页的时候,对于这些东西完全没概念,是在一次次失败中对它们逐步认识、了解再到熟练的。
多使用留白或者说负空间,用动态元素来填补过渡,在不同的组件之间合理地运用线条来做视觉引导,整个设计会好很多。