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

用户头像
深圳/学生/2年前/8123浏览
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
今天我们视觉课上有同学的作业画了一个唱片机,有很多的问题,我们来看一下。
修改前:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!(图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吧!
推荐素材
盲盒APP UI设计
【新年UI图标】钱包icon
智能家居中心 简约 UI设计组件库
钱包ui模板
【新年UI图标】会员icon
科技医疗透明柜UI界面设计
高级表盘系列UI源文件
UI通用设计素材1
【新年UI图标】汽车icon
UI界面 组件
拟物风质感写实UI卡片合集源文件
手表表盘UI系列
新拟态风格 UI设计组件库
【新年UI图标】旅行icon
Security Camera UI kit
高级感金属拟物 UI设计组件库
UI 登录界面设计模板包
【新年UI图标】30个图标
3D卡通UI界面图标可爱插画免扣素
APP/小程序商业项目UI模板|99个高保真UI+79个原型
新能源APP应用UIKit
3D渐变流体抽象矢量UI背景图
【新年UI图标】体育icon
你可能喜欢
相关收藏夹
大家都在看
登录注册