实训6  App项目UI元素设计(必做)
实训目的
通过实际操作，完成App项目所有页面UI的制作。
实训内容
合理并美观的呈现页面中的不同功能，按照规则在页面中输入文字，按照规则在页面中使用图片，控制好页面中元素的边距与间距。区分不同系统中需要注意的要点。
实训要求
教师指导6 学时，学生课后用20 学时或以上。
需按照策划内容完成所有二级页面内容，如下图。
实 训 过 程 记 录
步骤简述：
课程app
我的设计过程：
一、APP定位
痛点分析
用户想要学一些新的东西的时候，往往不到合适的课程，要么不到合适的平台。我设计的这个APP就谁为了解决这个问题的。
产品定位
通常一个APP的定位都是以文案的形式展示出来，要让用户在第一次接触到产品的时候就知道是产品的作用。因此文案表达的内容一定要清晰明了，最好用一些好记的、吸引人注意力的。
二、用户画像
建立用户画像是很有必要的，根据用户的特点，包括需求、目的、行为特征等等建立用户画像，用户画像包含的信息越详细，对产品的设计越有帮助。
三、线框图
在对用户的行为和目标有了很好的了解之后，我就把一些APP里面需要的关键信息用线框图画出来。主要包含以下内容：
1、课程列表（按照热度、附近、即将上线等因素排列）
2、搜索（按照类型、价格、位置、比例等进行排列）
3、实时消息（试验项目）
4、用户资料（趣味性、购买的课程）
四、视觉语言
语言是由词语组成的，而这些不同种类的词语的组合可以传达不同的信息。同理，视觉语言可以由颜、空间、形状、动作等元素组成。
五、情绪板
情绪板在设计的过程中发挥了重要作用。情绪板通常由图片、文字、主题组成，是除了页面板式之外用来传达设计者包含在其中的感情的媒介。
六、模块化示意图
模块化是示意图是有形的视觉设计元素的拼贴，比如板、字体、按键风格等等，与情绪板相比，它用一种更具体的视觉语言和用户沟通。在设计的早期阶段，模块化示意图是获取用户反馈很有用的一种方式。
七、UI&原型设计
我先根据用户的需求确定视觉风格，画中等级的线框图，并且迭代少许的设计元素，然后用InVision建立交互式设计原型，并作出成型的UI。
ui素材网站实训日期：2022年11月7日                    成绩：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。