APP亮点设计 干货（1）

第一弹：https://www.behance.net/gallery/44389359/Make-Steak-Application

首先确立APP主要目的是什么？特色是什么？别人为什么要在众多APP之中挑选你的APP？在此作者给了明确解释

主页面就如此简洁又有味道。美食图片直接放在状态栏之上，主要功能选择界面占据大篇幅，采用饱和度很低亮度很高的灰色调。

最值得分析的是ICON，线条流畅，对动物的结构和细节把握很到位，断线处也恰到好处，颜色搭配是有按照肉类的不同重点区分的，排序也是按照人们购买量而依次排列的。记得临摹！临摹！临摹！整个页面！

菜单选择界面，状态栏 功能栏 选择栏都依赖自身的功能自然分割，而不是色块上生硬的视觉分割。菜谱的划分也是如此。为了与主页面视觉统一，排版采取了将文字信息框架放到图片之上的形式，并加上微投影，效果满分。包括烹饪时间和难易程度说明都简洁明了。

菜单详情：点赞（喜欢）放在了功能栏的右上角，其它采取相同的板式排列，分享按钮放在菜谱说明的右上角并用红色区分开来。

当选择了购买数量，配料单也会随之出现，并且出现功能按钮把所有的配料加入到购物车里。及时解决了客户需求。

最大的亮点，也是最近用的最多的悬浮按钮。首先以圆角矩形方式放在下方，弥撒阴影用的恰到好处，让他理解按钮的作用，在用户翻动页面时，转而变成了圆形的箭头，既节省了空间，又让用户便于点击。

注意事项也单独作为一块区域划分开来。增加了它的重要性。

如何制作作为重点也采取了图文和视频结合的方式来便于用户学习，视频播放上面那个红色的按钮可以学习，丢掉你那些白色灰色的圆圈和生硬的三角形吧~

还有 教会你如何烹饪制作 页面，作者用了三个方法来适用于不同人群。

1.点击进去就是滚动大图，说明用白色框+灰色的文字置于图片上方。

2.视频播放页面，设计师将进度条与返回键一并放在了上方，下方的功能是调节音量与暂停切换，用户会觉得视觉宽阔 功能一目了然。此排版方法用于竖屏看视频是很巧妙的。

3.除此之外，用户还能以纯文字的方法学习如何切菜与制作配料。

最后是设置页面，在所有主菜配料准备齐全后，你可以设置烹饪器材和火候，手机能根据你的设置，自动告诉你烹饪时间长短，后期到时间了应该还能自动提醒。

设计的亮点在于器材的ICON画的很棒，并且还用了三种不同的颜色搭配 又只使用了主色调。烹饪火候选择，是用圆形的大小及颜色的轻重来暗示。选择了以后小圆形则加了白色的外描边和阴影。

——————————————————————我是分割线——————————————————————

此文会继续更新

今天临摹了两个app页面和大家分享

这个页面的精彩在于头顶的按钮，临摹学习！其次是头像放置在了右上角，这样的排版是少见的。重要图片加了弥撒阴影，整体非常简洁了。

整个页面就依赖颜色和弥撒阴影来出效果。