智能手机UI主题界面交互设计412.docx

智能手机UI主题界面交互设计412.docx

《智能手机UI主题界面交互设计412.docx》由会员分享，可在线阅读，更多相关《智能手机UI主题界面交互设计412.docx（10页珍藏版）》请在冰豆网上搜索。

智能手机UI主题界面交互设计412

智能手机UI主题界面交互设计

摘要

现如今，智能手机已经成为我们日常生活中不可或缺的一部分。

年轻消费群体更是将大量时间耗费在手机上。

技术的进步与市场的需求，合理设计智能手机UI交互界面的重要性显得格外突出，以用户为中心的体验设计也越来越被重视。

手机主题设计作为界面交互设计中的一个新兴领域，满足用户追求个性化的需求，受到越来越多UI设计师的关注。

如何合理制定交互方式、确定用户界面风格、布局结构与信息展示方式，如何将手机主题界面设计与用户交互体验有机的结合在一起，是当下非常值得探讨研究的问题。

论文通过研究智能手机UI主题界面的设计，在遵循手机主题设计的原则基础上，进行手机主题的系列设计，完成了本次的设计方案。

希望通过该系列设计扩大设计手法的使用价值，为手机主题市场的蓬勃发展贡献力量。

关键词：

UI设计；智能手机；手机主题设计

Abstract

Nowadays,smartphoneshavebecomeanindispensablepartofourdailylife.Youngconsumersspendalotoftimeonmobilephones.Withthedevelopmentoftechnologyandthedemandofthemarket,theimportanceofreasonablydesigningtheUIinterfaceofsmartphonebecomesmoreandmoreprominent.User-centeredexperiencedesignhasalsobeenpaidmoreandmoreattention.Asanewfieldofinterfaceinteractiondesign,mobilephonethemedesignhasattractedmoreandmoreattentionfromUIdesignerstomeettheneedsofusersinpursuitofpersonalization.

Howtoreasonablyformulatetheinteractionmode,determinetheuserinterfacestyle,layoutstructureandinformationdisplaymode,andhowtoorganicallyintegratethemobilephonethemeinterfacedesignanduserinteractionexperience,arecurrentlyveryworthyofdiscussionandresearch.BystudyingthedesignofUIthemeinterfaceofsmartphone,thispaperdesignsaseriesofmobilephonethemebasedontheprincipleofmobilephonethemedesign,andcompletesthedesignscheme.Itishopedthatthisseriesofdesignswillexpandtheusevalueofdesigntechniquesandcontributetothevigorousdevelopmentofthemobilephonethememarket.

Keywords:

UIdesign;smartphone;mobilethemedesign

第一章绪论

1.1课题来源

随着网络化和信息化进程的加快发展，现如今，智能手机已然成为我们日常生活中不可或缺的一部分。

年轻消费群体更是把大量时间耗费在手机上。

有数据统计，用户在使用手机过程中，两成时间花费在打电话、发短信，余下的八成花费在其他事情上，譬如上网浏览新闻资讯、观看视频节目、电子阅读、玩手机游戏、拍照录视频、刷朋友圈等。

尤其近几年运营商应用商店和一些独立的第三方应用商店整体呈现蓬勃发展的趋势，各类别的App层出不穷，将用户的碎片化时间合理的利用起来，极大丰富了人们的日常生活。

技术的进步与市场的需求，合理设计智能手机UI交互界面的重要性显得格外突出。

手机主题设计作为界面交互设计中的一个新兴领域，满足用户追求个性化的需求，受到越来越多手机产商与UI设计师的关注。

近几年各类UI设计大赛的成功举办也掀起了智能手机UI主题界面交互设计的热潮。

1.2课题研究的目的及意义

如何合理制定交互方式、确定用户界面风格、布局结构与信息展示方式，如何将手机主题界面设计与用户交互体验有机的结合在一起，是当下非常值得探讨研究的问题。

