界面尺寸规范_途遇-聚圣源
1.2.37

界面尺寸规范

广州/UI设计师/4年前/1447浏览
界面尺寸规范
途遇

界面尺寸规范

图标尺寸规范

可点击高度规范

界面元素之间的距离规范

界面尺寸规范

1、界面尺寸大小是:750x1334px。

2、状态栏(status bar):就是电量条,其高度为:40px;

3、导航栏(navigation):就是顶部条,其高度为:88px;

4、主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px;

5、内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px

6、使用的字体一般为苹方(点/像素)

图标尺寸规范

1、导航栏和工具栏尺寸大小 44x44px;

2、标签栏尺寸大小高 98px,标签页高88px

3、导航栏的文字大小最大值是 32  36pt,标签栏的图标下方的文字大小为24pt。

4、内容区域的文字大小是:12  24  28  32  36

(4  8  12  16  20  24  28  32  36  40  44  48  52  56  60  64  68  72  76  80  84  88  92  96  100。)

设置界面的图标高度88px 和开关滑动按钮的高度80px / 64px

可点击高度规范

在iPhone8的原型图上,高88px。在750X1334设计稿中,88px是一个常用的设计尺寸。

搜索栏高度规范

搜索栏的高度,在iPhone8的原型图上,高64px。

界面元素之间的距离规范

在iPhone8设计稿中,界面元素之间的常用距离,亲密距离:16px;疏远距离:32p x。

A、疏远距离:比如,所有元素距离手机屏幕最左边的距离。

B、亲密距离:比如,左边图标与右边文字之间的距离。

原型设计中,需要考虑不同屏幕尺寸的苹果手机,在@1x的情况下的适配情况。

iPhone6在@2x屏幕尺寸是:750x1334px;对应的@1x,屏幕尺寸就是375x667px;

11
举报
|
35
分享
评论
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
登录注册
立即打卡

相关内容推荐

女儿起名字2018八字喜用神起名斗破苍穹特别篇3三年之约完整版合婚姻八字免费周易耿耿于怀是什么意思深圳公司建设网站冬夜对书卷有感周易取名孙姓苏起名字潍坊寒亭杨家埠给孩子起名哪个大师好上海专业网站制作设计潜江网站制作公司手机能制作网站吗手机网站排名优化虎牙网名保洁公司起名成语取名起名大全大全监控电视墙免费取名字周易生辰八字取名2019年出生的女孩起什么名字好夏日时光起名字女孩茶 起名秋霞在线的新片阿里云网站建设方案周公解梦梦见绿色植物养生男士美容加盟慧怎么起名字白冰参演的电视剧基起名字服装厂免费起名福田公司网站建设取品牌起名大全宽带提速全本周易书籍点歌软件网站ui设计图冬天之美读后感邓丽欣最新电影郴州网站建设网站男生起名字姓任周易 运势企业文化网站设计网易云 周杰伦何时回归曹颖演的电视剧网站专业建设姓尹的男宝起名红通商丘东方现代城包玉刚故居观后感工作主动性网站建设报价明细单为诗词八字起名字分数亚冠名额关于树起名厦门SEO优化网站建设2019猪宝起名大全网站制作昆山服装设计师网站起个好听的网名男工程劳务公司起名大全姓向的起名网站设计是甚么多肉植物网站设计追梦破解手游免费小孩起名软件签名考勤表破解造梦西游4鬼女红叶御魂那个种发际线好秦姓起名男国外seo教程小智双核浏览器健康类公司起名大全集血型遗传表网站设计申请专利网络seo教程赘婿sodu优化网站排名营销推广网站怎么做推广优化网络营销推广学校博客营销推广方案公司起名测试周易洪雁各大珠宝品牌微信网站制作公司死役所用金字起名子济南老年公寓左姓男孩起名字大全小孩取名起名大全宝典中山市网站建设工程烟台网站seo优化绵字辈起名给姓余的女女儿起名小饭店起名大全最新搜索引擎seo推广优化娜艺术签名睢县白楼seo排名推广公司奋斗在新明朝伴奏软件专科论文古诗起名字lol日服起名天津seo快速优化古诗起名男宝宝名字大全起民宿名字大全起名字大全免费 自动女宝宝起名单字落地页制作网站网页建设网站推广林姓女孩起名字官晶华演的电视剧周易婴儿名字大全合欢树阅读答案seo搜索引擎榜营销推广主要的方式网络营销推广服务公司大气网站建设2020鼠年起名大全马铃薯起名seo软件在线两个人都姓刘孩子起名大骑士物语攻略肇庆关键词seo优化鬼谷子免费算命生辰八字百度seo如何做梅艳芳电影在线播放硬化源质锭滑姓起名qq怎么看签名室内草莓怎么种植姓毕男孩起名字大全广州网站建设腾虎城阙辅三秦关于网站建设方案王姓起人名大全网站优化怎么选关键词猪宝宝起名宜用的字以上林子翔起名怎么样网站搜索优化方案姓氏温起名字起名姓郭的加拿大新冠最新消息日照 网站建设新手想开洗车店起名起名规则凌氏女生起名lo电影天堂商丘集成墙面梦见死去的人周公解梦seo艺术营销号推广价格夏邑高速路口封了吗啊的诗词沈姓男孩起名 大全品牌推广及品牌营销最好的交友网站hellokitty恐怖故事品牌网站建设找哪家seo属于什么岗位seo长尾词优化姓名八字起名免费周易起名软件怎么样哪家网站建设更好起姓名打分100分鬼故事大全小说在线收听城源餐饮seo培训基础网站达华智能股票女孩起名高分关于蛇的灵异故事餐饮室内装潢电视剧最新网址勾魂尤物周易起名名字测试打分打分根据周易起公司名姓陈女宝宝起名字啊给姓杜的起名字命格测算八字周易起名打分测试免费测周易里的男孩名关于加强门户网站建设的建议方案网站建设 江门耿耿于怀是什么意思电影最新电影女娲成长日记高山流水觅知音文言文起名字大全硬化源质锭蜀道难古诗文网直聘seo典故起名女孩太极鱼起名字网温州网站设计费用上饶网站设计成都建设网站

合作伙伴

聚圣源

网名大全
莲花365种植
网站建设
QQ朋友圈签名
小关工作室
鬼故事
周公解梦