极简风UIUserInterface设计入门教程网课课件ppt课件带内容.pptx
《极简风UIUserInterface设计入门教程网课课件ppt课件带内容.pptx》由会员分享,可在线阅读,更多相关《极简风UIUserInterface设计入门教程网课课件ppt课件带内容.pptx(30页珍藏版)》请在启牛文库网上搜索。
1、20 xx.xx.xx 汇报人:汇报人: XXX入门教程Introductory tutorial/UI/ User Interface01设计之前设计之前02设计过程设计过程03设计交付设计交付04总结输出总结输出目录/ Table of contents01设计之前设计之前02设计过程设计过程03设计交付设计交付04总结输出总结输出目录/ Table of contents确认项目内容/ ContentUI页面组成主要页面、二级页面、状态描述页面、异常页面、正常内容页面、表单页面、选择页面、等待页面页面数量与时间主要页面5页:一周、二级页面50页:两周、状态描述页面30页:三天、异常页面2
2、0页:四天确定适配机型需要确认主流用户的机型,从而使用合适的设计尺寸进行设计,方便后期开发去适配用户的机型。确认内容紧急程度/ Content紧急紧急不紧急不紧急重要重要不重要不重要首页首页我的我的消息消息个人个人会员会员状态状态功能功能无网无网客服侧栏Q&A评论注册注册活动活动登录登录成就成就设计页面的尺寸/ Content在确定完页面的数量之后,我们就要开始确定用户群体所用设备的屏幕大小,针对主要的客户群体所用的设备来适配。当然,这需要我们前期来设定好设计稿子的尺寸。而确定好设计尺寸后,我们也是需要考虑到后期适配的规范。在处理常见手机界面适配时,设计师只要关注以下3个基本参数:渲染像素(P
3、ixel)、逻辑像素(Point)、 倍率(Scale)统一配色与字体/ Content配色前期工作的确定,少不了配色与字体的规范设定。而配色方面,则需要根据产品的特性、产品色延伸。字体字体方面的设定,则是需要官方的文字来设定大小。iOS和安卓的系统字体都不一样,需要区分开。大标题大标题34pt34pt正文正文17pt17pt标题一标题一28pt28pt标题二标题二22pt22pt标题标题正文正文主题主题强调强调用户画像/ Content是一种绘画出目标用户、洞察用户特征、联系用户诉求与设计目标有效工具。都采用贴标签的方式对用户进行分析和描述,解决的问题也都是更为明确的告诉设计师:“我们需要服
4、务的是什么样的一群人?”企业的目标、痛点企业的目标、痛点 企业企业主要用户的需求主要用户的需求重要用户重要用户数量较多、需求比较杂数量较多、需求比较杂一般用户一般用户整理框架/ Content产品首页Banner搜索框金刚区我的设置头像消息消息记录系统通知需求接到后,除了需要知道产品的目标之外,还需要对产品的框架进行整理。把整体的功能,用架构图罗列出来,尽可能地完整填写。框架图整理完后,需要根据框架的功能结构来进行层级的设计。检查每个页面的功能是否完整需要,把不需要展示的功能入口隐藏起来。02设计过程设计过程01设计之前设计之前03设计交付设计交付04总结输出总结输出目录/ Table of
5、contents风格定义/ Content产品定位用户描述+丰富活跃易用简易成长朝气轻松模型分析/ Content5W1H需求是什么What什么时候做When场景在哪Where用户是谁Who为什么这么做Why是一个帮助我们完成任务的分析工具,由美国政治学家拉斯维尔于 1932 年提出,并经过不断的优化和更新。广泛应用在企业管理、学术研究、生产管控、日常生活中。5W1H情绪版/ Content色彩图形质感构图MOOD BOARD(情绪版),是指对要设计的产品以及相关主题方向的的色彩,图片,影像或其他材料的收集,从而引起某些情绪反应, 以此作为设计方向或者是形式的参考。 帮助设计师明确视觉设计需求
6、,用于提取配色方案、视觉风格、质感材质,以指导视觉设计,为设计师提供灵感。如何制作情绪版/ Content步骤1. 1.明确原生关键词明确原生关键词2. 2.挖掘衍生关键词挖掘衍生关键词3. 3.搜索关键词图片搜索关键词图片4.4.提取生成情绪版提取生成情绪版5. 5.提取视觉风格提取视觉风格实战分析/ Content提升视觉浏览效率优化思路文字视觉线容器图片文字文字5 5大层次性大层次性尼尔森尼尔森F F型视觉模型型视觉模型统一的圆角容器统一的圆角容器强呼吸感、背景干净强呼吸感、背景干净功能导向/ Content开放、透明O公司、部门、管理者和员工从战略设定自己的年度和季度目标。持续更新K规
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 极简风 UIUserInterface 设计 入门教程 课件 ppt 内容