随着人的审美需求的变化,用户界面设计越来越以用户感受为中心。
一个美观的界面会给人带来舒适的视觉体验,同时也能够吸引用户,拉近用户与产品之间的距离,从而创造市场价值。
从另一层面来讲,用户界面设计的过程也是一个研究如何吸引用户、满足用户视觉需求以及使产品和用户之间能够融洽沟通并产生情感共鸣的过程。从人的视觉心理和情感的角度来分析如何使用户界面更具备吸引力是值得探讨的问题。
1、具有吸引力的用户界面
用户界面是人与产品之间交流、沟通的载体,一个好的用户界面要具备吸引力,它应该集“实用、易用、美观”于一体。在人与其互动时,它可以大大提高工作效率,使用户从中获得乐趣,减少用户的记忆压力,无论是视觉感受还是情感体验都能够深深地吸引用户,让用户产生舒适愉悦的感受。
当某个用户界面具备简单、易使用、有效率和易反应等特性,用户会更容易使用它,也能够从心里真正接受并认可它。首先在视觉上要具有吸引力,如果界面缺乏美观,界面布局混乱,用户就没有舒适的视觉感受,因此从视觉上吸引用户应当成为用户界面设计的首要考虑因素。
2、差异化设计
由反差或冲突来引人注目。从视觉心理角度来讲,差异化设计主要采用形式对比和色彩对比两种方式。在形式对比方面:
①对比强度与吸引力的强度成正比,因此可以通过高强度对比来吸引用户注意;②多种设计因素产生的对比效果强于单一因素对比的效果;③不同形式的反差效果不同,有的可以突出局部,有的则是整体醒目。在色彩对比方面:利用界面色彩的反差或矛盾,形成视觉冲击力,设计时需要注意突出主体与陪衬的关系。
3、视觉中心与边缘效应
在同一视域内,注意力不会平均分配给所有可见局部,视觉会把注意的焦点投向视域中的某一点。
在设计界面的时候要有一个视觉中心,巧妙地运用可以突出主体,统一背景、虚化周边、陪衬、对比等方法都可以强化视觉中心。随着用户的需求扩大,各种形式的用户界面也在市场中出现,它们对不同的用户和市场,几乎都采用上述方法使用户界面更有吸引力,归根到底是通过形式来吸引人们的注意力。
设计师常以实现视觉吸引力的方法为基本手段,结合“以用户为中心”的理念来包装界面外观和塑造界面风格,使之满足不同用户的需求。
用户界面作为用户与产品沟通的桥梁,它的美观与否,也直接影响到用户对产品的喜爱程度和操作效率。有一定美感的界面设计还不够,用户最终会产生审美疲劳。想要一直延续产品的良好的印象就要让用户产生情感共鸣,让用户在感受巧妙的设计的同时从内心里真正地接受产品,这就需要从界面设计的情感方面来考虑。
情感性界面设计既要,简单地将信息传递给用户,又要使在传递过程中界面与人取得情感共鸣。这种共鸣可以表现为在视觉上让人产生美观和舒适的感觉,人在与产品界面互动时操作简便、界面的功能性及心理的愉悦性。
设计师在设计界面时不仅需要投入“热情”,要更加深入了解使用者的情感,避免主观臆断,做到“热情”和“感情”的统一。
4、吸引力向情感共鸣转化的方法
随着电子类产品多样化、智能化发展,设计师面临的一个复杂问题是如何构建界面元素并使其美观并富有吸引力且能够与人之间产生良好的互动。一个美观且让用户产生了情感共鸣的用户界面在使用过程中会引导用户的积极情绪。如何使界面与用户之间产生情感共鸣是值得思考的问题。
5、将美观性与功能性相结合
美的事物能够让人产生欢快、愉悦的心理感受,它能够体现现代社会中人的审美情趣。对于产品设计而言,作品给人的第一印象非常重要,线条、颜色、造型、功能,都应使大部分人在视觉、触觉和听觉等方面产生美的体验。在设计界面时,其文字、图标、排版、颜色运用等都应当遵循美学原则,这样能让界面设计具有时尚、美观、典雅等特性,使用户在心理上体验到美好,并产生愉快的心理感受,并让用户获得情感上的认可。
对于产品界面而言,除了需要具备形式美之外,功能美也是设计的重点。界面的功能性是指界面的使用价值,它是界面设计存在的根本属性。功能性良好的界面设计,要满足用户的使用需求,即舒适、简约、效率等。此外,功能性设计还需要考虑多样化,从单一功能向多样化功能转变,满足用户对不同功能的需求。因此,美观性与功能相结合既能够使界面设计具备外在吸引力,又能够满足用户对多种功能的需求,使用户对界面产生共鸣。
6、 差异性与趣味性相结合
好的产品界面首先得具有吸引力,才能被更多的客户使用。为了让界面更具有吸引力,设计师可以采用奇特、醒目、新颖的处理手法对界面进行处理,以此区别于普通界面设计,从而能够进一步吸引消费者的注意力。与差异性一样,增加界面设计的趣味性也能使界面更吸引用户,但两者吸引的方式有所不同。前者是在视觉上吸引用户眼球,后者则是在视觉和心理两方面都“吸引”用户。
幽默风趣是人本能的情感之一,为了让界面给人带来惊喜快乐的心理感受,可以使界面上的图标、图形或字体以趣味性的方式展现,使其具有圆润、可爱、亲和力等特点。这样能够直接刺激人的本能情感,使界面设计更有趣、更有味道,吸引用户的同时也做到了与用户进行心灵感应。
自然语言是人类特有的交流手段之一,其中包含了大量的情感信息, 在界面设计中可用趣味化的语言来与用户增加感情交流。如运用圆润可爱的字体、靓丽的色彩或者采用更具有亲和力的拟人或拟物图标,则效果更为明显。
7、易用性与鼓励性相结合
易用性设计是以用户体验为首要设计因素,是衡量产品功能与形式的根本原则。在界面中其核心是解决界面设计的易操作性,它是以功能为基础对界面进行设计,使界面视觉符号化。因此在设计时不仅需要结合人机工程学的相关知识,而且还需要充分了解用户的心理,提高界面的易用性。也就是说,界面的视觉语义设计通俗易懂、更加形象化,最终让整个界面减少或者不存在操作误区。易用性使得界面具有良好的操作性,在满足更加容易实现目标的同时,也会导致用户内心强烈的情感共鸣,使界面更有“魅力”。
除了易用性能够使界面设计富有吸引力之外,鼓励性设计同样也能够使消费者获得良好的用户体验。可以通过鼓励用户让用户表现自己。例如,用户可以定义或选择界面的外观,可以发布自己喜欢的图标、字体或者其他一些个性化的标语等,这些都属于一种自我表现的方式。
在界面设计中融入自我表现的个性化服务,使自我表现成为用户体验的一部分,让用户感受到兴奋和喜悦,这样能够有效地满足消费者个性化需求,增加界面设计的吸引力。此外,鼓励的另一种表现形式为给用户惊喜。
一、初步认识UI:了解 UI设计 师的角色定义和价值体现,UI的含义、UI设计师的工作内容
学习内容:学习设计基础、字体、构图、手绘、素描等基础技能。掌握UI设计师的视觉敏锐度,和绘画能力。
二维造型方法,二维简约图标绘制原理与技法,各种材质质感表现。
三维造型方法,物体的体积、结构、透视与光影表现。
色彩原理:色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系,色彩的装饰美感及色彩的表现方法
二、设计软件应用:以 Photoshop 软件为工具,讲解书籍封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、 画册设计 、DM设计等企业实际工作中的具体项目。
以矢量图形绘制软件Illustrator为工具,讲解标志设计、字体设计、图形设计、企业VI设计、卡通形象设计等企业实际工作中的具体项目。
字体专项设计:字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志及在广告设计中的实际应用。
版式专项设计:版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。
平面项目设计:结合软件、色彩、字体及版式的学习,针对宣传单、折页、名片、海报及VI做专题设计,提升综合应用能力及平面UI设计能力。
以及思维导图,原型图,还有交互逻辑,规范,切图,了解程序,互联网思维, 用户体验 等。
三、WUI设计基础:页面设计基本流程与设计规范的概念性讲解,重点了解WEB界面设计规范;网页配色技巧、色彩与构图的概念及技巧;网页导航与字版式设计
网页设计软件应用:以Fireworks为工具介绍软件的基本构成、矢量工具和位图工具、WUI用户界面及广告设计。
以Dreamweaver为工具建立站点、添加页面元素、使用CSS样式及交互行为。
以Flash为工具了解动画制做原理与技巧,典型WUI商业广告中的Flash技术与实现。
网页设计要素:学习web网站设计基本要素,网站图标、按钮、广告banner、专题页设计等元素的具体设计方法
Web标准化布局:(X)HTML/ HTML5 语言:HTML语法与常用标签的详解,包括布局标签,表格标签,表单标签等。
CSS/CSS3层叠样式表:CSS语法与常用属性的详解,使用CSS对网站中各个模块进行修饰美化。
WUI项目实战设计:以企业网站、电商网站及专题网页做实战项目设计,经过全流程设计,达到网页界面设计要求
四、UE交互设计
1. 手机主题、界面与图标设计;
2. 拟物化与扁平化设计;
3. 系统性学习苹果IOS设计规范;
4. 系统性学习Android设计规范。
图标设计:图标设计要素与技法,图标设计中的色彩应用,图标创意思想与方法,2D图标设计方法,3D立体图标设计方法,图标在界面中的设计应用。
移动UI界面设计:手机APP的用户使用场景,手机界面的布局与结构,手机界面中的视觉语言与控件详解,手机交互中的手势操作,APP产品的核心设计:导引设计,手机APP的色彩与情感化设计,手机APP整体视觉情感的提炼与传达,移动APP项目设计iphone端APP实际项目实战。
五、理论软件都掌握以后,可以临摹作品及原创作品。然后就是不断的做项目,可以参与互联网举办的各种UI设计大赛及一些网络接单兼职,或进入互联网公司做UI设计工作等。做设计不仅要懂得理论知识,更重要的是要把这些理论实践起来,平时需要做大量的练习,勤学多练,善于创作。有时间还需要去一些网站看优秀的UI设计作品,这样才能达到一名优秀的UI设计师标准。