#UI拆解#
今日份UI拆解【家具采购APP】，作者：Hira Riaz

[酷]GOOD
1.橙色鲜亮、活泼、阳光，以此作为主色调，时尚、潮流感十足
2.品牌色贯穿了整个页面，容易给人留下较深的印象
3.圆角卡片承载了页面内容，看上去十分清爽
4.商品图选择精美，其背后的不规则色块起到了很好的视觉聚焦作用

[思考]BAD
1.形状
造型：注意图标设计的尺寸、风格要保持一致。

环境：添加购物车的按钮，在不透明白色底板下，优先级不够突出。另外，注意商品图片所占页面的比例不能过大。

2.颜色
平衡：可添加适度的辅助色，如绿色，以此来打破单色容易带来的单调、无趣。

干净：建议尽量使用白色来代替大面积的浅橙色，减少用户的视觉疲劳。

3.字体
识别：对于中间页面，建议根据内容信息的重要程度来调整文字的展示优先级。例如，价格可以使用品牌色加以突出展示。

4.构图
秩序：中间页面的橙色悬浮按钮，出现的位置有点奇怪。

5.质感
通透：中间页面底板的叠加数量过多且不够精致。可以改变宽度的变化，产生纵深感；或增加不透明度的对比。

照片调色为赛博朋克风格
一、打开PS的CR滤镜，进行调整
1.在【基本】设置里：
1）色温调低，偏蓝8~12，色调调高，偏紫45左右
2）高光调低，阴影拉高
3）白色调高至20上下
4）清晰度调低至10左右，去除薄雾30+
2.切换到【分离色调】
1）高光色相调至290左右，饱和度30上下
2）阴影色相调至215左右，饱和度20上下
3.切换到【fx/效果】
1）调整晕影数量至50左右
2）中点根据需求调大点
3）圆度调高一点
4）羽化度高一些
点击确定完成

二、增强对比
对当前图层调整色阶，暗部拉高一些，亮部拉低一些

三、让高光发亮
1.新建图层，【选择】下点击【色彩范围】
2.选择下拉里的【高光】，颜色容差设为0，范围根据自己想发光的地方进行设置，建议200左右，点击确定
3.在【编辑】里选择填充，选择【背景色】，完成后，在【选择】里点击【取消选择】
4.将当前图层填充设为0%，设置其【混合选项】
5.选择【外发光】，图层填充模式为【线性减淡（添加）】，不透明度30左右，扩展2~4，大小25左右

初步的赛博朋克风就完成啦，后续可以根据自己的需要继续调整。

看到这种风格忍不住也动手撸了一个
原作者视频
https://t.cn/A66d645N
划重点
① 液化-降低不透明度（原视频没有降低 cc2019不行）
② 新建图层模式（柔光）-勾选填充柔光中性色
③ 液化后-原图添加的蒙版记得 反向！
④ 渐变叠加-填充0-渐变认真调整
⑤ 盖印前添加一层颜色（浅紫）-降低填充-创建蒙版（局部涂抹）-这样比纯灰色好看