APP设计规范指南，UI设计师必看!

最新推荐文章于 2024-07-08 11:17:31 发布
最新推荐文章于 2024-07-08 11:17:31 发布
阅读量1.1k 收藏 5
点赞数 3
分类专栏： UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/awayaya1/article/details/107402695
版权

相信很多人都在开发设计APP时会遇到很多界面上的问题，要以多大尺寸来设计？分辨率是多少？该怎么切图给开发......这些问题的确让人头疼，现在将关于iOS的尺寸规范整理出来分享给大家，希望对大家有帮助。01

苹果手机标准设计尺寸

02

文件命名规范如下：

03

点和像素

 

 

 

04

图标

应用图标 App Icon

 

 

自定义图标 Custom Icons

05

分辨率和显示规格

更多UI 设计规范到 搜UI (SOOUI) 网，对初学者特别有用！

 

awayaya1
关注
专栏目录
APP UI设计规范
08-12
APP UI设计规范
手机APP-UI设计规范
10-26
手机APP-UI设计规范，IOS和安卓尺寸换算标准，字体大小，统一页面规范等
移动APP整体策划-007-App界面交互设计规范
Hunter的专栏
08-26 1273
交互设计规范 在上篇《策划006-APP界面设计风格》确定下来后，产品经理（兼交互设计）还不用着急将所有的交互稿扔给设计师进行细致的界面设计。在细节设计启动前，拉上设计师和安卓前端开发、ios前端开发一起商议确定设计规范先吧！ APP设计规范指对APP界面进行风格统一，对界面元素的样式、颜色和大小设定统一的规范和使用原则。与设计、前端约定好统一的设计规范很重要，约定设计规范可以减少
UI设计入门到精通：规范整理与应用技巧
最新发布
haishao520的博客
07-08 1411
很多刚入行的UI设计师在遇到一些不熟悉的词时会充满问号，往往会纠结用什么尺寸最合适。设计师在设计UI的时候不一定要严格遵守设计规范，但是要了解规范，整合，灵活处理。为了解决新手的“十万个为什么”，本文将带你了解UI设计规范。
《Android-APP-UI设计规范》PDF
08-21
《Android-APP-UI设计规范》
app ui设计规范
香椿遇上蛋
09-20 465
尺寸：720*1280 间距：20px， 24px，32px， 点线面尽量保持一致 颜色： 基准标准色：品牌色，全局button，文字链接 基础文字色：#333333，正文，标题；#666666 简介；#c8c8c8 没有下一页等提示 全局标准色：#F5F5F5 / #F8F8F8，上下导航栏分割线，输入框填充；#F5F7FA 背景色 字体： tab顶部，选中20px 行高28px；未选中18p...
新闻app ui uikit设计工具包 .sketch .xd素材下载
04-20
新闻App UI UIKit设计工具包是UI设计师们在创建新闻类应用程序界面时的重要资源。这个工具包通常包含了预设计的屏幕模板、图标、按钮、颜色方案、字体和其他交互元素，可以帮助设计师快速、高效地构建出美观且功能...
Value Wallet支付app 完整UI设计模板 .xd素材下载
04-20
总结来说，【Value Wallet支付app 完整UI设计模板 .xd素材下载】是一个全面的资源，旨在帮助UI设计师快速搭建支付应用的界面，节省时间和提高工作效率。通过细致地利用这些模板，设计师可以创造出符合现代用户期望、...
BookTable餐饮美食订餐外卖APP界面设计UI主题包_sketch&psd&xd素材下载.zip
12-28
这个主题包聚焦于餐饮美食领域的在线订餐与外卖服务，为UI设计师提供了一整套完整的APP界面设计方案。 首先，Sketch作为一款矢量图形编辑软件，因其强大的组件库和符号系统，深受UI/UX设计师喜爱。在“BookTable UI...
苹果iOS15设计规范.pdf
02-07
iOS 设计规范是 Apple 官方发布的一份详细的设计指南，旨在帮助 App 设计师和开发者创建高质量的 iOS 应用程序。该规范涵盖了 iOS 设计的各个方面，包括设计原则、界面元素、用户交互、视觉设计、图标和图像、UI 栏...
超强干货|APP规范实例-详细的UI设计规范
02-26
本篇这一套UI设计规范，包含了界面布局、颜色、文字规范、按钮规范、图标规范、图片规范、列表规范、控件规范、弹出浮层，超级详细。
《app设计规范大全》PDF
08-31
《app设计规范大全》
iOS和android的app界面设计规范简版
07-21
这个界面设计规范总结的注意事项, 不知道大家有没有用
UI设计规范说明书
08-06
UI设计规范说明书
安卓设计规范
03-10
规范在app开发中界面的相关要求,有利于界面设计的美观
超全面的UI设计规范整理汇总（包含iPhone X适配）
lty_sky的专栏
02-20 5539
目前主流的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平台UI设计规范
wangchewen的博客
09-26 4871
本文分别从控件+布局+模态情景+手势交互+动画+字体等六个方面介绍了一些iOS平台设计的基础规范，有志于App设计的童鞋推荐收藏起来。 1、框架UI的元素分为4类：A：栏：状态栏目和导航栏的结合体；B：内容视图：应用显示的内容信息，包括相关的交互行为，例如滚屏、插入、删除等操作进行排序；C：控制元素：产品行为或显示的信息；D：临时视图：临时向用户提供重要的信息，或提供额外的功能和选项。2、框架UI的尺寸： 3、图标icon的尺寸： 二、UI的布局概述：1、可点击...
APP设计规范
Sir的专栏
03-04 3163
中文字体：苹方、冬青黑体英文字体：Helvetica、San Francisco切图时，切px（像素）单位即可，终端自动换算成pt单位iOS的app_icon是不需要带圆角切的，系统会自动处理。常规的app-icon全套图标尺寸一共有7套，分别有：40x40px、60x60px、58x58px、87x87px、80x80px、120x120px、180x180px 、1024x1024px（圆角180，系统自动处理）。
iOS端UI设计指南：一致性与切图规范详解
设计师在创建文档时，首先要关注的是平台一致性，即无论是在APP还是网站设计上，风格和色调都需保持一致，以提升用户的认知和使用舒适度。 设计规范是文档的核心内容，主要包括以下几个方面： 1. **分类合理性**：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

awayaya1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值