ui设计移动端字体适配_手机端页面UI设计尺寸和字体大小规范

UI设计师在初涉移动端设计和开发的时候，基本都会面临一个令人十分苦恼的问题那就是移动端页面UI设计尺寸标准和字体规范，今天奇酷学院整理了一些关于手机端页面UI设计尺寸和字体大小规范问题，希望对UI设计师设计移动端页面的时候有一些帮助。

一、PS工具设计IOS界面

1.画布尺寸

新建750×1334 分辨率72，像素/英寸。

2.常见的字体大小

24px、26px、28px、30px、32px、34px，36px等等。记住是偶数的。最小字号20px。

3.常用字体

中文用苹方黑，英文用San Francisco，如果安不上也可以用Helvetica代替。

4.界面里的小图标常见的尺寸

注：ios开发里单位是pt

750×1334尺寸的换算关系 1pt=2px，也就是说程序员拿到我们的px单位的标注稿，自己除以2就是pt了。

24px、32px，48px等，记住4的倍数比较好。

注意图标的尺寸要统一尺寸，以眼睛观察为主调整尺寸看上去一样。方形的比圆形的看着要大，需要调整下。

界面上的间距和元素尺寸：

以偶数为单位，不清楚的可以截图量大公司的APP界面作为参考。

750 x 1334 设计稿尺寸：

状态栏高度：40 px

导航栏高度：88 px

标签栏高度：98 px

二、PS工具设计安卓界面规范

1.画布尺寸

如

ui设计移动端字体适配_手机端页面UI设计尺寸和字体大小规范相关推荐

java手机界面太小_手机端页面在项目中遇到的一些问题及解决办法
原标题:手机端页面在项目中遇到的一些问题及解决办法来源:键盘上的眼泪 segmentfault.com/a/1190000015178877 1.解决页面使用overflow: scroll在iOS ...
【web前端】移动端控制台插件，手机端页面查看相关页面控制台信息
一般调试手机端页面时,基本是在PC端使用手机模式进行断点或console调试.或查看有用的控制台信息的,但依旧有部分功能无法在PC端调试,经常需要使用alert进行断点,然后在手机端看效果,但是这样并 ...
ui设计移动端字体适配_超全面的UI设计规范整理汇总（包含iPhone X适配）
写在前面很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意.本文整理 ...
element 手机适配_手机端rem适配方案_蓝戒的博客
方案一: 1.viewport设置: 2.html根元素font-size设置(注:设计稿640px): var deviceWidth = document.documentElement.clie ...
移动端(手机端)页面自适应解决方案—rem布局篇
移动端(手机端)页面自适应解决方案-rem布局假设设计妹妹给我们的设计稿尺寸为750 * 1340.结合网易.淘宝移动端首页html元素上的动态font-size属性.设计稿尺寸.前端与设计之间协作 ...
移动端(手机端)页面自适应解决方案—rem布局篇 1
动端(手机端)页面自适应解决方案-rem布局假设设计妹妹给我们的设计稿尺寸为750 * 1340.结合网易.淘宝移动端首页html元素上的动态font-size属性.设计稿尺寸.前端与设计之间协作流 ...
Bootstrap4+MySQL前后端综合实训-Day04-AM【新闻管理手机端页面+数据库操作(PowerDesigner 图形化数据库设计软件、SQLyog软件)】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程博客汇总表详细笔记] 目录 W3C标准盒子模型和IE盒子模型的区别 Bootstrap4--新闻管理手机端页面菜 ...
学UI设计好不好找工作？零基础能学UI设计吗？
学UI设计好不好找工作?零基础能学UI设计吗?UI设计师是随着互联网的发展及市场需求推动而产生的新型职业,工作职能包括图形设计.交互设计也用户测试/研究三个方面.近年来用户对于产品界面提及体验度要求不 ...
手机端页面的自适应设计的开发思路
一直在找有关手机端页面自适应写得比较好的文章,今天终于找到一篇,个人觉得写得很详细.如果想要拿到需求就知道要适用什么方法,除了要熟练规则.多参考一些优秀网站,还要动手实践几次. 以下为转发的正文: 互 ...
想学ui设计从哪里入手？基础怎么入门学习UI设计呢？
对于零基础的小伙伴们来说,学习UI设计的头绪是比较大的,虽然有很多的书籍和视频可以供参考,但是很多人缺乏规律性,缺乏自学精神.因此零基础学习UI设计就相当吃力了.怎么样学习决定了你将来学完后的成果.优 ...

ui设计移动端字体适配_手机端页面UI设计尺寸和字体大小规范

ui设计移动端字体适配_手机端页面UI设计尺寸和字体大小规范相关推荐

最新文章

热门文章