ios 界面设计布局参数 苹果xui界面设计规范手机界面设计「ios 界面设计布局参数 苹果xui界面设计规范」

   日期:2025-01-12     作者:az3gn       评论:0    移动:http://fq7oa.kub2b.com/mobile/news/1255.html
核心提示:1)界面规范不同屏幕规格:背景:#f5f5f5 #eeeeee #efeff4分隔线:1px#000000不透明度10% #dddddd、#cccccc分隔条:20px列表高:100


1)界面规范

不同屏幕规格:

ios 界面设计布局参数 苹果xui界面设计规范_iOS


ios 界面设计布局参数 苹果xui界面设计规范_ui设计_02


ios 界面设计布局参数 苹果xui界面设计规范_iOS_03


ios 界面设计布局参数 苹果xui界面设计规范_返回键_04

背景:#f5f5f5 #eeeeee #efeff4

分隔线:1px#000000不透明度10% #dddddd、#cccccc

分隔条:20px

列表高:100-120px

2)图标规范

1)启动图标要求的设计尺寸:1024*1024 圆角180px(系统要求)

主屏幕中的APP图标:120px,半径25px(实际)

默认搜索页显示的APP图标:40px,半径:10px(实际)

设置中的APP图标:58px,半径10px(实际)

spotlight搜索中的APP图标:120px,半径25px(实际)

2)功能图标

导航栏中的图标:44px
标签栏/工具栏中的图标:44px

1)种类:苹方

ios 界面设计布局参数 苹果xui界面设计规范_f5_05

2)字号

导航栏:36-38px 主题副标题

正文:28-34px 说明性文字

标签栏:22-24px 提示性文字

3)间距

字间距:默认
行间距:字号*1.3-1.5倍

4)颜色

主文:#333333
副文:#666666
提示文:#999999

这可以作为调色的基础,然后自己适当微调!!!

1)智能手机传感器
2)iOS交互指南

ios 界面设计布局参数 苹果xui界面设计规范_ui设计_06


ios 界面设计布局参数 苹果xui界面设计规范_返回键_07

1)导航机制

安卓:应用无顶部左边的返回键,依赖虚拟返回键

IOS:顶部左边的返回键

全面屏的普及,除了顶部左边的返回键,安卓/IOS都出现了滑动返回

2)界面布局

安卓:操作放在顶部,避免误操作(底部虚拟键的影响)

IOS:操作放在底部标签栏,便于用户操作

3)操作方式

a.安卓:

单项删除:长按

b.IOS:

单项删除:左滑

4)特色

安卓:壁纸自定义/软件小挂件,iOS只能用系统自带的,IOS14之后推出应用小组件

安卓:主题图标

栏,便于用户操作

3)操作方式

a.安卓:

单项删除:长按

b.IOS:

单项删除:左滑

4)特色

安卓:壁纸自定义/软件小挂件,iOS只能用系统自带的,IOS14之后推出应用小组件

安卓:主题图标

 
特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

举报收藏 0打赏 0评论 0
 
更多>同类最新资讯
0相关评论

相关文章
最新文章
推荐文章
推荐图文
最新资讯
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号