APP界面设计流程和APP产品设计流程知识汇总
来源:互联网 发布:js表格分页插件 编辑:程序博客网 时间:2024/06/17 17:38
本文转载自互联网,如有侵权,请联系我及时删除。谢谢。
第一部分:APP界面设计流程概要分享,总共11个步骤。
1. 确定你的创意方向或者围绕主题展开
您的创意是否有人做过,如果有类似的app,那就要多多考虑,争取超越并且有一些独特的优化设计在其中
2. 定位应用和用户需求分析
通过苹果的人机界面指南(Human Interface Guidelines)图来定位
人机交互指南分析
3. 核心功能确认,必须用减法原则
将提出的各种需求进行汇总讨论,设计ADS(Application Definition Statement)对应用定义的一段陈述,也称精简的ADS,可以从下面4个方面着手:
1、确定整体产品色彩基调,色彩基调可以从产品功能中提取,也可以从产品LOGO中提取;
2、做出界面原型,包括功能布局、页面交互等元素;
3、在界面原型基础上进行色彩添加,进一步的细节调整;
4、根据用户使用体验反馈再次修改界面,不断完善。
4. 产品草图制作。比如Axure pop等
开始根据前面所整理的资料,进行基本的产品各个功能的设计,包含移动中使用场景,按钮,显示文字等。纸和笔是个不错的方式
5. Walkthrough
在IOS中,各个界面之前切换方式也是重要的地方,称为APP功能穿越(App Functionality Walkthrough),设计时需要考虑进去。
6. 低保真原型
利用原型制作工具(Axure,Mockup,Visio),将草图搬上电脑,尽量使用黑白,粗糙的线条来进行设计,不要纠结于细节
7. 高保真原型
在低保真原型确认后,可以开始纠结与细节了,ios屏幕尺寸有这几种:960*480,1024*768。具体的查看APP设计尺寸规范大全,APP界面设计新手教程。
8. 视觉UI设计,用ps 或AI
在高保真原型完成后,就该给进行视觉设计,Apple提倡有质感,有仿真度的图形界面,我们让app的界面设计尽量接近用户熟悉或者喜欢的风格。在配色和图标上可以下足功夫
9. 根据自身产品的文化来完善APP设计理念
由于移动设备的关系,设计上尽量保持简洁,若非必要就不要放上华丽的图形或其他的信息去吸引用户,我们需要让信息一目了然,不隐晦,不误导。
10. 多种应用场景的ICON设计,1024 512 114等。
ICON将决定APP在Store中的辨识度,可以先从简单的轮廓开始,先从核心创意开始。除非有必要,你的icon最好不要包含文字,尽量使用跟你的app图形界面一致的材质和渐变。你如果想给用户呈现高质量的UI设计,别忘了把icon设计成29×29,72×72,和512×512三种尺寸。
APP图标设计参考网站:6个精品iPhone矢量图标库推荐
11. 交付设计稿或切图文件夹
如果你自己不开发app的功能,还需要把清晰的设计指南交付给开发人员。我会把界面和描述集中到一张大图,并尽可能的把所有可遇见的情况都给开发人员描述清楚。同时可以对PSD进行尺寸标注,说明,及存为PNG方便开发。
android切图教程:
android APPUI设计、切图的常用尺寸大全
如何对手机UI进行设计,切图
第二部分:APP产品设计流程分享,由icojump.in团队提供
icojump.in团队分享和总结的一套「产品设计流程」,里面包含了3大模块,产品前期分析,设计环节,上线总结反馈,基本上涵盖了,从需求到上线的经过的流程,相较于大型UED团队会“轻”一些,适合中小型团队。如果所在公司内部还未有设计流程,可以参考此流程,也可以拿去在这个基础上进行改进完善。或者我们可以参照这个来。制作我们自己的app产品设计流程。
app产品流程设计
本文转自25学堂
- APP界面设计流程和APP产品设计流程知识汇总
- App 的界面设计流程
- 【转】iOS APP 产品设计流程
- UI设计理念-app的界面设计流程
- app的启动流程和打包流程
- 一个App的界面设计流程是怎么产生的
- app 证书和上架流程
- 产品设计流程
- 产品设计流程
- 产品设计流程
- iOS App上架(Member Center中)的一些知识及原理和iOS App上架流程
- ios app发布证书和流程
- APP测试流程和测试点
- APP上线流程需注意的事项和步骤流程
- IOS APP设计流程
- GoogleMarket上传APP流程
- iOS App 上架流程
- IOS APP提交流程
- Android RecycleView 实现单选列表 并解决View复用导致错乱问题
- sql 基本语法整理
- ScrollView属性总结
- 如何编辑验证码
- LeetCode Algorithms 8. String to Integer (atoi) 题解
- APP界面设计流程和APP产品设计流程知识汇总
- BMS工作
- PHP的echo 和 print 区别:
- unity3d 重力加速度传感器控制摄像头
- StringUtils.isEmpty()总结
- SpringMVC常用中的maven配置
- Python爬虫之实习僧招聘信息及数据分析
- Succinct trait of comparing jQuery with JavaScript
- apache安装