研究分析手机UI主题界面交互设计风格及设计手法的目的是为了深入了解用户对智能手机的需求。

满足用户需求、优化用户体验是交互设计的最终使命。

具体说来，我们可以从产品的角度和手机用户的角度来分析该课题研究的意义。

从产品的角度出发，研究分析手机UI主题界面交互设计有助于手机品牌口碑的传播，促进手机销售，增大市场份额。

试想如果两款手机的硬件、外观、内部功能基本相同，那么界面设计美观、交互人性合理的那款手机无疑更能赢得消费者的青睐。

只有真正做到让用户使用产品时产生情感上的认同，品牌之路才能顺畅而高远。

从手机用户的角度出发，美观的界面设计和合理的交互设计是衡量手机是否值得购买的标准之一。

在长期的使用过程中，优秀的UI主题界面交互设计能带给用户感官上的愉悦和操作上的舒适，让手机的使用价值最大化。

1.3课题研究内容及方法

1.3.1调查法

调查法，顾名思义，是为了达到设想的目的而进行事先制定的研究计划，通过各种渠道收集到有针对性的图文信息、音频视频、实物信息等进行认真详细的分析、综合和比对，去了解研究对象某一方面的情况并得出相应结论的科学研究方法。

其目的可以是全面把握当前的情况，或是为了揭示某个存在的问题，理清脉络，为进一步深入的研究和创作提供科学的观点和论据。

本文便是通过前期有针对性的研究智能手机主题设计的概况，探讨主题设计原则和设计流程，为后期创作设计手机主题提供理论依据和大致方向。

1.3.2文献分析法

文献分析法，指查阅搜集、区分、整理与主题相关的文献报告，通过对这些文献的深入研究分析，形成对事实科学认识的办法。

文献分析法是一种经济有效的信息收集方式，通过对相关对象的现有文献进行定量分析、统计描述进而实现对目标事物的科学认识。

在针对主题设计这一对象，我们通过查阅相关文献来分析并整理归纳出手机主题设计涉及到的构成元素、国内外在手机主题领域的现状、拟物化与扁平化风格设计的优缺点等。

对手机主题设计进行深入的剖析，利用相关设计软件将主题的构成元素制作出来组合在一起，最终展示在用户的手机屏幕上。

1.3.3实证研究法

实证研究法是通过提供不虚假、有效、确切、精准的信息去真正认识客观事实的知识研究方法，其重点是研究现象本身的内在逻辑及其规律。

以满足用户需求、增加手机主题可用性为出发点，同时结合市场调查问卷，进一步确定设计手法，进行智能手机主题的创作。

1.3.4设计创作法

采取多样的设计手法创作独树一帜的手机主题，重点在于把握界面设计的流行趋势，恰当融入自己构想的主题方向，将扁平风与拟物风合适地调配在一起。

采用合理、有逻辑的排版布局方式，使整体界面美观大方。

通过手绘草图、软件设计、产出主题包等一系列步骤进行图标和界面的设计和创作，让手机图标得以在不同的壁纸状态下都能很好的突显出来，手机主题得以在不同品牌的手机上完美的应用。

尽最大努力满足手机用户的个性化需求，为丰富多彩的智能手机主题世界添砖加瓦。

第二章智能手机UI主题设计的概况与分析

2.1智能手机UI主题设计的概念

智能手机主题的运行是基于其本身的操作系统。

当前智能手机操作平台大致分为三大阵营，安卓阵营、iOS阵营、WindowsPhone阵营。

其中，由Google公司与开放手机联盟领导及开发的开源移动OS——安卓系统已然成为全球最大的智能手机操作平台，国产品牌智能手机的操作系统也全部是基于安卓。

iOS操作系统是由苹果公司开发的手持设备操作系统，仅支持苹果公司的电子产品。

WindowsPhone操作系统由微软公司开发，主要应用于诺基亚手机，也支持三星、LG、宏碁等厂商的部分型号手机。

