UI ： 2022年iOS/Android UI设计规范（1）

置顶 已于 2022-06-23 09:54:49 修改
阅读量6.5w 收藏 333
点赞数 59
分类专栏： UI 文章标签： UI IOS Android UI设计规范
于 2018-03-27 16:50:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37826101/article/details/79715610
版权
1.设计稿与切片稿a.尺寸设计稿：iPhone6 750*1334 【2倍】切图稿：iPhone6 2208*1242【3倍】 Android 1920*1080 设计稿选择750*1334 px的原因： IOS：向上和向下适配的时候界面调整的幅度最小，最方便适配 Android：设计时只需做最小的设计调整，提升设计效率b.切图IOS切图——3份： .........
摘要由CSDN通过智能技术生成


1.设计与切图


设计 PhotoShop Sketch / XD
设计稿 750×1624 px 375×812 pt
iPhone切图稿 1284x2778 px 428x926 pt
Android切图稿 1440×2560 px 360×640 dp
切图 Asset
iOS 3倍（name@3x.png）、2倍（name@2x.png）、1倍（name.png）
Android mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi


2.字体


字体 英文 中文
iOS 10+ SF UI Text (小于19pt)、SF UI Display(大于20pt) 苹方
iOS 9 Helvetica Neue 冬青黑
Android Roboto 思源黑体 / Noto


3.尺寸


iPhone 分辨率 点 ppi 状态栏 导航栏 主页指示器 标签栏 Asset
iPhone 12/13 Pro Max 1284x2778 px 428x92
最低0.47元/天 解锁文章
Siimple
关注
  • 59
    点赞
  • 踩
  • 333
    收藏
    觉得还不错? 一键收藏
  • 13
    评论
