视觉传达设计在移动用户界面中的运用——以《一起吃饭吧》APP为例.docxVIP

PAGE

1-

南京信息职业技术学院

数码艺术学院

毕业设计报告书

学生学号：91621Y04

专业：视觉传播设计与制作

作品题目：视觉传达设计在移动用户界面中的运用——以《一起吃饭吧》APP为例

指导教师：嵇亮

指导老师单位：南京信息职业技术学院

是否团队设计：是□否□

完成时间：2019年4月25日

毕业设计诚信承诺书

我谨在此承诺：

本人的毕业设计作品系本人原创，如出现抄袭及侵犯他人知识产权的情况，将取消本人毕业答辩资格。

承诺人（签名）：

2019年4月30日

目录

一、设计背景

1专业分析………………（3）

2市场调研…………………（4）

3课题意义…………………（6）

二、设计创意与构思

1设计创意来源………………（7）

2设计构思方案………………（8）

三、设计制作实施环节

1实施步骤………………（10）

2技能技法运用………………（13）

四、设计总结………（16）

五、致谢

一、设计背景

1专业分析

视觉传达设计的本质是将接收的信息进行分析后通过图像、色彩等各种可视化媒介传达给受众的设计。而我们能看见、听见的东西中其实都或多或少的包含着视觉传达的设计元素。随着智能技术的发展，UI设计渐渐被人们重视。尤其是视觉传达设计在移动设备上的运用。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。所谓UI本意是用户界面，即为userinterface的简缩称谓。而对用户界面的设计是使其变得更加美观，视觉上更加舒适和自然，进而充分地体现软件的功能、定位和特点。一个优秀的界面设计不仅给人带来视觉冲击，跟重要的是能够充分体现软件的定位和特点。好的界面在给可用户带来心理上和视觉上的享受的同时,更应该兼顾的是更加便捷高效的使用在日常生活中。其实一个优秀的设计不应该只是漂亮的界面，更为重要的是把握好实用与漂亮之间的度，这就使得界面设计不能只是简单是美术视觉，还必须依据使用者的使用方式和使用环境等方面来进行设计,从而使得设计呈现出科学性、美观性、艺术性、实用性等，满足用户的视觉体验和操作体验。

2市场调研

随着移动互联网的发展，几乎把整个世界都带进了移动互联网。无论是年轻人、老年人也好，随处可见拿着智能手机的人。而且越来越多的人开始追求视觉效果，这使得UI设计在我国快速兴起。人们从色彩、版式、图标的角度，要求逐渐提高。下面我以《微信》APP为例，从视觉的角度分析市场趋势。

（1）色彩

改版后首先看到的是我们日常最常见的Logo，品牌绿色做了略微改动，从纯色底变成了之前就开始流行的微渐变。

进入app，最明显的感受是原本厚重感的配色消失不见了，品牌色绿色、底色的蓝灰色、分割线的颜色和标签栏的图标文字颜色都进行了优化，配色更简单化了。

（2）版式

图

排版上来说，最显眼的应该就是留白了，将间距拉大比之前阅读起来更加流畅。页边距、底部标签栏、分割线左边的留白等，都随着整体的改变进行了拓宽，使得页面的呼吸感更加自然，阅读信息更加顺畅高效。

（3）图标

图标上最大的改变功能图标从面性变成了线性。更新后的图标颜色做了加深和加粗，看的更加清楚了。

3课题意义

就目前的发展来说，我们视觉传达设计的学生除了投身传统平面工作，更多的选择可能就是UI设计了。其中主要原因在于我们正处在移动互联网崛起的时代，移动设备的普及率越来越高。UI设计作为设计行业的新兴领域来说，还是有很大的潜力的。而且UI设计与我们所学专业视觉传达设计是有非常多相同之处的，其实很多的设计原理都是相通的。UI设计简单来说包含视觉、交互、前端三个方面。其中与我们所学的视觉传达设计最为相关的是视觉方面。这里的“视觉”即UI界面的色彩、结构、图标等，这些工作都是需要我们来完成的。UI设计主要使用的软件有PS、AI、AE、Skitch等都在我们专业的范围内，都是我们应掌握的软件。这些对于我们未来生活及从事相关工作都是有很大帮助的。

二、设计创意与构思

1设计创意来源

中国人常说，民以食为天，吃这件事情很重要。好食物往往带来好心情。人每天的一日三餐是驱动人每天做各种各样事情的能量来源，食物的好坏直接关系着一天的心情、情绪、状态甚至工作和生活的点点滴滴，这也难怪食物始终都是热门话题。而我们同样常常借助手机和网络，选择更好的餐厅，点更好的外卖，或者寻找更加健康的食谱。美食和技术，也一直是紧密关联的。《一起吃饭吧》是一款美食食谱类APP，以视频的方式为主，针对热爱美食的人群，为食客提供更多美食的选择，主要功能是为喜欢分享美食的提供分享平台。旨在APP内的用户可