基础UI设计规范(基于苹果5s及安卓...

  • 作品类型APP
  • 作品属性原创作品
  • 作品版权署名-非商业性使用
39163 18 272 2016-02-03

进入新的公司,对基础的UI设计定义的规范,包含了一些基本尺寸还有切图命名规范等,方便小伙伴们更好的工作。

公司的设计尺寸——

iOS—1136*640px

Android—1920*1280px

所以整理的规范也是基于这个基础上。

全部评论:18

  • 爱学习的菲比

    2022-09-08 17:57

    @木子-李000: 同问

  • 138***4354

    2021-03-15 12:51

    @陈小跳: 蓝湖

  • 问题不大

    2020-01-16 17:03

    @优秀UI的设计师: 你在每个人的下面都回复这句话,我都怀疑你到底懂不懂。。。

  • 优秀UI的设计师

    2019-07-01 13:58

    做的很详细,想学ui可以联系我

  • 木子-李000

    2019-05-14 11:12

    你好 自学UI设计一枚 还没有入行 想问问 这个设计规范 是统一的么 我自己在临摹页面的时候 不知道要参照哪个标准 或者自己怎么定这个像素 间距 字号 等等

  • shrch

    2017-11-07 11:32

    Android—1920*1280px?

  • 殁之鬼影

    2017-08-14 15:39

    @Steph: 谢谢这位朋友看的如此仔细,这个规范制作的的确还有不仔细的地方,除了指出的这一点还有命名规范时打了两遍名称的这个问题,因为是网络版本并未有对其做维护; 还有指出的状态栏、导航栏、标签栏这个问题,的确针对不同的设计是可以发生变化的,在第一屏的时候已经有过解释 这是针对当初的公司的产品所制定的app设计规范,并不具有广泛的代表意义,只是做一个参考而已; 当然还是谢谢这位亲看的很仔细,提出了问题

  • Steph

    2017-08-09 09:29

    有必要说一下,在mdpi下1dp=1px,hdpi下1dp=1.5px,xhdpi下1dp=2px;xxhdpi下1dp=3px(1080*1920),这种比例关系关系到开发人员,是不能变的,因为安卓是开源关系,具体到状态栏、导航栏,底部的标签栏的高度问题也不是死的,可以灵活使用,看到楼主连比例换算关系都弄混淆,就已经没有往下看的与欲望了。

  • 黑暗蘑菇

    2016-10-15 21:52

    @私享家: 图标可以用PS里的,矢量的矩形工具来做这样放大缩小就不会模糊了。

  • 殁之鬼影

    2016-10-13 13:28

    @你这是一计啊: 规范是死的,在设计的时候可以与官方的规范有点出入,但是在一套的设计里不可以存在不同的尺寸。所以在掌握了官方的规范尺寸后,以界面效果最优可以做适当调整,当然还需要程序员的配合。以上

  • 你这是一计啊

    2016-10-12 22:17

    看了好几版规范,为啥都有出入呢,我的手机就是1920x1080,测量了下不同app的界面,为啥和众多的规范有出入,而且相互间也有出入呢……没个准确的规范么

  • design_ting

    2016-06-28 18:42

    安卓的标注用什么软件可以解决?

  • 殁之鬼影

    2016-05-12 15:55

    @私享家: 其实icon大小的问题也是提供一个参考,可以根据具体设计调整大小。 UI设计里icon大小拉伸会导致像素失真,所以如果要放大缩小的话还是要重新调整锚点的。

  • 私享家

    2016-05-12 09:50

    能不能问一个特别弱智的问题,自学UI的新手,这个图标设计规范,比如启动图标宽,高均为144px,这个144px是指在设计图标的时候新建画布的大小,还是在做好图标后置入界面时缩放的大小?有没有专门讲解设计规范的书籍诶?最近看了一系列规范的文章,还是不懂什么叫规范?看到ios设计规范上说导航栏图标最高不超过40px,然后在ps里做导航栏图标的时候,新建画布的宽高就设置为40像素,但是这样好小诶,放到界面中界面稍微放大一点图标就糊了,所以很疑惑= =。

  • 殁之鬼影

    2016-05-03 09:16

    @222sdfghjkl: 谢谢指出~

  • 222sdfghjkl

    2016-04-30 21:39

    纠正一下。。。iOS9使用的英文字体是San Francisco系列的SF UI

  • 陈小跳

    2016-04-28 16:17

    @殁之鬼影: 恩恩~非常感谢!

  • 殁之鬼影

    2016-04-21 09:04

    @陈小跳: PS插件——cutterman

  • 陈小跳

    2016-04-20 18:13

    这个里面用的是什么软件阿。。。看着不太像PS和AI

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票