给大家系统讲解一下APP的视觉设计流程(一)
参与到一个项目中,我们不单单只是做一个图那么简单,而是要把自己的工作对接到整个项目流程中去。今天我们系统性地给大家讲解一下APP的视觉设计流程吧!
在UI设计中,很多开始学习UI的同事,尤其是自学UI的同事,都会问这样一个问题。什么是UI设计?UI设计是指软件的人机交互、操作逻辑和美观界面的整体设计。
但事实上,许多UI设计只做了界面美化的这一部分。有时UI设计的范围会被削弱。所以我今天和大家交流的是APP视觉设计的工作流程。参与一个项目,我们不仅要做一张图,还要把工作对接到整个项目过程中。
第一步
我们需要知道一个项目中有哪些成员,你的上下游是谁,你需要输入和输出什么?我们需要交互设计师或产品经理:
1、用户任务
2、页面流程
3、低保真原型图
确认没有意见,开始app视觉设计。有些产品或交互只会给低保真原型图,但尽量掌握更多的流程和用户信息,通过页面更好的引导用户进行设计。
第二步
设计环节,设计环节主要谈一些规格,具体如何设计页面风格,我相信每个人都有自己的风格和想法。重新设计应注意平台插件风格和平台风格,更容易赢得用户的信任。
1、新建750x1334xp的画布尺寸,颜色模式为rgb8,像素率为72(一般设计稿按苹果6尺寸)
2、确定符合企业品牌的app主色调和材质
3、设计图标
4、设计整个APP页面,注意细节有无丢失?是否提供按钮点击状态、反馈、缺失状态、字数超标、加载中未加载状态、加载失败状态?
5、页面标注
6、切图
以上就是“ 给大家系统讲解一下APP的视觉设计流程(一) ”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站获取更多内容。
在UI设计中,很多开始学习UI的同事,尤其是自学UI的同事,都会问这样一个问题。什么是UI设计?UI设计是指软件的人机交互、操作逻辑和美观界面的整体设计。
但事实上,许多UI设计只做了界面美化的这一部分。有时UI设计的范围会被削弱。所以我今天和大家交流的是APP视觉设计的工作流程。参与一个项目,我们不仅要做一张图,还要把工作对接到整个项目过程中。
第一步
我们需要知道一个项目中有哪些成员,你的上下游是谁,你需要输入和输出什么?我们需要交互设计师或产品经理:
1、用户任务
2、页面流程
3、低保真原型图
确认没有意见,开始app视觉设计。有些产品或交互只会给低保真原型图,但尽量掌握更多的流程和用户信息,通过页面更好的引导用户进行设计。
第二步
设计环节,设计环节主要谈一些规格,具体如何设计页面风格,我相信每个人都有自己的风格和想法。重新设计应注意平台插件风格和平台风格,更容易赢得用户的信任。
1、新建750x1334xp的画布尺寸,颜色模式为rgb8,像素率为72(一般设计稿按苹果6尺寸)
2、确定符合企业品牌的app主色调和材质
3、设计图标
4、设计整个APP页面,注意细节有无丢失?是否提供按钮点击状态、反馈、缺失状态、字数超标、加载中未加载状态、加载失败状态?
5、页面标注
6、切图
以上就是“ 给大家系统讲解一下APP的视觉设计流程(一) ”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站获取更多内容。