网站界面(UI)设计形考作业3(实训6).docVIP

实训6App项目UI元素设计(必做)

实训目的

通过实际操作，完成App项目所有页面UI的制作。

实训内容

合理并美观的呈现页面中的不同功能，按照规则在页面中输入文字，按照规则在页面中使用图片，控制好页面中元素的边距与间距。区分不同系统中需要注意的要点。

实训要求

教师指导6学时，学生课后用20学时或以上。

需按照策划内容完成所有二级页面内容，如下图。

实训过程记录

步骤简述：

课程app

我的设计过程：

一、APP定位

痛点分析

用户想要学一些新的东西的时候，往往找不到合适的课程，要么找不到合适的平台。我设计的这个APP就谁为了解决这个问题的。

产品定位

通常一个APP的定位都是以文案的形式展示出来，要让用户在第一次接触到产品的时候就知道是产品的作用。因此文案表达的内容一定要清晰明了，最好用一些好记的、吸引人注意力的。

二、用户画像

建立用户画像是很有必要的，根据用户的特点，包括需求、目的、行为特征等等建立用户画像，用户画像包含的信息越详细，对产品的设计越有帮助。

三、线框图

在对用户的行为和目标有了很好的了解之后，我就把一些APP里面需要的关键信息用线框图画出来。主要包含以下内容：

1、课程列表（按照热度、附近、即将上线等因素排列）

2、搜索（按照类型、价格、位置、比例等进行排列）

3、实时消息（试验项目）

4、用户资料（趣味性、购买的课程）

四、视觉语言

语言是由词语组成的，而这些不同种类的词语的组合可以传达不同的信息。同理，视觉语言可以由颜色、空间、形状、动作等元素组成。

五、情绪板

情绪板在设计的过程中发挥了重要作用。情绪板通常由图片、文字、主题组成，是除了页面板式之外用来传达设计者包含在其中的感情的媒介。

六、模块化示意图

模块化是示意图是有形的视觉设计元素的拼贴，比如色板、字体、按键风格等等，与情绪板相比，它用一种更具体的视觉语言和用户沟通。在设计的早期阶段，模块化示意图是获取用户反馈很有用的一种方式。

七、UI原型设计

我先根据用户的需求确定视觉风格，画中等级的线框图，并且迭代少许的设计元素，然后用InVision建立交互式设计原型，并作出成型的UI。

实训日期：2022年11月7日成绩：