广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

这些苹果手机的ui设计规范,你需要了解下
发布日期:2025-05-22 17:50:46 浏览次数: 812 来源:婉宁交互设计

1、页面尺寸

常用设计尺寸有375p×*667p×、750px*1624px@2x,375px*812pX、1125*2436px@3x,这些尺寸包含1倍图、2倍图和3倍图。

2、Banner设计规范

Banner 设计尺寸

视频Banner:比例(16:9)

图片Banner:没有特定的尺寸规范

图片Banner相对规范:690px.320PX

Banner的高度,看的是整体页面的需求,需求多就做矮一点,需求少就高一点(可以根据相对规范来进行调节)

圆角度数

12px、16px、18px、20px

常用圆角度数:12px、16px


3、字体规范(字体、大小)

标题字体:对于标题字体,一般推荐使用苹方粗体(PingFang SC Bold),字体大小为20-34pt。这种字体在中国使用非常广泛,因此被视为默认的中文标题字体。

正文字体:正文一般推荐使用苹方细体(PingFang SCReaular),字体大小为14~18pt。这种字体较为请晰易读,适合长篇文本的阅读。

当然,具体的字体尺寸还需要根据具体的设计需求和用户体验来决定。

4、颜色设计规范

5、按钮规范尺寸

移动端按钮高度根据内容长度来设置按钮宽度,圆角不要过大,一般常用44pt-48pt,仅供参考,但最小高度不能低于40px;





优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
联系专属顾问
联系专属顾问
联系专属顾问
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询

和我们在线交谈!