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

一、苹果手机标准设计尺寸   

ios-1.jpg

二、字体(苹方)

QQ截图20200714175110.jpg

ios-2.jpg

QQ截图20200714175310.jpgQQ截图20200714175403.jpg

三、点和像素 

ios-3.jpg


四、图标 

1.应用图标 App Icon

ios-4.jpgQQ截图20200714175725.jpg

2.自定义图标 Custom Icons

QQ截图20200714175927.jpg

五、分辨率和显示规格 

ios-5.jpgQQ截图20200714180316.jpg

六、配色

ios-6.jpg

七、UI组件布局 

1.状态栏 Status Bar

ios-7.jpg

2.导航栏 Navigation Bar

ios-8.jpg

3.搜索栏 Search Bar

ios-9.jpg

4.标签栏 Tab Bar

ios-10.jpg

5.列表视图 Table View

ios-11.jpg

6.弹出 Modals

ios-12.jpg

7.提示框 Alerts

ios-13.jpg

8.切换 Segment Controls

ios-14.jpg

9.滑动条 Sliders

ios-15.jpg

10.切换按钮 Switc

ios-16.jpg


关键词:iOS App设计规范 UI设计

上一篇:供应链管理发展史:概念、流程与未来 下一篇:产品为什么要有帐号?