专栏目录
UI设计规范有哪些？| 萧蕊冰
weixin_48127421的博客
06-22 2073
​​今天讲的是UI设计规范。没有规矩，不成方圆。你知道UI设计规范有哪些吗？想要高效顺畅地完成设计任务，就必须遵守UI设计的规范。规范是可以让我们的设计具有统一性，界面更加美观。UI设计规范成为一个优秀UI设计师必须知道的“纯干货”，并且了解它的本质是什么。 图标规范 很多新手以为UI设计就是设计图标，虽然事实并非如此，但图标的设计在整个UI设计中是比较基础的一个环节。 图标与品牌标志一样，在设计时都需要做适当的减法，应该尽量用简约的线条去表达其含义，应该尽量避免出现线条结构过于复杂的设计。 而且整体的图
设计规范要求
wuwei_19981001的博客
11-10 862
图标尺寸、按钮尺寸、界面的尺寸
超全面的UI设计规范整理汇总（包含iPhone X适配）
lty_sky的专栏
02-20 3195
目前主流的iOS设备主要有iPhone SE（4英寸）、iPhone 6s/7/8（4.7英寸）、iPhone 6s/7/8 Plus（5.5英寸）、iPhone X（5.8英寸），它们都采用了Retina视网膜屏幕，其中iPhone 6s/7/8 Plus和iPhone X采用的是3倍率的分辨率，其他都是采用的2倍率的分辨率，无论是栏高度还是应用图标，设计师提供给开发人员的切片大小，前者始终是后者的1.5倍，并分别以@3x和@2x在文件名结尾命名，程序再根据不同分辨率自动加载@3x或者@2x的切片。
iOS界面设计要点：四大模块解析
最新发布
2301_79599164的博客
06-12 1240
UI设计不是艺术设计，这限制了我们从设备和现有技术开始设计。因此，熟悉每个平台的设计规则已经成为每个设计师的第一课，也是每个设计师必要的专业知识。今天小边给您带来了iOS设计规范，希望帮助您快速熟悉iOS平台设计规范，帮助您提高工作效率，避免设计初期的一些细节错误。iphone15最新设计规范组件及样机资源合集。
经验分享：iOS平台UI设计规范
wangchewen的博客
09-26 4819
本文分别从控件+布局+模态情景+手势交互+动画+字体等六个方面介绍了一些iOS平台设计的基础规范，有志于App设计的童鞋推荐收藏起来。 1、框架UI的元素分为4类：A：栏：状态栏目和导航栏的结合体；B：内容视图：应用显示的内容信息，包括相关的交互行为，例如滚屏、插入、删除等操作进行排序；C：控制元素：产品行为或显示的信息；D：临时视图：临时向用户提供重要的信息，或提供额外的功能和选项。2、框架UI的尺寸： 3、图标icon的尺寸： 二、UI的布局概述：1、可点击...
UI设计师必备|Android设计尺寸规范
awayaya1的博客
10-06 5290
1、字体使用规范 中文字体：思源黑体Source Han Sans / Noto（是一个字体，叫法不同而已） 英文字体：Roboto 注意：安卓的字号单位是SP 720×1280常见的字体大小： 24px、26px、28px、30px、32px、34px，36px等等。记住是偶数的，最小字号20px。 2、图标 icons 图标用途 mdpi (160dpi) hdpi (240dpi) xhdpi (32.
五种UI设计师的必备界面设计工具，干货来袭！
2301_79599164的博客
10-31 812
工具的重要性对设计师来说是不言而喻的。任何想法都需要通过工具来实现。要成为一名优秀的UI设计师，你需要掌握更多的技能来增强你的竞争力。同时，我们也给那些想成为UI设计师的朋友一些工具建议。接下来，让我们来看看那些UI设计师需要掌握的界面设计工具。支持平台：网页端、macOS、Windows、Linux、iOS、Android 和微信小程序即时设计是一个专业的在线界面设计软件，UI 设计师必备，无需下载，打开浏览器就能免费用，设计、原型、开发一站式完成，高质量的界面设计轻松搞定～
移动端页面设计规范
qq_33718415的博客
10-13 1386
移动端设备屏幕尺寸非常多，为了适配不同设备，推荐使用iPhoneX的屏幕比例作为基准，使用尺寸大小：750x1624px，同时需保证重要内容在安全区域内，尺寸大小：646x1206px。 市面上的机型超过65%的长宽比为178:100，如果按照设计app的思路，只需要选取一个中间设备iPhone 6尺寸来适配即可，但我们发现微信/手Q的浏览器头部并不是按照等比来缩放的，所以如果设计稿按照iPhone 6尺寸来等比例放大到iPhone 6 plus上，会出现留有一条黑边。 所以我们使用iPhone 6的大小等
android 漂亮的UI界面 完整的界面设计
02-17
声明：这也是我学习时在网上下载的，鉴于分享精神，并且觉得很不错才上传...android 漂亮的UI界面 完整的界面设计 这是一个完整的UI设计，但是没写动作，这是一个公司程序员的公司任务设计，请别商用，要用请修改。。。
Game-List-SwiftUI:提交Dicoding iOS基本原理
03-12
游戏列表SwiftUI 提交Dicoding iOS基本原理 状态：已接受 分数 ： :star: :star: :star: :star: :star: （5/5） 来自游戏数据 笔记 提交时不要submit窃，好！ :)
精彩绝伦的AndroidUI设计：响应式用户界面与设计模式
07-23
资源名称：精彩绝伦的Android UI设计：响应式用户界面与设计模式资源截图： 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
UI必知之MD和IOS设计规范的区别.docx编程资料
04-02
UI必知之MD和IOS设计规范的区别.docx编程资料
解决uiautomatorviewer.bat在android8.0及以上系统报错
04-22
解决uiautomatorviewer.bat在android8.0及以上系统报错：“E/Screenshot: Unsupported protocol: 2”
ios底部栏设计规范_iOS平台的移动UI设计规范
weixin_39953102的博客
12-22 1285
一、状态栏和导航栏1、状态栏(Status Bars)就是iPhone最上方用来显示时间、运营商信息、电池电量的那个很窄的区域。2、导航栏(Navigation Bars)就是状态栏之下的区域，一般来说导航栏中间是页面标题，左右是放置功能图标的区域。在iPhone6/7/8设计中，状态栏的高度为20pt(40px)，导航栏的高度是44pt(88px)。这两个区域在iOS7代之后就进行了一体化设计。...
IOS和安卓ui设计常用尺寸及基本知识
weixin_34367257的博客
03-04 242
IOS和安卓ui设计常用尺寸及基本知识 iOS app iOS app 图标的圆角半径是多少？ 括弧里面是对应的半径大小 App store(Retina屏)─────────────1024px（160px） iTunes Artwork icon ─────────────512px (90px) App icon(iP...
UI——day3.IOS设计规范
qq_45801179的博客
11-13 3285
一.IOS尺寸规范 PPI(Pixels Per Inch)︰像素密度，所表示的是每英寸所拥有的像素数量PPI数值越高，即代表显示屏能够以越高的密度显示图像。从而得出，显示的密度越高，显示器显示的就越真实、越清晰 1）界面规范 不同屏幕规格： 背景：#f5f5f5 #eeeeee #efeff4 分隔线:1px#000000不透明度10% #dddddd、#cccccc 分隔条:20px 列表高:100-120px 2）图标规范 1）启动图标要求的设计尺寸：1024*1024 圆角180p
2023/08/09 产品设计规范收集（相对标准的iOS设计原则）
Nighsloth的博客
08-09 506
产品设计规范手机，相对标准的iOS设计原则
UI设计规范
zlf646984867的专栏
07-07 1800
21.1. 总体原则... 21.2. 原则详述... 21.3. 细节约定
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值