交互方式模拟现实
模拟现实的交互方式会给人熟悉亲切的感觉,用户不需要学习,便能够理解。UI设计中不乏这样的例子。例如,当某个按钮按下去的时候,呈现比原来更深的颜色,这个就是模拟了现实中光影的效果,不同的高度,对于同一个物体,颜色肯定有所差别。有一个小的手电筒APP,就模拟了现实中的手电筒,所以用户不必思考它怎么用,因为太熟悉了。用户第一次接触,不需要学习,毫无约束的使用的应用,就是好的应用。
界面设计要简单
界面设计跟平面设计有很大不同,平面设计可以随自己的喜好或者是需要加入一些装饰,特别是海报招贴的设计,需要有一些吸引眼球的内容或者是色彩。但是界面对于用户来说是工具,所以好用是工具所要具备的第一品质,为了不干扰用户,不要添加不必要的装饰。 为了使界面干净,要适当隐藏一些不重要的功能,但是用户可以通过有效的方法找到这些功能。
图标的应用
①尽量使用通用的图标。 用户已经习惯的图标,我们就不要去试图更改,使用通用图标会让用户更容易使用,也更容易让用户对界面产生亲切感。一个陌生的界面的接受程度远不如一个被大众熟悉的界面。
②图标的设计能够体现所代表事物的特点。 当然,除了通用图标,我们也要设计能够体现软件特点的新图标。让软件有一定的个性和差异性。设计图标一定能够代表事物的特点,让用户看到图标在不用文字解释的情况下能够理解它所代表的含义。这样的设计使得软件生动充满了活力,提升用户体验。
③图标的设计不能太过复杂。 虽说图标的设计能够体现所代表事物的特点,但是设计不能太过复杂,要简约。好的图标设计既要有特点,有亲和力,又能让界面很干净。
色彩的搭配
相同的颜色,搭配的比例不同,搭配的位置不同,就会产生不一样的感情色彩。不要超过3种颜色是所有色彩原则的基础。
①黑白灰优先。 如果你没有很好的配色,那就先选择黑白灰吧,如果搭配得当,黑白灰的设计看上去层次也是很丰富的。
②在黑白灰基础上添加一种色彩。 如果你觉得黑白灰单调,可以在黑白灰的基础上加入一种色彩,可以在大面积的黑白灰上面加入小面积的颜色。这样的搭配高雅,又不失活力。
③使用同一色系进行色彩搭配。 如果使用色彩来搭配,那么一个页面最好使用同一色系的颜色来进行搭配,这样就不会出现不协调的问题。
④可使用互补色进行搭配。 只要比例得当,互补色的搭配一样可以收获很好的视觉效果。
⑤使用邻近色进行色彩搭配。 一种颜色的纯度比较高的时候,另一种颜色纯度低或名度低的,这样搭配出的效果会比较好。以上只是一些基础的色彩搭配,初学者,如果能做到以上几点,相信界面设计也一定不会差。
语言的使用
②语言使用的准确性。 使用语言一定要准确,不要产生歧义,不要让用户思考。
③语言使用的通俗性。 不要使用专业术语,是的用户根本不理解语言的意思,要时刻记住,我们的软件是给广大用户使用的,而不是给我们的专业技术人员使用的。
④语言使用要体现出情感关怀。 尽量不要使用“警告”“禁止”等不友好的语言,可以使用“温馨提示”“请不要......”以及一些比较时尚的网络用语。总之,语言上的使用,要给用户亲切、友好、轻松的感受。
交互设计师需要懂什么
1、逻辑性
没错,这一点与产品经理差不多。
交互设计师的具体职能,与大多数人印象中的设计师非常不一样。他几乎不关注「好看」,而是关注「好不好用」「顺不顺」等等。只不过,同样是逻辑,在交互设计师这里,用法会更加落地一些。
理论上设计师对于用户、场景、需求的理解,应该与产品经理是等同的。绝不是抛开这些,独立的去思考设计(如果这样,就会更多的出现「美工」那样的思维,只考虑流行、个性、冲击力等等)。在此基础上,产品经理更多的从战略、需求、商业目标、整体的用户价值等角度切入,而设计师更多的从UI和操作层面体验切入。
基于此,设计师必须有足够好的逻辑性,以便于先可以充分的理解产品层面的目标,继而,在自己的工作职责之内,将其转化为UI和操作层面的目标。
举例来说,如果某个产品需求的目标是:提升转化率
则交互设计的目标,或许是:
尽量缩短操作流程
让操作入口更明显
等等。
2、想象力和转化能力
交互设计师在团队中承担着一个非常重要的角色,就是将相对抽象的「目标」和「逻辑」,转化成相对具体的UI和用户操作流。所以,交互设计师必须有足够的想象力,能够将产品经理的需求,在UI层面具象化。
举一个最简单的例子,假设产品层面有一个逻辑是:当出现xxx情况时,需要提示其操作的危险性。
那么,交互设计师就应该能够把这个逻辑转化为类似这样的方案:
由于是一个危险操作,所以提示给用户的时候,应该打断用户的流程。这样用户感受更强烈,并且也只有这样才能起到避免危险发生的目的。
具体来讲,使用对话框的方式打断更加合理,而不是使用一个全新的界面提示。因为后者看起来更像流程中的一步,并不是异常情况。
对话框一定要配合操作按钮,例如一个二元的选择,即:继续执行 or 取消操作。由于是危险操作,那么「继续执行」入口有必要以更加警示的方式出现(例如标红)。
同时,作为抽象与具象的转换者,你也需要足够优秀的表达能力,来讲清楚你的设计思路。
3、基本的设计知识
这是必不可少的技能,必须要刻意学习和练习才能掌握。例如:
至少,你需要了解常见平台的设计规范(例如《iOS Human Interface Guidelines》),因为设计的目标是给人用的,那么你的设计需要与其他同类的产品保持一定的一致性。
至少,你需要懂得一些做UI设计的基本原则和经验(例如:理论上步骤越多,流失越多)。
至少,你需要对你做设计的设备有足够了解(例如:你知道手机屏幕的常见尺寸)。
所有这些,可以通过看书、阅读文章以及不断练习来实现。