关于APP设计规范和一些图层命名
首先,本人大学计算机专业出身,学过编程,工作的时候做过 产品经理,设计师,前端工程师,对工作的流程都有一些见解。
现在主攻前端工程师,做Web APP。今天收到设计师的设计稿,一看图层分类,这让我感觉很凌乱。
设计师工序其实包括,按照产品经理原型图设计界面,设计完后,用MarkMan量好尺寸后,APP的话需要根据情况切成.9图和@2x图等等,网页一般交给前端工程师切,才进入下一道工序。
设计师有时候为了省时间,图层不做好编组和命名,尺寸经常差几像素等等,这是对自己作品的不负责任,
你省出来的时间,到了下一道工序的同事,那边可能话更多的时间帮你把这些问题处理好,才开始正常工作。(工程师不开心了,还原做出来的设计稿就可能不是如你所愿)
所以我根据自身情况做了一些规范,希望对初入门设计师,平面转过来的设计师有帮助。(做好这些规范显得更专业,工程师喜欢这样负责任的同事)
关于我们公司APP最基本的一些规定:
1.安卓,做最大尺寸720px宽;苹果,暂时做640px宽就可以了。
2.尺寸都是放大了2倍,所以最少字号不小于24px,常用字号 24 26 28 36。
3.描边一样需要能被2整除。
以下是我对我设计师提出的意见:
1.像banner图片,商品图片这些,最好
1)用矩形工具绘制一个固定宽高底图,然后把图片通过
2)剪切蒙版贴上去,并且
3)编组
对应的图层预览:(红色标注部分)
2.按钮编组,分normal,hover状态
对应的图层预览:(红色标注部分)
3.图标绘制规范画布大小
对应的图层预览:(红色标注部分)
4.描边需要独立图层,顺序排在图片后
对应的图层预览:(红色标注部分)
5.图标绘制规范,按下状态分离
对应的图层预览:(红色标注部分)
谢谢,如有不足,请指正。
转载于:https://www.cnblogs.com/Megasu/p/4112510.html
关于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设计规范指南,UI设计师必看!
相信很多人都在开发设计APP时会遇到很多界面上的问题,要以多大尺寸来设计?分辨率是多少?该怎么切图给开发......这些问题的确让人头疼,现在将关于iOS的尺寸规范整理出来分享给大家,希望对大家有帮助 ...
最新文章
- 一键移植工具_【产品推广】让UI设计畅通无阻 — 信息系统人机界面增强工具(HFE Designer)...
- 【转载】MVC中 数据底层联合JQUERY实现动态的安全的验证机制
- c#精彩编程200例百度云_邂逅百度云智学院:福州理工学院AIOT实训营火热开营!...
- Linux CentOS 查看服务器信息命令及其它常用命令
- vim环境设置和自动对齐
- 开启xmp1还是2_SU动态天空插件:你是要白天还是要晚上?
- JavaScript--如何插入JS
- 就地升级Lync Server 到Skype for Business Server
- dstwo linux 模拟器,dstwo gba 模拟器-TempGBA下载V1.44 最新版-西西游戏下载
- 一个孩子的心愿(大冰,感动)
- 开涛老师对Java的全部理解,很透彻。
- 自学HTTP RCF体会
- mysql-server安装
- 构建Linux Shell [第四部分]
- kotlin coroutine源码解析之Job启动流程
- 视频压缩编码算法与原理
- EasyExcel工具类封装, 做到一个函数完成简单的读取和导出
- NGR-PEG-6-FAM 肿瘤新生血管靶向肽NGR-聚乙二醇-6-羧甲基荧光素
- EXCEL--2010单元格里下拉菜单的制作
- foorbar关于flac和WAV文件的蛇皮走位(播放不了flac而可以用酷狗之类的播放)
热门文章
- C4D云渲染哪个平台好?
- java毕业设计青少年公共卫生教育平台源码+lw文档+mybatis+系统+mysql数据库+调试
- 华为电视测试软件,华为智慧屏V65怎么样 华为智慧屏V65详细评测
- sql server中截取字符串的常用函数
- MySQL中如何更新数据
- 统计学习方法 -半监督学习
- mathtype在html中无法显示,MathType公式不显示或者显示为空格怎么解决
- 【引用】单边桥图解(121法)
- vite+vue3+ssg+js打包时遇到的问题及解决
- iphone usb开热点无法共享上网