而手机主题便是基于这几个操作平台运行的应用程序。

目前国内不同厂商基于安卓开发的手机操作系统不尽相同，比如小米开发的是MIUI（米柚），华为开发的是EMUI（EmotionUI），联想开发的是VIBEUI。

但本质上，设计师制作的手机主题都是基于安卓操作系统（目前已更新至7.0版本）。

手机主题作为一种美化智能手机UI界面的应用程序，出现在各厂商自带的出厂软件中。

安卓用户打开主题商城，即可挑选下载到自己喜欢的界面主题进行安装。

一般说来，手机主题的设计主要包含了以下构成元素：

壁纸、锁屏、应用图标、系统界面、AppWidget部件。

总之，手机主题设计可以满足用户追求个性化差异的需求，本质上是根据该手机自身的配置恰当地对其系统界面进行重新设计编排抑或对部分视觉元素进行绘制更换的美化过程，属于界面设计范畴，保证用户的控制能力，进一步促进交互作用。

一款设计优良的手机主题可以激发唤醒甚至加强使用者与互联网世界的联系。

2.2智能手机UI主题设计的国内外研究现状及分析

2.2.1国内研究现状及分析

随着近年来智能手机以迅雷不及掩耳之势席卷整个信息世界，智能手机的用户在熟悉操作系统后，对于手机UI的美观程度有了更高的追求，于是手机主题设计行业就此应运而生，并受到越来越多从事界面设计领域的设计师的关注。

一款美观的手机主题在满足用户对于手机差异化追求的背后，无疑是在给手机厂商带来更多的销售与收入来源。

纵观国内智能手机市场，基本所有知名的手机品牌厂商都开发出自己的手机主题平台与配套的主题设计师登录系统。

譬如，小米手机主题商店便向用户提供上千款百变主题，上万种个性搭配，通过独创的个性主题、百变锁屏与自由桌面，增强用户与MIUI之间的黏性，满足顾客的个性化需求。

华为、联想、奇酷、魅族、OPPO、步步高vivo、康佳手机也在各自的主题商店里提供众多的主题样式，行业里甚至催生出许多第三方手机主题美化APP，并且近年来它们都先后和一线国内设计师互动平台联合举办规模大型的手机主题设计赛事。

譬如与站酷网联合策划的“轻主题心出发——vivoFuntouch全局主题设计大赛”“为梦想设计——魅族flyme手机主题设计征集”“全世界看你的——华为EMUI第二届全球手机主题设计大赛”“潮范儿·檬出色——联想乐檬VIBEUI手机主题设计大赛”；与创意设计社区视觉中国网站策划的“联想主题小店，你是掌柜！

——联想主题大赛”、“你酷你就秀——酷派手机主题大赛”等，这些奖金高额的大赛不仅在设计师群体里征集到了大量出色的手机主题设计作品，更对智能手机主题设计行业未来的发展起到了非常积极的推动作用。

因为手机主题设计的门槛并不高，对人机交互技术有所了解并能恰当把握设计风格，基本上就拥有了设计手机主题的能力。

所以，当下绝大部分优秀的手机主题设计师是从视觉传达设计、平面设计、动漫专业跨界到智能手机主题界面设计。

设计经验也大多是从以往的设计工作中积累而来。

虽然目前国内各大院校的界面设计相关专业的课程不尽完善，但值得相信的是，未来移动端主题设计行业将涌现出一大批专业人才，手机主题市场也将日益专业和繁荣。

2.2.2国外研究现状及分析

通过在谷歌页面与设计界顶尖的设计社区Behance、Dribbble网站上搜索关键词“mobilephonethemedesign”，不难发现搜索出来的关于智能手机主题界面设计的佳作绝大多数来自中国，当然这并不意味着国外极少数设计师会关注手机主题设计这个领域，只是相对而言，国内的手机主题设计风潮更盛，这无疑与国内手机厂商高额的设计奖金与健全的主题分成制度息息相关。

