随着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设计规范相关推荐

  1. 【APP设计规范指南—工信部启示】

    APP设计规范指南-工信部启示 提升全流程服务感知 保护用户合法权益 一.规范安装卸载行为 确保知情同意安装 向用户推荐下载 APP 应遵循公开. 透明原则,真实.准确.完整地明示开发者信息.产品功能 ...

  2. iOS APP设计规范大全

    目前最为齐全的iOS APP设计规范大全,Mark一个- 原博客地址:http://blog.sina.com.cn/s/blog_814ecfa90102vuxg.html

  3. web网页、手机app设计规范

    网页设计规范 新建ps文件时,宽度为1920.单位为像素.颜色模式为rgb.高度自定义: 一.网页设计尺寸 制作网页时我们选用的分辨率是72像素/英寸,使用的画布尺寸1920px*1080px.但并不 ...

  4. 安卓APP设计规范和设计细节

    我们在进行安卓APP设计时,需要好好调整之前的设计规范和设计细节.根据目前流行的安卓手机的系统体验来完成我们的安卓APP设计规范.应该说这是整理出最全面的安卓app设计规范. 1.安卓app设计规范之 ...

  5. 安卓app设计规范整理和Android APP设计篇(转)

    随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...

  6. 安卓APP设计规范(一)

    随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...

  7. 安卓app设计规范整理和Android APP设计

    随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...

  8. 安卓app设计规范整理和Android APP设计篇

    安卓app设计规范整理和Android APP设计篇 发布于: 2014 年 8 月 24 日 by admin 随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近 ...

  9. 安卓APP设计规范(二)720*1280设计稿对应开发尺寸

    这样的手机又vivo智能收款机.三星Galaxy A5.华为荣耀等手机. 这样的手机屏幕尺寸是:5寸        即屏幕对角线是5英寸. 计算方法:1280平方+720平方=2156800,结果再开 ...

最新文章

  1. 2008年12月13日上海USB驱动开发深度解析讲座PPT
  2. cont::value_type相关的测试程序
  3. java反序列化漏洞实战
  4. python常用功能_python----常用功能
  5. 最新Modis影像数据下载完整流程---以MOD13Q1 NDVI数据下载为例(2020年12月2日更新)
  6. 弧形面如何逆时针排序_环形导轨如何实现拐弯?
  7. 高性能 Socket 组件 HP-Socket v3.1.3 正式发布
  8. 监控系统可以终结酒驾吗?
  9. 测试用例经典练习之微信发红包测试用例
  10. MAGIX Sound Forge Audio Studio v16.0.0.39 WiN 音频编辑软件
  11. laravel Excel 3.1 列宽设置不起作用
  12. 哪里东西更便宜?读《卧底经济学(珍藏版)》
  13. 常见离散型随机变量比较
  14. java语言和C语言的区别
  15. 炫酷,纯Python开发LOL英雄信息查询平台
  16. 《惢客创业日记》2021.01.27-31(周三)顾耀东傻吗?
  17. 一款牛逼的Java工具类库,GitHub星标11.6k+
  18. 群晖php pear,群晖 DSM 7.0 预览版各机型固件下载链接
  19. 白岩松:平静才是真正的奢侈品。
  20. 百度百科如何创建词条|多少钱

热门文章

  1. 日文身体部位单词_20161009
  2. 【AAAI 2020】全部接受论文列表(三)
  3. 输入两个整数,求;两者的和,差,积,商,余数。
  4. 苹果7 plus手机显示无服务器,天了噜!iPhone 7 Plus 居然有这些功能!非买不可!...
  5. ubuntu 网卡总结
  6. 据说程序员写完代码是这个样子,99%的人都中枪了
  7. 华为智能汽车产业研究与投资机会分析
  8. linux下添加网口,linux下ioctl操作网络接口
  9. mp4box-h264-ftyp-moov-mvhd-thkd-avcC-sps-pps 详解
  10. 态度篇·与其混不如滚