论扁平化设计在APP界面视觉领域中的应用研究
发布时间：2021-11-23 23:40
随着信息技术不断地完善和更新,智能手机在市场中也越来越普及,使用移动客户端的人数大幅度上升。人们通过各种APP进行购物、看电影、阅读文献,处处都受APP客户端的影响,APP的开发无疑是移动互联网发展的主流。本文从APP用户界面的历史演变出发,从最初简单、粗犷、毫无情感的界面,逐步发展成逼真,贴近现实的拟物化界面风格,最后到2013年苹果公司对IOS7系统界面进行颠覆性的改造,设计师普遍承认扁平化界面是当前的一个时代潮流,也是一个发展趋势。研究扁平化设计风格,它是信息时代发展的需求,摒弃繁琐的装饰效果。探索扁平化视觉传达设计语言,提倡简单的图形、明亮的色彩、清晰的布局等这些特点非常适用于这种信息量大,内容繁杂的APP用户界面。随着时间的流逝发现太过于扁平的界面让人感觉极为呆板,图形过于抽象,没有良好的交互提示。为了改变这一弊端,产生新的扁平化风格,它可以有微投影,微渐变等视觉效果,使画面内容条理清晰,操作方便快捷。本文重点研究扁平化风格的特点和原则,通过问卷调查分析新的扁平化所带来的效果,论述扁平化对APP用户界面的意义。在这些理论基础上结合毕业设计“拾光”APP扁平化用户界面进行设计实...
【文章来源】：宁夏大学宁夏回族自治区 211工程院校
【文章页数】：39 页
【学位级别】：硕士
【部分图文】：
图１－３游戏界面
轻易分散注意力，用户会更加容易被引导到特定的区域，关注主要内容，这种设计思路可以有效??的传达信息。极简主义造型单纯、用色简练，结构严谨，其理念注重功能性、时效性、快速传播??性，被应用在各种各样的设计领域（如图１－２）。??图?１－２?海报图片来源：ｈｔｔｐ：／／ｂｌｏｇ．ｓｉｎａ．ｅｎ／ｄｐｏｏｌ／ｂｌｏｇ／ｓ／ｂｌｏｇ＿９８２９ｅ９３ａ０１０１９０２ｚ．ｈｔｍｌ??第三节扁平化ＡＰＰ界面设计的起源与发展??纵观ＡＰＰ界面设计发展历史，其设计风格经历了早期豪放粗犷的抽象信息化阶段，界面中的??图形十分简单，抽象又古板的视觉语言和乏味的信息传输，不关注用户内心的感受，毫无情感的??用户体验。例如诺基亚６１１０手机在１９９８年上新第一款游戏软件程序？。诺基亚首创开发手机游??戏，赢得大家争相购买，该手机共开发三款游戏，其中的贪吃蛇最为流行，成为诺基亚手机的必??备游戏，其实手机内部配置的游戏软件界面也就是早期的ＡＰＰ用户界面，如图（１－３，如图１－４）。??ｎａＨＢ?＿??＾ｆＴｎｌ?（Ｓ??图１－３游戏界面?图１－４欢迎界面??图片来源：ｈｔｔｐ：／／ｓｈｏｕｊｉ．ｔｇｂｕｓ．ｃｏｍ／ｖｉｅｗ／１６８６３８／?图片来源：ｈｔｔｐ：／／ｔｉｅｂａ．ｂａ丨ｄｕ．ｅｏｍ／ｐ／ｌ４７４５８７３８ｌ？ｔｒａｃｅｉｄ＝??１张涛．浅析极简主义风格的平面设计［Ｊ］．艺术科技，２０１６?（１?）?：?２３．??２高君．手机ＵＩ界面中情感化表现的创新性研宄与应用［Ｄ］．天津工业大学，２０１５．??－６?－??
采用增添高光、纹理、渐变、阴影等效果进行仿真物体，设计过程中可以进行加工变??形和夸张，拟物设计会让你第一眼就认出这是个什么东西，有较强的真实感。人们根据生活中的??常识可以明确辨识，给用户体验带来真实感的追求（如图１－５，如图１－６）。??ｍｍｍｍ??■■■■■■??图１－５录音机界面?图１－６天气界面??图片来源：１１即：／／＼＼＾＼￥．（＾丨已（：〇１１１／１］１叱３（１－１３９１２５－卜１．１１加丨图片来源：ｈｔｔｐ：／／ｔｉｅｂａ．ｂａｉｄｕ．ｅｏｍ／ｐ／５１３７６２３４３１??后来又回归到简洁式画面，与最开始的的冰冷的几何形式不同。扁平化设计注重人性，符合??人们的审美感受，良好的视觉语言传递。这种风格的演变顺应历史的发展走向，记录着在科技引??领下，手机界面风格、内容与功能变迁的轨迹。在２０１３年ＷＷＤＣ？大会上，苹果公司对丨０Ｓ７颠??覆性的改造，用户界面由拟物化风格转向扁平化风格，设计师普遍承认用户界面扁平化风格是当??前的一个潮流，也是一个发展趋势（如图１－７，如图１－８）。图标采用更鲜艳的配色、更简单的背??景，清晰的图标与模糊的背景之间的高度反差凸显了层次，并运用大字体，现代感十足。??图１－７苹果手机丨０Ｓ１２录音机界面?图１－８苹果手机Ｉ０Ｓ１２天气界面??图片来源：苹果系统录音软件?图片来源：苹果系统天气软件??１史蒂夫？乔布斯美国发明家、企业家、美国苹果公司联合创办人。??２苹果全球开发者大会（英文全称是“Ｗｏｒ丨ｄｗｉｄｅ?Ｄｅｖｅｌｏｐｅｒｓ?Ｃｏｎｆｅｒｅｎｃｅ”）
【参考文献】：
期刊论文
[1]试谈移动UI设计原则与方法[J]. 秦艳丽. 电脑编程技巧与维护. 2018(05)
[2]扁平化插图设计——以“嘻游季”为例[J]. 关兆. 大观(论坛). 2018(04)
[3]手机界面的扁平化设计研究[J]. 徐倩,魏容. 美术教育研究. 2017(15)
[4]扁平化设计风格在界面中的应用[J]. 尹中月. 数码世界. 2017(04)
[5]浅析极简主义风格的平面设计[J]. 张涛. 艺术科技. 2016(01)
[6]浅析类扁平化设计在图标设计中的应用[J]. 张朦朦. 大众文艺. 2015(24)
[7]格式塔心理学在移动UI视觉设计中的应用[J]. 谷晓. 艺术科技. 2015(07)
[8]简洁而不乏味——浅谈扁平化界面设计[J]. 马娜娜. 大众文艺. 2013(16)
[9]以“人”为本的用户界面设计流程研究[J]. 蔡莹莹. 才智. 2011(04)
硕士论文
[1]移动端智能手机软件产品的UI设计研究[D]. 冯阳.青岛理工大学 2016
[2]数字化时代图像扁平化视觉应用与研究[D]. 郑谱.大连工业大学 2016
[3]“扁平化”设计风格在图书馆网站设计上的应用[D]. 王梓潇.沈阳师范大学 2015
[4]智能手机用户界面设计的批评研究[D]. 王庭杰.南京艺术学院 2015
[5]论丝网印刷互联网定制平台的扁平化设计[D]. 沈佳伦.中国美术学院 2015
[6]扁平化设计风格下平面视觉元素的应用研究[D]. 方心怡.苏州大学 2015
[7]基于用户需求与体验的新闻客户端研究[D]. 万芊.复旦大学 2014
本文编号：3514847
【文章来源】：宁夏大学宁夏回族自治区 211工程院校
【文章页数】：39 页
【学位级别】：硕士
【部分图文】：
图１－３游戏界面
轻易分散注意力，用户会更加容易被引导到特定的区域，关注主要内容，这种设计思路可以有效??的传达信息。极简主义造型单纯、用色简练，结构严谨，其理念注重功能性、时效性、快速传播??性，被应用在各种各样的设计领域（如图１－２）。??图?１－２?海报图片来源：ｈｔｔｐ：／／ｂｌｏｇ．ｓｉｎａ．ｅｎ／ｄｐｏｏｌ／ｂｌｏｇ／ｓ／ｂｌｏｇ＿９８２９ｅ９３ａ０１０１９０２ｚ．ｈｔｍｌ??第三节扁平化ＡＰＰ界面设计的起源与发展??纵观ＡＰＰ界面设计发展历史，其设计风格经历了早期豪放粗犷的抽象信息化阶段，界面中的??图形十分简单，抽象又古板的视觉语言和乏味的信息传输，不关注用户内心的感受，毫无情感的??用户体验。例如诺基亚６１１０手机在１９９８年上新第一款游戏软件程序？。诺基亚首创开发手机游??戏，赢得大家争相购买，该手机共开发三款游戏，其中的贪吃蛇最为流行，成为诺基亚手机的必??备游戏，其实手机内部配置的游戏软件界面也就是早期的ＡＰＰ用户界面，如图（１－３，如图１－４）。??ｎａＨＢ?＿??＾ｆＴｎｌ?（Ｓ??图１－３游戏界面?图１－４欢迎界面??图片来源：ｈｔｔｐ：／／ｓｈｏｕｊｉ．ｔｇｂｕｓ．ｃｏｍ／ｖｉｅｗ／１６８６３８／?图片来源：ｈｔｔｐ：／／ｔｉｅｂａ．ｂａ丨ｄｕ．ｅｏｍ／ｐ／ｌ４７４５８７３８ｌ？ｔｒａｃｅｉｄ＝??１张涛．浅析极简主义风格的平面设计［Ｊ］．艺术科技，２０１６?（１?）?：?２３．??２高君．手机ＵＩ界面中情感化表现的创新性研宄与应用［Ｄ］．天津工业大学，２０１５．??－６?－??
采用增添高光、纹理、渐变、阴影等效果进行仿真物体，设计过程中可以进行加工变??形和夸张，拟物设计会让你第一眼就认出这是个什么东西，有较强的真实感。人们根据生活中的??常识可以明确辨识，给用户体验带来真实感的追求（如图１－５，如图１－６）。??ｍｍｍｍ??■■■■■■??图１－５录音机界面?图１－６天气界面??图片来源：１１即：／／＼＼＾＼￥．（＾丨已（：〇１１１／１］１叱３（１－１３９１２５－卜１．１１加丨图片来源：ｈｔｔｐ：／／ｔｉｅｂａ．ｂａｉｄｕ．ｅｏｍ／ｐ／５１３７６２３４３１??后来又回归到简洁式画面，与最开始的的冰冷的几何形式不同。扁平化设计注重人性，符合??人们的审美感受，良好的视觉语言传递。这种风格的演变顺应历史的发展走向，记录着在科技引??领下，手机界面风格、内容与功能变迁的轨迹。在２０１３年ＷＷＤＣ？大会上，苹果公司对丨０Ｓ７颠??覆性的改造，用户界面由拟物化风格转向扁平化风格，设计师普遍承认用户界面扁平化风格是当??前的一个潮流，也是一个发展趋势（如图１－７，如图１－８）。图标采用更鲜艳的配色、更简单的背??景，清晰的图标与模糊的背景之间的高度反差凸显了层次，并运用大字体，现代感十足。??图１－７苹果手机丨０Ｓ１２录音机界面?图１－８苹果手机Ｉ０Ｓ１２天气界面??图片来源：苹果系统录音软件?图片来源：苹果系统天气软件??１史蒂夫？乔布斯美国发明家、企业家、美国苹果公司联合创办人。??２苹果全球开发者大会（英文全称是“Ｗｏｒ丨ｄｗｉｄｅ?Ｄｅｖｅｌｏｐｅｒｓ?Ｃｏｎｆｅｒｅｎｃｅ”）
【参考文献】：
期刊论文
[1]试谈移动UI设计原则与方法[J]. 秦艳丽. 电脑编程技巧与维护. 2018(05)
[2]扁平化插图设计——以“嘻游季”为例[J]. 关兆. 大观(论坛). 2018(04)
[3]手机界面的扁平化设计研究[J]. 徐倩,魏容. 美术教育研究. 2017(15)
[4]扁平化设计风格在界面中的应用[J]. 尹中月. 数码世界. 2017(04)
[5]浅析极简主义风格的平面设计[J]. 张涛. 艺术科技. 2016(01)
[6]浅析类扁平化设计在图标设计中的应用[J]. 张朦朦. 大众文艺. 2015(24)
[7]格式塔心理学在移动UI视觉设计中的应用[J]. 谷晓. 艺术科技. 2015(07)
[8]简洁而不乏味——浅谈扁平化界面设计[J]. 马娜娜. 大众文艺. 2013(16)
[9]以“人”为本的用户界面设计流程研究[J]. 蔡莹莹. 才智. 2011(04)
硕士论文
[1]移动端智能手机软件产品的UI设计研究[D]. 冯阳.青岛理工大学 2016
[2]数字化时代图像扁平化视觉应用与研究[D]. 郑谱.大连工业大学 2016
[3]“扁平化”设计风格在图书馆网站设计上的应用[D]. 王梓潇.沈阳师范大学 2015
[4]智能手机用户界面设计的批评研究[D]. 王庭杰.南京艺术学院 2015
[5]论丝网印刷互联网定制平台的扁平化设计[D]. 沈佳伦.中国美术学院 2015
[6]扁平化设计风格下平面视觉元素的应用研究[D]. 方心怡.苏州大学 2015
[7]基于用户需求与体验的新闻客户端研究[D]. 万芊.复旦大学 2014
本文编号：3514847
本文链接：https://www.wllwen.com/kejilunwen/ruanjiangongchenglunwen/3514847.html
