论文部分内容阅读
摘要:在手机APP界面设计中色彩搭配决定了设计水平的高低,APP的档次和水准,对用户体验产生很大影响。通过剖析影响用户使用因素,以及采取类比方式对界面色彩进行分析。研究界面色彩搭配对APP界面设计者可以起到帮助作用,能更好的根据不同的用户人群设计更适合的界面。
关键词:APP;界面设计;色彩搭配;用户体验
中图分类号:J513 文献标识码:A 文章编号:1671-864X(2016)11-0278-01
一、手机APP中色彩风格的统一性
当下手机应用市场上的APP数不胜数,不仅分类细致,设计风格也各有千秋,能够满足各种不同的用户需求。而一款受人追捧的APP,无论在其功能层面,界面色彩搭配和整体效果,还是创意上都要好好斟酌。色彩搭配对用户的体验起到很大影响作用。色相可以定位APP的属性,色彩饱和度可以表达情感,明度可以影响心情。因而在一款APP当中需要有主色调作为整体基调,再辅以标志符号,其他色彩配合构成完整的界面,从而提升APP界面中色彩的统一性。
一款APP当中,出现的色彩不能过于繁杂,为了增强APP的辨识性、记忆性以及整体性,从logo的用色,到首页,再到二、三级页面,需要一种色彩元素将它们串联起来形成有连续性的、系统化的整体。
色彩风格的统一性既可以带给用户整体一致的感觉,更能让人牢记APP品牌标识。就像QQ音乐APP中,logo的绿色元素在首页以及二、三级页面都有所呼应,而且给用户一种高度统一的感觉,视觉效果良好,界面有序而简洁美观,体验度也随之上升。
二、用户体验的影响因素分析
一款APP的用户体验,除了取决于功能是否完善之外,色彩的搭配和界面布局也会给人不同的感受。色彩搭配决定了APP的基调和视觉的舒适度,而界面布局的分布情况和大小保证了APP的整体性。另外,一款APP受众人群定位也很重要。例如女性使用的APP大多是粉红色居多,色彩也偏向多彩丰富,色调柔和,例如:美图秀秀、潮自拍、in等,而购物类APP都已暖色调为主,如淘宝、京东、快乐购等。
(一)手机APP界面中色彩的搭配和界面布局。
界面设计当中色彩永远属于风格,永远服务于内容表达。颜色的搭配最重要的是舒适简洁,一个完整的页面中,色彩搭配应该是“多与少”的关系,而不是“势均力敌”。如果同一界面出现两个大色块,会造成主色调不明确,破坏APP的整体性,降低用户体验。以“淘宝”APP界面作为范例,界面中引用淘宝logo标志性颜色——橘色为主色调,同时以白色为底色,以传统留白的手法突出了淘宝以橘色作为品牌的整体性,从而强化了人们对此APP的记忆性。
我们日常使用APP时,经常会接触各式各样的页面布局,而一个好的页面布局,则直接影响了一个APP的视觉效果。好的布局往往带来舒适的视觉效果,能够得到用户的喜爱与好评,也能保持APP的整体一致性和美观性。目前我们常见的一些布局方式有:列表式布局(如新闻类客户端)、陈列馆式布局(如支付宝)、如行为扩展式布局(如QQ)、以九宫格布局(如简书)、多面板布局(如QQ兴趣部落)。以陈列馆式布局——支付宝为例进行分析,可发现页面布局比较灵活,可根据用户需求选择对应功能进行拖动,既可以平均分布这些网格,也可以根据内容的重要性做不规则分布,能直观的展现各项内容方便用户浏览。
(二)APP界面色彩定位受众人群。
一个APP一开始启动设计时,应明确好它的受众人群,根据受众人群定下整个APP的界面色彩和设计风格,给用户传达两种信息:一是APP的目标人群,二是APP的整体基调。以锤子便签为例,锤子的目标定位是精英人群,因此其界面设计便有了很好的出发点,即做一个简单好用的便签工具,因此在颜色上锤子科技选择了简单、干净的米黄色,给人一种纸张铺在木头上的感觉,是锤子便签想传达给用户的基调。
再比如说时下最流行的QQ和微信,作为通讯软件,目标人群都比较大众化,而微信和QQ的界面风格设计却并大相同。微信的界面颜色采用了黑、绿、白作为基调,给人稳重、踏实的感觉。更像是可以信赖的朋友可以倾诉衷肠,偏向成人化。QQ的默认肤色是蓝、白、灰三种颜色,浅蓝色给人活泼、灵动的感觉,而且色彩多变便于用户选择,适用于年轻的,爱玩爱冒险的年轻人群。它们同样是交互软件,在颜色选取和定位上却很大不同,正是由产品的定位和目标用户决定的。微信口号——“微信,是一个生活方式”,口号偏向全面,涵盖了许多,说明它要走的是中规中矩、偏向中性化的风格,受众人群的年龄和职业范围也比较广泛,就更加奠定了设计风格的稳重成熟感。QQ口号的是“乐在沟通”,它的定位比较明确,就是作为娱乐社交用,所以它的设计风格偏向活泼有趣,面对的人群也日益年轻(目前00后比较喜欢使用QQ)这也是产品根据受众人群而设计色彩的意义。
三、结语
APP界面中的每一个UI界面都是APP的门面,尤其是主界面,色彩的和谐搭配不仅仅反映了开发团队的基本审美素质和设计理念,也能极大的提升用户体验。我们都知道,设计一套完整的APP界面其实是比较复杂的,他需要我们去寻找精准的目标人群,根据目标用户人群从颜色以及UI界面布局去突破与创新。因此,我们要重视色彩在APP中的作用。
参考文献:
[1]李世国,顾振宇.交互设计[M].北京:中国水利水电出版社,2012:42-43.
[2]狸雅人.Photoshop智能手机APP界面设计[M].北京:人民邮电出版社,2013:28-30.
[3][美]Alan Cooper著,Chris Ding译.交互设计之路[M].北京:电子工业出版社,2006:200.
[4]鹰眼Eeyes.App界面设计风格. http://www.yixieshi.com/ucd/22381.html
[5]张雪净.手机游戏的界面设计色彩分析. http://www.niubb.net/article/915759-1/1/
[6]刘心雄,郑家元.触屏手机界面设计[J].包装工程,2011(02).
[7] 顾炎辉,石莹.手机人机交互界面设计趋势探究[J].淮阴工学院学报,2010(01).
关键词:APP;界面设计;色彩搭配;用户体验
中图分类号:J513 文献标识码:A 文章编号:1671-864X(2016)11-0278-01
一、手机APP中色彩风格的统一性
当下手机应用市场上的APP数不胜数,不仅分类细致,设计风格也各有千秋,能够满足各种不同的用户需求。而一款受人追捧的APP,无论在其功能层面,界面色彩搭配和整体效果,还是创意上都要好好斟酌。色彩搭配对用户的体验起到很大影响作用。色相可以定位APP的属性,色彩饱和度可以表达情感,明度可以影响心情。因而在一款APP当中需要有主色调作为整体基调,再辅以标志符号,其他色彩配合构成完整的界面,从而提升APP界面中色彩的统一性。
一款APP当中,出现的色彩不能过于繁杂,为了增强APP的辨识性、记忆性以及整体性,从logo的用色,到首页,再到二、三级页面,需要一种色彩元素将它们串联起来形成有连续性的、系统化的整体。
色彩风格的统一性既可以带给用户整体一致的感觉,更能让人牢记APP品牌标识。就像QQ音乐APP中,logo的绿色元素在首页以及二、三级页面都有所呼应,而且给用户一种高度统一的感觉,视觉效果良好,界面有序而简洁美观,体验度也随之上升。
二、用户体验的影响因素分析
一款APP的用户体验,除了取决于功能是否完善之外,色彩的搭配和界面布局也会给人不同的感受。色彩搭配决定了APP的基调和视觉的舒适度,而界面布局的分布情况和大小保证了APP的整体性。另外,一款APP受众人群定位也很重要。例如女性使用的APP大多是粉红色居多,色彩也偏向多彩丰富,色调柔和,例如:美图秀秀、潮自拍、in等,而购物类APP都已暖色调为主,如淘宝、京东、快乐购等。
(一)手机APP界面中色彩的搭配和界面布局。
界面设计当中色彩永远属于风格,永远服务于内容表达。颜色的搭配最重要的是舒适简洁,一个完整的页面中,色彩搭配应该是“多与少”的关系,而不是“势均力敌”。如果同一界面出现两个大色块,会造成主色调不明确,破坏APP的整体性,降低用户体验。以“淘宝”APP界面作为范例,界面中引用淘宝logo标志性颜色——橘色为主色调,同时以白色为底色,以传统留白的手法突出了淘宝以橘色作为品牌的整体性,从而强化了人们对此APP的记忆性。
我们日常使用APP时,经常会接触各式各样的页面布局,而一个好的页面布局,则直接影响了一个APP的视觉效果。好的布局往往带来舒适的视觉效果,能够得到用户的喜爱与好评,也能保持APP的整体一致性和美观性。目前我们常见的一些布局方式有:列表式布局(如新闻类客户端)、陈列馆式布局(如支付宝)、如行为扩展式布局(如QQ)、以九宫格布局(如简书)、多面板布局(如QQ兴趣部落)。以陈列馆式布局——支付宝为例进行分析,可发现页面布局比较灵活,可根据用户需求选择对应功能进行拖动,既可以平均分布这些网格,也可以根据内容的重要性做不规则分布,能直观的展现各项内容方便用户浏览。
(二)APP界面色彩定位受众人群。
一个APP一开始启动设计时,应明确好它的受众人群,根据受众人群定下整个APP的界面色彩和设计风格,给用户传达两种信息:一是APP的目标人群,二是APP的整体基调。以锤子便签为例,锤子的目标定位是精英人群,因此其界面设计便有了很好的出发点,即做一个简单好用的便签工具,因此在颜色上锤子科技选择了简单、干净的米黄色,给人一种纸张铺在木头上的感觉,是锤子便签想传达给用户的基调。
再比如说时下最流行的QQ和微信,作为通讯软件,目标人群都比较大众化,而微信和QQ的界面风格设计却并大相同。微信的界面颜色采用了黑、绿、白作为基调,给人稳重、踏实的感觉。更像是可以信赖的朋友可以倾诉衷肠,偏向成人化。QQ的默认肤色是蓝、白、灰三种颜色,浅蓝色给人活泼、灵动的感觉,而且色彩多变便于用户选择,适用于年轻的,爱玩爱冒险的年轻人群。它们同样是交互软件,在颜色选取和定位上却很大不同,正是由产品的定位和目标用户决定的。微信口号——“微信,是一个生活方式”,口号偏向全面,涵盖了许多,说明它要走的是中规中矩、偏向中性化的风格,受众人群的年龄和职业范围也比较广泛,就更加奠定了设计风格的稳重成熟感。QQ口号的是“乐在沟通”,它的定位比较明确,就是作为娱乐社交用,所以它的设计风格偏向活泼有趣,面对的人群也日益年轻(目前00后比较喜欢使用QQ)这也是产品根据受众人群而设计色彩的意义。
三、结语
APP界面中的每一个UI界面都是APP的门面,尤其是主界面,色彩的和谐搭配不仅仅反映了开发团队的基本审美素质和设计理念,也能极大的提升用户体验。我们都知道,设计一套完整的APP界面其实是比较复杂的,他需要我们去寻找精准的目标人群,根据目标用户人群从颜色以及UI界面布局去突破与创新。因此,我们要重视色彩在APP中的作用。
参考文献:
[1]李世国,顾振宇.交互设计[M].北京:中国水利水电出版社,2012:42-43.
[2]狸雅人.Photoshop智能手机APP界面设计[M].北京:人民邮电出版社,2013:28-30.
[3][美]Alan Cooper著,Chris Ding译.交互设计之路[M].北京:电子工业出版社,2006:200.
[4]鹰眼Eeyes.App界面设计风格. http://www.yixieshi.com/ucd/22381.html
[5]张雪净.手机游戏的界面设计色彩分析. http://www.niubb.net/article/915759-1/1/
[6]刘心雄,郑家元.触屏手机界面设计[J].包装工程,2011(02).
[7] 顾炎辉,石莹.手机人机交互界面设计趋势探究[J].淮阴工学院学报,2010(01).