ui设计手机界面尺寸怎么量 ui设计手机界面尺寸
本篇文章给大家谈谈ui设计手机界面尺寸，以及ui设计手机界面尺寸怎么量对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。办理pos机添加微信18127011016
app界面设计尺寸规范大全
原型设计尺寸
☆ 状态栏(status bar)：就是电量条，其高度为：20px；
☆ 导航栏(navigation)：就是顶部导航，有线其高度为：45px；没有线高度就是44px；
☆ 主菜单栏(submenu，tab)：就是标签栏，底部导航，其高度为：46px；
☆ 信号格：5 * 5
☆ wifi 图片：11 * 9
☆ 锁：11 * 11
☆ 导航：8 * 8
☆ 电量：22 * 9
☆ 闪电：5 * 8
☆ 状态栏中的文字：10px
☆ 顶部导航栏的图标尺寸为16x16px左右，底部标签栏的图标尺寸为23 x 23px左右。
☆ 导航栏的文字大小最大值是14px，底部标签栏的图标下方的文字大小为10px。
☆ 内容区域的文字大小是：10px, 12px，14px，16px。
① 文字黑色：#282828
② 文字深灰色：#656565
③ 文字浅灰色：#989898
④ 边框浅灰色：#C3C3C3
⑤ 背景淡灰色：#f2f2f2
⑥ 按钮背景纯白色：#ffffff
A、疏远距离：比如，所有元素距离手机屏幕最左边的距离。
B、亲密距离：比如，左边图标与右边文字之间的距离。
1、iPhone6手机模型尺寸：429x881px
2、界面尺寸布局：满屏尺寸375x667px
3、高度电量条高度20px，导航栏高度44px，标签栏高度46px；
4、各区域图标大小导航栏图标16px，底部标签栏图标23px；
5、各区域文字大小电量条-文字10px，导航栏-文字14px，标签栏-文字10px；
6、常用的文字大小：16px，14px，12px，10px；
7、常用的颜色：背景浅灰色：#f2f2f2, 文字深黑色： #323232，边框色深灰：#CCCCCC；
8、常用可点击区域的高度（比如搜索区域）：28px；
9、单行文字的背景框的高度：44px，双行则为：88px，三行则为：132px；
10、常用间距：亲密距离：10px；疏远距离：15px，其它距离：5px，22px等；
androidapp界面设计按什么尺寸
androidapp界面设计是按720*1280的，切图上可以点9切图做到所有手机的适配。
状态栏、导航栏和主菜单栏，以720*1280的尺寸来设计，那么状态栏的高度应为50px，导航栏的高度96px，主菜单栏的高度96px，因为是开源的系统，这里的数值也只能作为参考。
Android为了区别于IOS，从4.0开始提出了一套HOLO的UI风格设计风格，鼓励将底部的主菜单栏放到导航栏下面，从而避免点击下方材料误点虚拟按键，很多APP的新版中也采用了这一风格。
扩展资料：
注意事项：
1、通常情况要定位一个Icon只需给出上/下边距，左/右边距，标注图标距离只需标到可点击范围外
通用型颜色、字体单独标明一份，通用型模块只需单独标明一份，如导航栏。
2、手机可视区域通常为宽度固定，长度超出边界可滑动，所以标注物体宽度时可按比例说明，如果要标注内容上下居中，左右居中，或等比可不标注。
3、当交付的是一张完整图片时，不需做机型适配，只需给高清图(1920*1080)即可，注意进行压缩。
4、若图标在不同页面重复出现，且尺寸相差不大，直接给出最大一份切图，并在圆形图标明尺寸，程序会根据需求缩放。
5、当背景是纯色时只需给出色值，Android使用16进制色值。
参考资料来源：百度百科-Android
参考资料来源：百度百科-界面设计
参考资料来源：百度百科-状态栏
参考资料来源：百度百科-导航栏
参考资料来源：百度百科-开源系统
参考资料来源：百度百科-切图
参考资料来源：百度百科-UI设计
【PS】移动端UI设计尺寸整理
iOS的字体：
中文字体：苹方 / PingFang SC
英文、数字：Helvetial
常用尺寸：750x1334 px
Andioid的字体：
中文字体：思源黑体 / Noto Sans Han
英文、数字：Roboto
常用尺寸：720x1280 px
IOS
1.iPhone界面尺寸
2.Andriod
做手机界面设计的尺寸是多少
从设计方面来看，做手机界面设计的尺寸一般分为iPhone和Android两种设备。
如果以iPhone为设计设备，尺寸一般是使用750x1334，1125 x 2436，1242 x 2208这三种尺寸设计都可以，750x1334是2倍图设计，1125x2346和1242x2208都是3倍图来进行设计。
如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhone X）。
如果以Android为设备进行设计，尺寸一般使用720x1280，1080x1920进行设计第一种是2倍图，第二种是3倍图。
近年来iPhone和Android的设备增多，各尺寸也逐渐变多，下面有一份安卓屏幕尺寸表：
以及一份iOS屏幕分辨率和尺寸表：
扩展资料：
1、UI界面设计的基本要素：
机界面层级： idle(待机界面) Mainmenu(主菜单) Submenu(二级菜单)Third level menu(三级菜单) 界面除了包括图标和文字外，比较重要的还有function animation(呼叫，发送信息等) 以及 function interface(计算器，日历界面等)
明确意义的图标，风格鲜明的版面设计是手机界面设计的重要工作，较为流行的是以Motorola，Nokia等为代表的欧洲简单风格，以及韩国的时尚绚丽的风格。
2、设计注意事项：
尺寸问题： 480X800，540X960，720X1280，1080X1920象素尺寸是较常见的手机屏幕尺寸，在设计时可以根据实际产品要求进行设计，更大的屏幕可以有更多的交互表现和视觉元素的支持，较为自由。
色彩问题： 由于手机lcd本身的限制，在色彩的还原程度上没有pc如此完善，因此在选用色彩时要根据使用的屏幕进行调节。
可实现性问题： 受到硬件运算速度和内存的影响，以及不可预计的后台程序开发难度，过于复杂的效果将很难进行实现，与程序工程师和ui工程师，硬件工程师的沟通显得尤为重要。
参考资料来源：百度百科-手机UI设计
关于ui设计手机界面尺寸和ui设计手机界面尺寸怎么量的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。办理pos机添加微信18127011016