而国外设计师们更多是在APP界面领域上大显身手。

第三章智能手机UI主题设计

本人是以漫威动漫中的美国队长为主题进行设计的，将美国队长的标志性物品及海报进行优化，加入到本次的设计之中。

3.1手机壁纸设计

手机壁纸按用途可分为两类，一类是锁屏壁纸，另一类是主屏幕壁纸（在苹果手机中，壁纸亦称作墙纸）。

一、锁屏壁纸指的是手机在未解锁状态下屏幕显示的画面，可分为静态图与动态图。

尺寸根据手机产品自身的屏幕大小参数来设定，一般设计的默认尺寸为1920×1080像素，厂商提供的制作工具大多可以根据该尺寸进行上下裁剪或等比例缩放来适配不同规格的手机。

二、主屏幕壁纸，也称为桌面壁纸，指的是手机在解锁后屏幕显示的画面，根据手机设置的不同可分为单屏和多屏，区别在于：

单屏壁纸不会根据用户切换各屏界面图标而改变，图片中的所有内容在屏幕上全部呈现；多屏壁纸则相反，会追随用户滑动切换屏幕而移动，即每个定格的屏幕上只显示出多屏壁纸横向的一个局部，设计的尺寸根据手机品牌不同而异。

在手机壁纸的创作过程中，为了保证后期主题显示在手机屏幕上的色调统一，本次设计将每个主题的锁屏壁纸与主屏幕壁纸设成一致。

唯一的小小区别在于主屏幕的壁纸较之锁屏会更暗一些，这样做的目的是为了更加凸显主屏幕上的图标显示，避免图标与壁纸因缺乏层次感而融为一体。

3.2手机应用图标设计

手机应用图标是指解锁屏幕后呈现在桌面壁纸上的一个个代表不同应用程序的图标。

图标需要在规定像素的正方形区域内进行设计，不同厂商规定的像素不尽相同，所以图标大小与形状也不是一成不变的，主题创作需要根据创意发挥设计出与众不同的甚至可以是异形的图标，但设计一套完整主题的过程中需要保证所有应用图标在视觉上要处于同一种风格，即要保持设计风格的一致性。

唯有如此，才能使不同图标呈现在同一个屏幕上时不显得零乱无序，能融为一体。

图3-1智能手机UI主题设计

第四章结论与展望

智能手机作为互联网时代主流的终端载体，已然融进人类的社交生活中，成为不可或缺的一部分。

在满足了基本通讯用途的基础上，越来越多的功能在智能手机上得以实现，给人类带来无尽便捷舒适的享受。

正因为如此，美观的界面设计与良好的交互体验扮演着愈发重要的角色，直接影响到了用户的使用与产品的销售业绩。

纵观设计史，所有设计风格的出现都不是凭空而来，其背后一定有着深刻的规律性因素推动。

拟物风、扁平风在移动互联网时代轮流登台亮相亦有更深层的时代背景原因。

在近些年，为了更好地适应层出不穷的屏幕尺寸，扁平风秉承着极简主义设计理念，引起了设计界的广泛关注，成为当下最为流行的界面设计风格。

一方面，扁平化风格的UI界面简洁干净，视觉上营造更轻快的操作体验。

另一方面，可以最大化突出内容主题，使信息本体作为核心凸显出来，缓解信息负载，让用户在操作过程中更专注于内容本身，降低用户在界面上的导航成本。

这些都是扁平化风格能够受到热捧的原因。

当然，所有风格都不可能是完美无瑕的，扁平化在发展过程中顺应时代的变化也在悄然进化，在极端的边缘走了回来，重拾起若干曾经摈弃的效果并加以优化，只为了更好的用户体验。

我们难免会听到周遭人群抱怨科技产品造成了人与人之间越来越多的冷漠与隔阂。

可是我们也不能否认曾经或正在感受着来自科技产品的人文关怀，它们让我们的生活变得更美好。

