UI-外卖类APP界面设计

1、APP设计界面模式具体版式结构图。具体内容如图示。

2、APP的原型布局图，根据产品内容设计首页及产品陈列布局页面图。具体效果如图示。

3、根据产品的特性及品牌的定位，确定APP的界面主体颜色和辅助色彩的色值，以及主标题文字，辅助标题的字号大小。具体规范如图示。

4、【打开】PS软件，按【Ctrl+N】新建画布。具体参数如图示。

5、画板【重命名】首页布局，【新建】图层，单击【视图】-【新建参考线】，具体参数如图示。具体效果如图示。

6、使用【矩形工具】绘制状态栏，大小：750*40，【填充】规范好的主色调#00A080，排列至画面顶部合适的位置。具体效果如图示。

7、单击【视图】-【新建参考线】，具体参数如图示。

8、使用【矩形工具】绘制矩形，大小：750*186，【填充】规范好的浅主色调#32D499，排列至画面合适的位置。具体效果如图示。

9、【拖入】状态栏图标，排列至状态栏矩形框上方合适的位置，打开【图层样式】-【颜色叠加】，具体参数如图示。