《UI设计》课件-UI界面设计期末要求

`INTERFACE

DESIGN`期末大作业/界面设计基础课程之一、期末考核方向，小组作业（4-6人）APP改版考察图标设计、界面规范二、提交形式：文件夹压缩包，含PPT+JPG。

命名为“1班/2班+组名+组长名字+某APP改版”于第17周（1月4日）课堂汇报文档最终提交截止至第18周（1月11日）课堂提交,并签到（1）PPT(期末文档提交请转PDF)（2）JPG：设计稿数张参考：PDF三、期末分数考核点组成：1、完整性（20分）：4项内容；缺一项扣2分。2、可用性（40分）：理解界面交互准则，理解信息层次。符号可识别，信息有序有层次3、创意性（30分）：在满足可用性的基础上，界面或图标运用隐喻手法进行设计，整体视觉风格统一，融入个人的设计主张及设计思辨4、其他加分项（10分）：注重整体展示精良，如制作一些额外的海报，样机展示设计，提升作业的整体的设计视觉感会获得额外加分。APP改版选取某APP(工具类/平台类)，进行界面视觉设计改版这部分的页面以一个“核心流程”进行呈现提交形式，文件夹内包含以下三部分：（1）PPT(期末文档提交请转PDF):A.改版产品选择。

从下载市场分类中挑选出一类APP，产品的最初形态一般从“工具类”开始，如日历/倒计时/地图/时钟/相册等，慢慢随着用户量增大，加入社交属性，形成了”平台类“。根据本课程所涉及的界面准则/视觉原理/色彩/图形符号学等理论，进行综合性列点分析选择的产品需改版的原因。B.产品重新定位。

重塑产品的形象，以下提供几个角度，可供参考：对比同类产品（从热门的/推荐榜单/最喜爱等进行3至5个产品研究）；产品使用的用户人群，结合符号学、色彩心理学，重塑产品的视觉属性：图标/风格/配色/标准字及字号等C.调整界面设计。

参照尼尔森十大交互准则；网格系统。进行界面部分的视觉改版设计，改版的内容及数量请参考上一页PPT。项目定义1用户研究2用户体验及功能分析3原型创意4项目总结（个人心得总结）5目录CONTENTS【例】17级蔡敏琦小组书房APP汇报PPT的目录项目定义01Impressivepictureandcreativesloganhere#

SlideCONTENTS目录用户研究02用户体验03功能分析0405原型创意

06项目总结【例】17级张锦华小组自帐APP汇报PPT的目录（2)JPG输出数张，提交设计内容的全部JPG资料。请注意每张JPG的命名。参考设计版式及部分设计内容，期末设计所有内容请按照PPT第5页：/work/ZMjU2MTU5ODQ=.html【备注期末类别】

1、应用图标设计：

风格五大类——具体特征；物体装饰特征；抽象特征；字符风格；角色设计风格

可使用设计风格：扁平、拟物、渐变、质感

/work/ZMjU2MTU5ODQ=.html拟物化设计风格↓1具体特征设计风格(二阶)2物体装饰设计风格(三阶)扁平式设计风格3抽象特征设计风格(五阶)3字符设计风格4扁平式设计风格4字符风格(五阶)抽象特征(四阶)33字符风格(五阶)抽象特征(五阶)角色设计风格效果越拟物质感，二阶or三阶效果越扁平越强调色彩，卡通，四阶2、启动页面/引导页面闪屏：呈现产品品牌相关信息，加文案。可用摄影/图形/插画形式表现启动页（品牌闪屏设计）1个，必做*系列的（常见新下载手机时候）3个，选做QQ音乐，结合节日设计的闪屏（运用了三阶的视觉样式，即运用了“图像绘画”手法来实现QQ音乐品牌闪屏设计的插画效果）马蜂窝APP（闪屏用了一阶的视觉样式，即运用了“摄影”真实性来进行闪屏创作）喜马拉雅APP（闪屏用了五阶的视觉样式，即运用逐渐散开的波纹隐喻声纹的效果设计闪屏）【备注期末类别】*系列选做：在新下载并开启时，进入首页界面之前会有“新手操作”或“节日专用的宣传”（系列的选做，不是我们考察的重点）【备注期末类别】3、视觉规范:配色方案、功能图标、组件设计、字体样式字重等。可参考站酷网站内”APP改版”的作品/search/content?&word=APP改版图片取自/work/ZMjU2MTU5ODQ=.html组件设计（从界面设计中挑选出一些组件进行统一排版，个数不限，注意视觉风格统一。输出组件设计的JPG）控制元素：开关内容视图：集合视图内容视图：集合视图栏：标签栏控制元素：搜索框内容视图：集合视图控制元素：进度条临时视图：操作列表组件设计欣赏（从界面设计中挑选出一些组件进行统一排版，个数不限，注意视觉风格统一。输出组件设计的JPG）参考/search/content?type=0&field=0&other=0&sort=5&word=12306%E6%94%B9%E7%89%88&recommend=0&time=0&requestId=requestId_1587888084328&p=1#tab_anchor【备注期末类别】4、界面改版:考察对界面准则的理解、信息层级设计。可以通过对所选产品的分析，进行功能的调整，视觉的重新定义。改版12306/work/ZNDE1NjQ1NTY=.html修改某个天气APP重新进行视觉设计，注意需有根据的进行分析和重新定义RoloCalendar「反日历」设计它的与众不同，没有传统日历各种大大小小的表格AT

是一款时间追踪工具，简单地说就是设立一个目标时间，纪录你离那个时