
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
在上文我们说到了,企业为了能够快速传递企业形象应该采用符号化设计模式来推广,那么,我们如何才能利用ui设计来制作企业符号化形象呢?企业又应该从哪些方面来进行符号化的设计推广呢?
今天,我们就用两个案例来说明一下,当我们采用符号化设计的时候是如何利用ui设计来实现的。
那UI设计如何做到符号化设计?
具体从设计层面上来讲包括以下三点:
选取元素——选最具代表性/最简洁的元素,如最基本的图形或色彩进行设计,注入语义。
强化差异——剔除繁杂,靠强化不同来深化印记,呈现个性化、直觉化图形识别设计。
构建符号——在整个产品的UI系统中要使用统一的视觉形象,在视觉设计迭代中,要沿袭和继承语义内核,沉淀并构建出符号。
案例一
举个实际工作中UI设计的例子:
英语学习产品读句子的两个界面,主要有三个icon从左至右代表的依次是:播放原音,用户录音和播放用户录音icon。从我们和竞品的两个界面对比你就能看出来区别来(我们英文正文字号太小就不说了,也是个问题):
我们采用了三个形式不同的icon来表达三种行为,而竞品只用了两种icon分别表示播和录。
我们用喇叭造型代表播原音,三角造型代表播用户录音,而竞品都用三角代表播音,只是播用户录音的icon下面加了用户的头像;
竞品对于icon设计采用了色块的表达方式,而我们采用的是线稿处理,形式弱;
并且我们的三个icon里虽然放大了录音icon的圆底的大小,但内部图形基本一样大,没有做主次区分。竞品不仅放大了用户录音icon,而且在录音过程中录音icon的底色变为绿色。
从上面的比较来看,我们的问题是显而易见的。我们目前采用了三种图形表达三种操作,其实三种icon之间差异小,理解成本高。而竞品用两种界定了播和录,简化了概念更便于理解。另外,竞品在播放用户录音的icon下面加了用户头像,这种处理方式比我们另外多出一种icon和播原音做区分的手法更为高明,效果也更为显著。
我们对于icon的造型采用了线稿的设计形式,带来的效果是弱化了icon之间的区别,尤其是在听读的过程中icon的辨识度会降低。
我们的设计没有突出用户录音的icon——唯一需要用户行为参与的操作(播原音和播用户录音只需要听即可)icon,而竞品不仅放大了icon而且在激活状态使用了绿色进行强化区分,强化了与其他icon在激活状态的差异。
我们的设计方案在另外一种叫做“场景对话”的题型中,问题尤为突出,用户使用中更不知所措。因为在这个题型中三个icon在固定的位置依次出现,由于很小的辨识度,快速的自动播放的流程中,用户的头脑根本区别不出来何时该听,何时该录。脑和嘴根本协调不到一起,更别提跟得上流程了,这对用户来说是一种很大的挑战。
可见,竞品的设计在符号化建立上做的更好,更易于深化用户记忆和本能识别,建立高效的人机互动。
所以综上所述,如果我们的方案能够在设计初期就考虑到使用符号化的设计策略。优先通过视觉手段增加、扩大不同操作的区别,强化记忆,这个问题就会很好解决。
实例二
我们在做UI设计的时候,正确并统一使用色彩在产品中表达的意义,也是建立符号化设计识别的一种方式。如图7,我们的口语题型不同平台对于口语评分结果的展示选用了不一样的色彩。PC端选用了红色作为低分段(橙色为中间分数段色彩)色彩,蓝色作为高分段色彩,而手机端选用了红色作为低分段色彩,绿色作为高分段色彩。很显然从我们对于色彩的认知上判断,红色为消极、错误的,那么绿色就对应应该是积极、正确的,而蓝色是一个没有明确正误概念的色,所以高分段的色彩最好统一为绿色。
同样的题型两个平台的色彩运用不规范,不统一
两个平台对于高分段的显示色彩处理不一致,这就很难建立起符号化的记忆和识别,会给用户在体验过程中带来很大的困惑,尤其是在我们目前两端用户访问量都不小的情况下。
当然这个只是个小问题,我们也已经做了统一优化。之所以把这个问题抛出来,就是想说明全站正确色彩使用规范确立了,基于此的视觉色彩符号就会建立。
当然符号也不单纯是视觉层面的,也可以借助语音等多感官形式,来建立用户的识别系统。比如我们的产品在练口语的过程中就采用了音效做为辅助视觉的方式,如在“叮”声之后就开始录音,如得分高的音效是清脆的提示音,而低分是沉闷的提示。这些设计,就是希望能给用户带来更直观的效果,建立更本能的反馈。
总之,这只是符号化设计的一个系统思维,而视觉设计是其中最重要的一环。
达内时代科技集团致力于培养面向电信和金融领域Java、C++、C#/.Net、3G/Android、3G/IOS、PHP、嵌入式、软件测试、UID、网络营销、网络工程、会计、UED、web、Unity3D、大数据、童程童美等17大方向中高端软件人才课程与少儿教育课程。选择太原ui设计培训,不再孤军奋战,轻轻松松做IT高薪白领。太原达内培训带领有明确目标的学子迈向成功之路!想找工作的求职者可以加QQ:3373924515(太原达内就业服务部)咨询了解。