Ui设计常见尺寸规范
一、手机尺寸倍率:
主流Android尺寸:
(如果想做适配ios,那就选720×1280 分辨率72,像素/英寸。
如果单独设计安卓MD新规范的,那就新建1080×1920 分辨率72,像素/英寸)
1.mdpi[320x480px]
市场份额少,新手机不会有这种倍率,屏幕通常都特别小。
洛阳纸贵出自2.hdpi [480x800px、480x854px、540x960px]
早年的低端机屏幕在3.5英寸档位-目前很少。
3.xhdpi[720x1280px]
即平常我们看视频讲的720P,设计图也有人按照此分辨率进行设计。同乐岛
4.xxhdpi[1080x1920px],[1440x2560px]
这里强调:目前1080x1920和2560×1440然后都是xxhdpi,适配难免会有误差,下边换算我会再讲到即平常我们看视频讲的2K高清,或1080P,高清视频就需支持此类像素。如今比较常用,设计图也大多以1080这个尺寸做。
注意:720×1280尺寸的换算关系 1dp=2px,文字1sp=2px。也就是说程序员拿到我们的px单位的标注稿,自己除以2就是dp和sp了。
1080×1920尺寸就是1dp=3px,文字1sp=3px
二、手机字体
自从Ice Cream Sandwich发布以来,Roboto都是Android系统的默认字体集。在这个版本中,将Roboto做了进一全面优化,以适配更多平台。宽度和圆度都轻微提高,从而提升了清晰度,并且看起来更加愉悦。
字体 Typography
中文字体:思源黑体Source Han Sans / Noto(是一个字体,叫法不同而已)
英文字体:Roboto
注意:安卓的字号单位是SP
三、android界面设计尺寸有哪些?
2022年世界杯赛程Android界面尺寸:480*800、720*1280、1080*1920。[单位:像素]\rAndroid比iPhone的寸尺多了很多套,建议取用720*1280这个尺寸,这个尺寸720*1280中显示完美,在1080*1920中看起来比较清晰,切图后的图片文件大小也适中,应用的内存消耗也不会过高。
四、android app 界面设计按什么尺寸?
给720*1280的手机设计界面时,app的界面尺寸设计也必须是720*1280的,目前最流行的尺寸
五、ios界面设计尺寸有什么规范吗?
iOS界面设计尺寸规范
1、尺寸及分辨率iPhone界面尺寸:320*480、640*960、640*1136、750*1334、1080*1920等。
2、iPad界面尺寸:
1024*768、2048*1536等。
单位:像素72dpi,在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计。Ps:作图的时候确保都是用形状工具(快捷键:U)画的,这样更方便后期的切图或者尺寸变更。
端午节五彩绳的意义六、界面基本组成元素:
iPhone的app界面一般由四个元素组成,分别是:状态栏、导航栏、主菜单栏、内容区域。桃花源记翻译
七、Android界面设计中常用的单位有哪些?
效果图、切图中的尺寸一般是px,字体大小使用sp,大小、长度使用dp.
八、界面里的小图标常见的尺寸:
24px、32px,48px等,记住4的倍数比较好
关于健康减肥注意图标的尺寸要统一尺寸,以眼睛观察为主调整尺寸看上去一样。方形的比圆形的看着要大,需要调整下。
九、启动图标:
1.做1024×1024尺寸,安卓对图标的样式没有要求,你可以做各种形状都行,一般做方形无圆角的,各家手机厂商的定制系统会自己加圆角。
2.然后用 IconTemplate 自动切图一套图标资源丢给程序员就ok了。
3.界面里的小图标常见的尺寸:
24px、32px,48px等,记住4的倍数比较好。
注意图标的尺寸要统一尺寸,以眼睛观察为主调整尺寸看上去一样。方形的比圆形的看着要大,需要调整下。
十、引导页:
值得注意的是引导页切图需要单独设计多套(480×800、720×1280、1080×1920)这个可别傻乎乎的用Cutterman切几套图,这就尴尬了。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论