Photoshop——APP设计规范
随着Android和iOS语言的兴起,能够在手机上运行的APP软件已经成为了目前移动应用技术的焦点,APP的UI设计随之也越来越受到重视。
用户的需求不断增加,技术也在不断的更新,UI设计也越来越被重视起来。
作为一个入行已经两年的UI设计师,这里有一些作图的经验和技巧要与大家分享。
我们就从头说起,首先给大家分享的是一个完整的APP的制作流程,是这样的:
用户需求-->产品设计-->UI设计-->后端开发-->移动端开发;
这也就诞生了4个职业,产品经理、UI设计师、后端程序员、前端程序员。
产品经理负责分析用户需求,功能模块划分,设计产品架构图等工作;
UI设计师负责承接产品经理的产品架构图,之后利用Photoshop或者sketch等软件来排版、构图、配色,最后以图片以及切图的形式交给前端程序员;
后端程序员的任务是根据产品来编写数据库,提供接口以及接口文档,完成客户端数据的传输;
前端程序员根据UI设计师提供的UI图、产品经理提供的业务逻辑、后端程序员提供的接口和接口文档完成一个完整的APP!
闲话不叙了,拐入正题,我们主要讲讲UI设计师的部分:
1. APP UI图的最小尺寸是:宽->750像素,高->1334像素,分辨率->72,这个最小尺寸是使用的IPhone 6 的标准尺寸;
2. 接着,设计app需要丰富的脑洞和创造力,但这需要在一定的限制下,比如,我们的界面需要有通知栏(放信号和wifi的那一条)、标题栏、内容栏、主菜单栏,如下图,这些基本的内容是不能舍弃的,因为我们的原则是给用户更好的使用体验度,当然,我们适当打破一点这些布局去追求用户体验也未尝不可,如网易云音乐app;
3. 接下来是字体要求,在app设计中,我们使用的字体应该全部使用黑体(以图片形式存在的文字除外),因为程序员在实现UI图的时候,如果要用到其他非系统自带的字体时候,需要加载字体包,这不仅增大了app的文件大小,也减慢了app的加载速度;
4. 接下来是配色要求,我们的配色应以一个主色为主,其他颜色做点缀,主色至多是一种颜色,而且这种颜色应该尽可能的能够长时间观看,这是为用户考虑,UI设计的原则就是用户至上,同学们也可以尝试使用黑白灰三色做主色,也相当好看;
5. 接下来是排版要求,排版应讲究对其原则,这样会给用户很舒服的体验,且应该留出边距,不能出现文字贴到图片边缘的情况;
最新文章
- PHP 检查并创建多级目录
- android接收短信——framework处理流程(android 5.1)
- 最小的N个和(codevs 1245)
- Apche Kafka 的生与死 – failover 机制详解
- combobox远程加载数据的总结和Json数据的小结
- 解决IE无法解析json的方法
- Unity之Avatar原理
- jquery遍历筛选数组的几种方法和遍历解析json对象
- [原创] linux deepin 2014.1下编译putty
- 视频编辑SDK---我们只提供API,任你自由设计炫酷的功能
- win10下安装python
- 【线段树】【BZOJ1798】【AHOI2009】维护序列
- *** non-numeric second argument to `wordlist' function: ''. Stop错误解决办法
- Python:匿名函数lambda的函数用法和排序用法
- [ipsec][crypto] 在IPSec ESP使用AES-GCM加密时的IV
- 移动端长按响应事件以及阻止默认行为e.preventDefault()导致定时器setTimeout不能响应
- docker在centos7系统镜像下遇到的一些问题
- JSX语法
- 吴裕雄 数据挖掘与分析案例实战(12)——SVM模型的应用
- oauth三方登陆的原理
热门文章
- beautifulsoup4进阶学习笔记
- Bell数
- 使用mysql8.+版本,使用mybatis的代码生成工具:mybatis-generator连接数据库时Unknown initial character set index '255' received from server. Initial client character set can be forced via the 'characterEncoding' property.
- HTML/JavaScript实现地图以鼠标为圆心缩放和移动
- Cloud开发动态列的简单账表
- VS打包程序步骤
- ECMAScript基本语法——⑥流程控制语句
- Leetcode Week1 Regular Expression Matching
- Win10安装4 —— 通过BIOS进入PE
- prach定点化处理