辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!

用户头像
深圳/学生/2年前/8092浏览
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
今天我们视觉课上有同学的作业画了一个唱片机,有很多的问题,我们来看一下。
修改前:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExMDQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
修改后:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExMDg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
给家分享一下修改的心得和注意事项。
1.结构比列
我们先从结构比例上来观察,唱片的大小不合适,超出了唱片机的范围。唱片也没有厚度,显得很单薄。最后是唱片机的高度很低,这样导致了最后的整体效果有些扁扁的,不够饱满的和立体:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExMTI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
所以我们需要把这些比列问题先调整出来。收回唱片的范围、增加唱片的厚度、增加唱片机的高度:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExMTY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
通过结构比列的调整,整体可以看到明显地变得更稳定和饱满了。
2.结构组合
原来的作业里,在唱片机侧面增加了旋钮来作为装饰:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExMjA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
但是这样加有几个问题。
第一个是,左右两边都是旋钮,这样在视觉上会很重复。
第二是,占比都很小,整体看起来就会很小气,不饱满。
看下我们修改后的:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExMjQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
左边的一排旋钮,我们减少成了一个大旋钮和一个显示屏:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExMjg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
而右边呢,我们可以直接不加东西,如果一定要加也尽量区别于左边。比如可以加一个播放状态:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExMzI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这样是不是就更丰富饱满了呢。
所以我们在这些周围加结构装饰的时候呢,一定要注意饱满度,然后是尽量用不同的类型去修饰,减少重复性。
3.颜色调整
还有一个比较大的问题,那就是颜色了,原来的颜色整体都有些闷闷的,不够高级,左边旋钮的颜色也比较跳脱:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExMzY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
再分析一下他的颜色选择:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExNDA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
可以看到基本是同一个颜色单纯变化了明度和饱和度。
那我们修改后的颜色呢:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExNDQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
可以看到有明显的色相变化,但是饱和度和明度基一直在中间最顶部,没有做变化。这样才能让我们的的颜色始终保持干净通透。
原本比较跳脱的按钮颜色也改成了和身体一致的颜色,这样就不会显得跳脱了:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExNDg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
4.细节表现
原来的作业,唱片基本就是黑色,没有光感:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExNTI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这种比较中心的元素不应该平平无奇,而是要想办法增加更多的细节,这样才能好看,才能吸睛!
矩形工具拉一个蓝色块:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExNTY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
用透视工具拉变形成两个倒三角:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExNjA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
剪贴蒙版到唱片上,然后调整羽化值20左右,就得到了贴合唱片的光感:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExNjQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
用同样的方法,多做几条光:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExNjg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
新建图层填充一个中性灰,然后使用滤镜-杂色-添加杂色功能做出这个素材:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExNzI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
使用叠加模式,透明度45%把这个素材叠加在唱片上以增加颗粒感:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExNzY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
接下来,我们还要加强光感对比:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExODA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
在箭头位置都加入了更亮的颜色去提亮,让整体的光感更通透和明亮,就不会像原来这样整体闷闷的了:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExODQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
最后我们再来看一下完成后的效果:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图ZMTQ3NDExODg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
205
举报
|
165
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
3D卡通UI界面图标可爱插画免扣素
盲盒APP UI设计
Security Camera UI kit
科技医疗透明柜UI界面设计
高级表盘系列UI源文件
【新年UI图标】礼物/活动icon
新能源APP应用UIKit
【新年UI图标】积分icon
【新年UI图标】珠宝icon
智能家居中心 简约 UI设计组件库
我的钱包-UI界面设计-app
拟物风质感写实UI卡片合集源文件
【新年UI图标】体育icon
高级感金属拟物 UI设计组件库
手表表盘UI系列
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】30个图标
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI界面 组件
【新年UI图标】影音icon
UI 登录界面设计模板包
UI通用设计素材1
3D渐变流体抽象矢量UI背景图
你可能喜欢
相关收藏夹
大家都在看
登录注册