而手机主题，便扮演着其中一个微乎其微的角色，它通过众多可选择的界面视觉满足我们追求个性差异化的需求，通过良好的交互方式消除了使用过程中未曾言明的不便，通过种种人性化细节引起我们对手机品牌理念的共鸣，通过以上形式来激发我们藏匿在心底不曾离去的生活热忱。

所有这些，都是在说手机产品所代表的科技可以和我们更好的沟通交流，而设计师作为一条连接用户与产品间的桥梁，在当下正发挥着越来越重要的作用。

总之，从事主题设计行业的设计师，应当基于用户需求和程序本身去探索智能手机UI主题界面交互设计的创作技巧与风格表现，把握当前流行趋势同时不盲目跟风随大流，熟练掌握设计风格技巧，从生活中汲取创作灵感，尊重用户意见，勇于实践，为手机主题市场的美好未来贡献力量。

参考文献

[1]韩晓墨.继承与发展并重——论扁平化设计的席卷[J].深圳：

现代装饰（理论），2013（07）:

90.

[2]马海港.少即是多——论扁平化界面设计风格的优势[J].深圳：

现代装饰（理论），2013（12）:

87、88.

[3]李佳.界面设计中的扁平化设计与拟物化设计之探议[J].艺术与设计（理论），2014（03）:

55～57.

[4]谭琢麒.中国元素在手机主题设计中的应用[J].石家庄：

大舞台，2014（04）:

48、49、96.

[5]毛昕，赵倩雲.浅析移动终端设备的扁平化设计风格[J].北京：

设计，2014（06）:

85、86.

[6]赵玉航，李世国.图形用户界面设计中的功能可见性[J].重庆：

包装工程，2010（20）:

44～47.

[7]宋方，金锦虹，逯新辉.析扁平化手机界面设计[J].重庆：

包装工程，2012（14）:

60～63、106.

[8]谢琼，周丹.智能手机应用软件图标中的平面设计元素[J].北京：

商场现代化，2012（22）:

86、87.

[9]刘心雄，申之民.基于用户心智模型的3G手机交互界面设计[J].重庆：

包装工程，2010（18）:

8～10、37.

[10]刘程程.移动互联网下的手机应用产品服务设计研究[D].无锡：

江南大学，2012.

[11]姚瑰玥.新媒体时代智能手机的形式美感[D].保定：

河北大学，2013.

[12]WcLuhanM.理解媒介[M].何道宽译.南京:

译林出版社，2011.

[13]李四达.数字媒体艺术史[M].北京:

清华大学大学出版社，2018.

[14]刘心雄，郑家元．触屏手机界面设计[J].包装工程，2017

（2）：

130～132

[15]AlanCooper,RobertReimann,DavidCronin.AboutFace3交互设计精髓[M].电子工业出版社，2018～11：

223

[16]鲁晓波，詹炳宏.数字图形界面艺术设计[M].北京:

清华大学出版社，2006.

[17]刘永翔.基于产品可用性的人机界面交互设计研究[J].包装工程，2018，29（4）:

81～83.

[18]梅哲.图形图像界面中的图标设计[D].武汉：

武汉理工大学，2017.

[19]于东玖，吴晓莉.设计中易用性原则与情感的关系[J].包装工程，2016，27（6）:

308～309.

致谢

感谢在校期间所有授课教师，正是有了老师的严格、无私、高质量教导，我才能在学习过程中汲取专业知识和提高专业能力。

老师们各具特色的教学风格、善为人师的教学品质以及严谨的治学态度，将为我的教育教学道路上树立榜样。

感谢陪伴我度过愉快学习生活的同学，感谢你们对我的帮助，遇见你们让我的研究生生涯更加有意义，在一起讨论问题，共同进步的日子是一份珍贵而美好的回忆，同学情谊，倍感温暖。

感谢家人对我学业上的及求学期间的支持。

最后，欢迎各位专家和老师给予指正。