APP设计中状态栏导航栏这些需要自己去画吗?
发布网友
发布时间：2022-04-24 19:24
共1个回答
热心网友
时间：2022-05-23 15:40
据到今天为止，iphone手机常用的有iphone4、iphone5、iphone6和iphone6 plus系列。
25学堂跟大家讲解的APP设计流程的界面尺寸是iphone6 的尺寸 【全部的APP设计尺寸】
尺寸大小：750*1334
iphone6 目前是我做设计稿的设计尺寸，IPhone6的尺寸，向下可以适配4，5，向上可以适配6 plus；我记得IP6推出后，我问我的设计总监(从业12年)应该用什么尺寸设计，他是就用IP6的尺寸吧，好适配，切出来就是@2x了，上下都能照顾到。如下图：
APP画布的建立
第二步：APP首页的绘制和构建
一个完整的APP界面包括状态栏、导航栏、内容视图和标签栏。
文档建立之初就设置好参考线是个很好的工作习惯，我希望更多的设计师可以养成更完美的工作习惯。
上下的参考线很容易设置，因为是根据IPhone自身系统设置的，左右的参考线我习惯设置为24px，也就是显示内容距离边框的距离。通过对国内国外各种APP的对比，觉得24px更适合一些，不宽不窄，这个完全是设计师个人的设计习惯，所以不要当成什么规范，确切的说，整个屏幕你都可以随便做，但是我们这里说的是正常页面。
APP首页设计稿
上图当中的首页视图区域是设计师自由发挥的区域。这里25学堂绘制了一个banner区域、主题导航区域和其他区域三个部分。
在第一屏幕有限空间里面 25学堂的老谭同学建议大家放置3到3.5个重要的栏目即可。
操作系统的规范课外阅读：在ios系统当中总共包含7个栏：点击查看详细的解读
ios UI控件
（1）状态栏如何来绘制：
一般新手设计师要去绘制它，其实不用了。为了教大家快速上手设计APP界面。
直接可以挪用设计大神们已经设计好的状态栏。比如从APP设计模板当中去获取。
