1、APP设计界面模式具体版式结构图。具体内容如图示。
2、APP的原型布局图,根据产品内容设计首页及产品陈列布局页面图。具体效果如图示。
3、根据产品的特性及品牌的定位,确定APP的界面主体颜色和辅助色彩的色值,以及主标题文字,辅助标题的字号大小。具体规范如图示。
4、【打开】PS软件,按【Ctrl+N】新建画布。具体参数如图示。
5、画板【重命名】首页布局,【新建】图层,单击【视图】-【新建参考线】,具体参数如图示。具体效果如图示。
6、使用【矩形工具】绘制状态栏,大小:750*40,【填充】规范好的主色调#00A080,排列至画面顶部合适的位置。具体效果如图示。
7、单击【视图】-【新建参考线】,具体参数如图示。
8、使用【矩形工具】绘制矩形,大小:750*186,【填充】规范好的浅主色调#32D499,排列至画面合适的位置。具体效果如图示。