莫b

这次优化的过程,大概用了一个周末的时间,几乎将我能看到的所有细节都优化了一遍。今天和大家剖析下优化的内容,大概有如下几点:云和流体绘制的技巧、字体的优化、排版的优化、画面元素的关联性、元素的质感优化。

关注早的朋友可能知道,我做的设计相对比较简洁可爱,比如下面这些:

图片

为什么走简洁风可爱风呢?是不喜欢那种层次丰富、酷炫的风格吗?
当然不是,是我做起来太费劲,不在我的舒适区内。
但是我也想突破一下,让自己做的东西更加的丰富饱满,于是说干就干,从上次那个联合会员开始,尝试了更加富有设计感的手法。
我们先看下效果对比:

 

优化前:

图片

 

优化后:

图片

这次优化的过程,我大概用了一个周末的时间,几乎将我能看到的所有细节都优化了一遍,过程中还请教了慢热、小智怎么画云和流体,学到了非常多的知识。
今天和大家剖析下优化的内容,大概有如下几点:
  • 1.云和流体绘制的技巧
  • 2.字体的优化
  • 3.排版的优化
  • 4.画面元素的关联性
  • 5.元素的质感优化

 

1.云和流体绘制的技巧

云和流体的这种元素绘制起来时非常麻烦的,这里和大家介绍几个小技巧。
其一
云一定要有一个大的动势,然后整体结构要跟着大的动势走,比如我这里的大的动势就是从那个圆圈里出来,然后环绕一圈扩散出去:

图片

如果没有大的动势,就很容易画乱。

 

其二
一定要先画好草稿,在进行钢笔绘制,如果直接上来就用钢笔画,很难画出好的结构细节,所以一定要在草稿的时候就把大概的结构画到满意,然后用钢笔直接描出来就好了:

图片

 

其三
云一定要有层次,如果你的云只有一层颜色,就会非常单薄,所以一般最少都要有三层,一层固有色,一层暗部,一层亮部:

图片

这样看起来就会丰富很多。

 

其四
云两侧的形状一定要都漏出,千万不要只露出一边,那样很容易画成我中间的一版本:

图片

就变成普通的叠层了。
这四个点就是在画云过程中的一些感悟,现在画的还不够熟练,还需要多练习,去感受其中的的细节。

 

2.字体的优化 

想让一个画面变得更加优化,我就必须要把默认字体变成有点设计感的字体,不然看着就会比较呆板,这个字体差不多修了3、4个小时,中间有尝试更加夸张一点的形式,比如:

图片

但是做的还不够到位,并且和主画面不是很搭配,因为主画面已经比较丰富了,字体如果还那么乱的画,整体画面就没办法看了,所以选了一个比较保守的字体设计,过程优化如下:

图片

这一版就看起来还算比较稳。

 

3.排版的优化 

之前的排版实在是没什么细节:

图片

因为字体修饰了,所以只要稍微加点小细节,整体就会丰富很多,比如整体文案都用了倾斜的方式,然后副标题下面加了一排小英文:

图片

这样整体排版就会丰富精致很多了。

 

4.画面元素的关联性 

最开始我的修饰元素有两个冒出来的竖条,其余的都是球体:

图片

这样就会导致元素和整体主题的关联性比较弱,那是不是可以适当加一点与会员相关的元素呢?
于是我就加了两个会员特权,比如1080HD、再比如速看等等:

图片

这样就会让元素与整体主题更加契合一些。

 

5.元素的质感优化 

最开始的那版元素,其实基本没怎么修饰,所以看起来比较单薄:

图片

在优化的过程中,主要是对色彩进行了更加丰富的出来,比如环境光:

图片

还丰富了颜色的色相,比如我在左侧图标的橙色上融入了黄色以及梅红色,这样可以让颜色看起来更加透彻一些。

 

总结 

以上就是这个优化案例的知识点啦,过程很痛苦,因为要脱离舒适区,去做不擅长的东西,但是结果正向,自己也算是比较满意,这是个开始,希望后面可以做的越来越好!

 

原文地址:菜心设计铺(公众号)
作者:菜心设计铺
图片

转载请注明:学UI网 » 这个周末我什么都没干,就专心把这个画面的所有细节优化了一遍,最后成了这样…

登录收藏
 
你可能喜欢的:
标题性文字怎么设计?排版秘诀搞定你!标题性文字怎么设计?排版秘诀搞定你!
听说这是最难的配色方法——互补色篇听说这是最难的配色方法——互补色篇
版式分析优化 | 搞事情,这么排版才合理版式分析优化 | 搞事情,这么排版才合理
改作业 | 有一说一,这个改稿效果真不错!改作业 | 有一说一,这个改稿效果真不错!
教程 | 设计中的规矩与秩序教程 | 设计中的规矩与秩序
不会排版的来看看,如何运用对比制造秩序不会排版的来看看,如何运用对比制造秩序
如何把照片做出有设计感的海报如何把照片做出有设计感的海报
老板说作品没有设计感,这10个优化技巧简单有效,你一定要知道老板说作品没有设计感,这10个优化技巧简单有效,你一定要知道
优化教程 | 没想到,改完以后的画面真的好了许多!优化教程 | 没想到,改完以后的画面真的好了许多!
拯救没思路系列,试试提取风格拯救没思路系列,试试提取风格