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. 接下来是排版要求,排版应讲究对齐原则,这样会给用户很舒服的体验,且应该留出边距,不能出现文字贴到图片边缘的情况;
建议有兴趣的同学可以去研究一下谷歌公司的Material Design作图风格,相当漂亮。
以上就是我分享给大家的作图经验,如果有遗漏之后会再补充,欢迎各位大佬和萌新的指正,接下来会推出网页设计规范的博客,敬请期待!
Photoshop——APP设计规范相关推荐
- 【APP设计规范指南—工信部启示】
APP设计规范指南-工信部启示 提升全流程服务感知 保护用户合法权益 一.规范安装卸载行为 确保知情同意安装 向用户推荐下载 APP 应遵循公开. 透明原则,真实.准确.完整地明示开发者信息.产品功能 ...
- iOS APP设计规范大全
目前最为齐全的iOS APP设计规范大全,Mark一个- 原博客地址:http://blog.sina.com.cn/s/blog_814ecfa90102vuxg.html
- web网页、手机app设计规范
网页设计规范 新建ps文件时,宽度为1920.单位为像素.颜色模式为rgb.高度自定义: 一.网页设计尺寸 制作网页时我们选用的分辨率是72像素/英寸,使用的画布尺寸1920px*1080px.但并不 ...
- 安卓APP设计规范和设计细节
我们在进行安卓APP设计时,需要好好调整之前的设计规范和设计细节.根据目前流行的安卓手机的系统体验来完成我们的安卓APP设计规范.应该说这是整理出最全面的安卓app设计规范. 1.安卓app设计规范之 ...
- 安卓app设计规范整理和Android APP设计篇(转)
随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...
- 安卓APP设计规范(一)
随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...
- 安卓app设计规范整理和Android APP设计
随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...
- 安卓app设计规范整理和Android APP设计篇
安卓app设计规范整理和Android APP设计篇 发布于: 2014 年 8 月 24 日 by admin 随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近 ...
- 安卓APP设计规范(二)720*1280设计稿对应开发尺寸
这样的手机又vivo智能收款机.三星Galaxy A5.华为荣耀等手机. 这样的手机屏幕尺寸是:5寸 即屏幕对角线是5英寸. 计算方法:1280平方+720平方=2156800,结果再开 ...
最新文章
- 2008年12月13日上海USB驱动开发深度解析讲座PPT
- cont::value_type相关的测试程序
- java反序列化漏洞实战
- python常用功能_python----常用功能
- 最新Modis影像数据下载完整流程---以MOD13Q1 NDVI数据下载为例(2020年12月2日更新)
- 弧形面如何逆时针排序_环形导轨如何实现拐弯?
- 高性能 Socket 组件 HP-Socket v3.1.3 正式发布
- 监控系统可以终结酒驾吗?
- 测试用例经典练习之微信发红包测试用例
- MAGIX Sound Forge Audio Studio v16.0.0.39 WiN 音频编辑软件
- laravel Excel 3.1 列宽设置不起作用
- 哪里东西更便宜?读《卧底经济学(珍藏版)》
- 常见离散型随机变量比较
- java语言和C语言的区别
- 炫酷,纯Python开发LOL英雄信息查询平台
- 《惢客创业日记》2021.01.27-31(周三)顾耀东傻吗?
- 一款牛逼的Java工具类库,GitHub星标11.6k+
- 群晖php pear,群晖 DSM 7.0 预览版各机型固件下载链接
- 白岩松:平静才是真正的奢侈品。
- 百度百科如何创建词条|多少钱
热门文章
- 日文身体部位单词_20161009
- 【AAAI 2020】全部接受论文列表(三)
- 输入两个整数,求;两者的和,差,积,商,余数。
- 苹果7 plus手机显示无服务器,天了噜!iPhone 7 Plus 居然有这些功能!非买不可!...
- ubuntu 网卡总结
- 据说程序员写完代码是这个样子,99%的人都中枪了
- 华为智能汽车产业研究与投资机会分析
- linux下添加网口,linux下ioctl操作网络接口
- mp4box-h264-ftyp-moov-mvhd-thkd-avcC-sps-pps 详解
- 态度篇·与其混不如滚