论文总字数：5439字

摘 要

本文从UI的制作流程谈起，谈UI设计的重要性。根据用户使用习惯及年龄进行手机UI设计。在了解用户使用习惯和确定用户群体后，从中得出结论并进行设计工作。 

UI设计前期需要明确用户的需求，还要画出UI的工作流程图方便软件部分人机交互的制作。

我的设计围绕着学生使用者，在了解了学生的需求和审美结合本学校的特色之后设计出用户欢迎的UI界面。

关键词：GUI；软件界面设计；设计原则；设计基础

目录

摘要 I

1.1软件UI流程图的设计 1

1.2软件功能决定UI设计方案 1

第二章UI设计中图标的设计 3

2.1图标的造型设计 3

2.1.1意义决定造型 3

2.1.2风格指导设计 3

2.2图标的构图设计 3

2.2.1菜单形式影响构图设计 3

2.2.2功能和用户体验影响构图设计 3

第三章《成贤人》app中图标设计应用 4

3.1《成贤人》app界面中UI界面设计 4

3.1.1UI流程图的设计 4

3.1.2UI界面色彩 4

3.1.3UI界面的构图 5

3.2《成贤人app》界面中图标设计 5

3.2.1图标的造型 5

3.2.2图标的色彩 6

总结与体会 7

致 谢 8

参考文献 9

第一章UI设计的工作流程

1.1软件UI流程图的设计

在设计UI界面之前我们要知道UI是体现软件功能的一个界面或者说操作方式，使用者在看见UI的时候就能知道软件的大概功能，UI在用户和软件之间架起了一座桥梁怎么能让UI有这种功能，软件的流程图就是这个问题的答案，如下图1.1所示在这个流程图中我们可以看见在草稿箱这个菜单下有编辑短信、删除短信、显示短信总数目、单条短信操作和保存短信到草稿箱五个子菜单而在这些子菜单下面还有子菜单，这些就是我们要做的UI界面了，我们在制作UI之前把这个流程图画下来我们就能知道我们需要做多少个界面，每个界面里有什么内容，把流程图画好就方便了我们之后的制作，这个流程图就相当于一个提纲我们接下来只要往里面加内容就可以了。

图1.1

1.2软件功能决定UI设计方案

软件的功能决定了用户群体，针对用户设计合适的UI如图1.2.1所示我们以酷狗音乐为例，酷狗作为手机应用商店推荐榜排名十分靠前的听音乐app从中可以看出酷狗是这样针对用户来设计UI界面的，酷狗把UI分为听、看、唱三大块。从中我们可以看出使用酷狗的一定是以这三种功能居多所以酷狗才会用这样的UI设计方案。在听的版块下乐库、电台、酷群等功能乐库是基本的供用户搜索音乐使用的，电台是方便用户听不同风格的音乐设计的，酷群是一个新的功能应该是方便用户与用户交流使用的。

在看的模块下面有mv、繁星直播、酷狗live等功能，现在的用户已经不满足只听音乐了能看到mv配合音乐效果更佳。繁星直播则是给主播提供了一个直播的平台，用户可以和真人一起互动。酷狗LIVE则是近期歌手的演唱会的直播和回顾让用户足不出户就可以享受看演唱会的美妙感受。

在唱模块下有附近、排行、关注、我的四个主要的功能其中附近可以看见你周围人唱的歌用户可以在里面看见周围有多少歌友在唱歌；排行菜单下用户可以看见某首歌在你所在的地区或者全国范围内歌友翻唱的最佳排名。关注菜单下用户可以对唱的比较好的歌友进行关注在以后的时间能够随时看见你所关注的人发布的新作品。我的彩单下就是用户自己发布的歌或者是视频。用户可以在这个菜单下看见有谁听了你的歌有谁关注了你有谁送了你礼物等功能。

酷狗的这些功能我们可以看出用户的需求现在的用户已经不满足于只是听歌了，用户想听想看也想唱。

在一款app上架的时候一定要对自己所针对的用户的需求有很清楚的认识知道用户需要什么功能，在了解了这些后我们对app的UI界面进行合理的规划与设计在UI界面的视觉中心展示产品的功能让用户有一种这款app是为自己量身定做的感觉这样用户才会被产品所吸引成为铁杆用户。

图1.2.1

第二章UI设计中图标的设计

2.1图标的造型设计

2.1.1意义决定造型

UI界面里会有各式各样的图标，这些图标是子菜单的入口而子菜单的内容必定与这些图标有联系如图2.1.1所示这个图标一定是失物招领图标上画了一个手套一把伞和一个包单单这三个物品并不能说明说明关键的这些物品上还有一个问号这就让用户朝着失物招领上想了最后在图标下面也写上了失物招领让用户能够明确的知道图标的意义也不会显得突兀。

图2.2.1画了多云的标志这个图标我想没有人会陌生看过天气预报的人都知道这个标志的意义所以这个图标就不需要文字加以解释用户也会明白这个图标下的子菜单一定就是天气预报。

图2.1.1 图2.1.2

2.1.2风格指导设计

这里的风格一方面指UI的色彩风格我们在设计之前一般会定下一个色调后面的UI界面都要符合这个色调。还有一个风格指的是：这个软件隐藏的风格比如说政府司法这类。政府或者法律方面相关的比较严肃的软件我们就要设计的比较严肃甚至带点古板在里面，反之如果是给学生年轻人用的我们就要设计的活泼轻快一点。

2.2图标的构图设计

2.2.1菜单形式影响构图设计

菜单有多种形式有下拉式菜单、滑动式菜单、按钮菜单。点击之后弹出来的菜单在界面还有比较富裕的空间的时候我们可以吧菜单图标做成按钮式的放在界面合适的位置体现美感方便使用在菜单比较多空间不够用的情况下我们可以把这些菜单集成在下拉的界面中这样我们就能让界面更加的简洁清爽。

2.2.2功能和用户体验影响构图设计

针对不同的用户UI的构图也不一样年纪比较大的接触互联网时间比较短人对UI界面的需求是简洁明了让人在很短的时间内了解这款app的主要功能，太花哨的东西反而影响到这类用户的操作体验让他们失去想继续深入的冲动。对于年轻人来说需求的是丰富的功能亮丽的色彩。这样才能吸引到年轻人的注意力，让他们发掘app的各种功能。

第三章《成贤人》app中图标设计应用

3.1《成贤人》app界面中UI界面设计

3.1.1UI流程图的设计

在了解了我们要做一个学生用的appUI的时候我们先询问了app的具体功能。《成贤人》app的功能和一般校园app类似，需要集学习、生活、互动等功能于一体。根据这个要求我们制作了图3.1.1所示的一张流程图。流程图绘制完后我们开始确定需要制作多少个UI界面。

图3.1.1

3.1.2UI界面色彩

不同的色彩会产生不一样的视觉感受，直接或者间接的影响着人们的心里感觉和情感。色彩依据心理错觉分为冷色和暖色。冷暖色除了呢那个使人感觉温度的不同，还有重量感，湿度感的不同，暖色偏重，冷色偏轻，暖色密度高，冷色稀薄，冷色显得比较湿润，暖色偏干燥。色彩的明度和纯度也会对色彩物理印象产生错觉，暗色偏重，明亮色偏轻。

剩余内容已隐藏，请支付后下载全文，论文总字数：5439字