干货技巧!有哪些实用秘诀可以帮助UI/UX设计师自我提升
如果你对艺术有着足够的热忱,又能够玩转技术,那么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设计师,配色技巧无疑是令一个关键。使用正确的色彩,能让页面中特定的元素显得更加突出,为整个设计提供良好的对比度,正确地引导用户注意力。
正确的色彩运用能调和页面的不同区块,有效的提升整体的设计。多年的设计工作给我最直接的经验就是,更好的视觉设计意味着更多的收益!虽然色彩和对比度的控制是小技巧,但是真正借助这一技巧来管理用户的注意力的设计师并不算多。
善用线条、动画和负空间
之所以我如此的注重线条、动画和负空间,是因为我在走了许多弯路之后才认识到它们的重要性!当我刚刚开始为用户设计网页的时候,对于这些东西完全没概念,是在一次次失败中对它们逐步认识、了解再到熟练的。年轻的时候单纯乐观,失败了就去分析失败的原因,最终有了今天的这个条目。
多使用留白或者说负空间,用动态元素来填补过渡,在不同的组件之间合理地运用线条来做视觉引导,整个设计会好很多。当我用这些技巧重新设计最初的作品之时,效果出人意料地不错,获得了不少正面的反馈。
【技多不压身的设计师才有高薪资!】
- 平面设计: 《超赞!设计师完全自学指南》
- 交互设计: 《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
- UI设计: 《超实用新手指南!零基础如何自学UI设计?》
- 前端开发: 《天猫高手来教你!零基础如何系统地学习前端开发?》
- 抠图技巧: 《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
- 配色方案: 《色彩搭配速成!3个实用方法帮你全面搞定配色》
- DPI指南: 《基础知识学起来!为设计师量身打造的DPI指南》
- 交互设计自学路径图: 《零基础入门!给非科班生的自学路径图之交互设计篇》
原文地址:
designyourway
原文作者:
Mauricio Prinzlau
优设译文:
@陈子木
「子木说」(Ver.偷懒)
敏捷开发 :敏捷开发以用户的需求进化为核心,采用迭代、循序渐进的方法进行软件开发。在敏捷开发中,软件项目在构建初期被切分成多个子项目,各个子项目的成果都经过测试,具备可视、可集成和可运行使用的特征。换言之,就是把一个大项目分为多个相互联系,但也可独立运行的小项目,并分别完成,在此过程中软件一直处于可使用状态。
精益创业 :其核心理念可以追溯到软件行业的敏捷开发管理。例如“最小可用品”与“原型建模”非常相似,都追求快速的版本迭代,以及时刻保持与客户的接触并获得反馈等等,精益创业可以理解为敏捷开发模式的一种延续。
能力成熟度模型(CMM):CMM的基本思想是,因为问题是由我们管理软件过程的方法引起的,所以新软件技术的运用不会自动提高生产率和利润率。CMM有助于组织建立一个有规律的、成熟的软件过程。改进的过程将会生产出质量更好的软件,使更多的软件项目免受时间和费用的超支之苦。