[平面UI] 【记账本】20.03.06-从1到2,从2到6

查看:360 |回复:0 | 2020-3-9 14:29:55

您需要 登录 才可以下载或查看,没有账号?注册

x

Taylen1995


「雾质研究所」创始人





10 人赞同了该文章
货币的设计一共有6组。
所以在基本完成了第1组的设计后,我需要把它的成功模式复制到其他5组上面。
这就很像商业模式——1次2次成功可以靠运气,可是10次20次成功,一定是有一种「可复制」的模式,这就是商业模式的核心。
设计师的设计,有时候给人一种很轻松的感觉,仿佛一个元素天生就应该在那里。
但是,这种「轻松」的表象,往往是绞尽脑汁的结果。
一、如何为每组货币配色?
首先,我们可以发现,每一组货币,都有5种从深到浅的颜色。
v2-06de3c557a42cb3cd55ac0031a94a635_720w.jpg 每组5个颜色,6组就是有30个颜色
如果换一个图案,很明显,原来的颜色就不合适了。
v2-f20d0902796c180bd250dc4c48206c78_720w.jpg 青色和蓝色就显得很突兀
这就意味着:6组货币,每组都要有自己独立的5种颜色,暂且叫做「主题色」。
这对我的颜色管理能力是很大的挑战。
所以,我的操作就是按「组」来操作颜色。
只要修改色相,就可以一次性控制5个颜色
至此为止,青色的「主题色」算是调出来了。
但是,货币的设计里,5种颜色不是用一次就可以了——他们大概要重复使用3-5次。
比如说,文字的颜色、背面渐变的颜色、防伪线的颜色,都要根据「主题色」变化。
因为我之前学过编程,所以有些思维,可以直接从编程中借鉴。
比如说,我在多次尝试之后,做出了一个颜色的规范。
只要按照这个规范来操作,就可以控制整体是协调的
光说文字就太干燥了,我们来张图片:
如果你仔细看的话,会发现从左上到右下有一个渐变,这丰富了设计的维度
建立规范的想法,是我从编程课里(而不是设计课)学来的。
所以说,各个领域的界限其实是模糊的,我们常常可以借用其他领域的知识,来解决自己领域的知识。
从这个角度上讲,学的知识越多,就越能建立起一张「知识网」。
二、图片不同带来的挑战
在设计的不同阶段,是有不同的任务的。
比如说,在设计第1组货币时,去考虑规范,就是没必要的。到了第2组,事情开始变得复杂起来事,我们再考虑规范的设计,一劳永逸地解决问题。
举个例子,这是我遇到的另一个问题:
在下面这张图里,因为图片是单一色调,所以右上角的文字就看不清
为了解决这个问题,我想了很多方案。
首先,既然这是因为颜色太接近造成的问题,那么我的直觉就是——修改文字的颜色。
这样看好多了,但是白色的文字依然有一点突兀
突兀的感觉如何消除呢?
由于背景图片上有防伪线,而文字上没有,所以我想的解决办法就是让文字也加上防伪线。
这样看就舒服很多了
其实光是调整这个文字,我就尝试了3-5种方案,一共花费了1个多小时。
不过由于忘记在设计过程中截图,所以只能放出一些结果了。
三、从2到6
上午花时间建立了规范,下午就是应用规范的时候了。
整个操作过程,大概耗费了一整个下午时间,所以要小心小心再小心。
颜色搭配+细节改进后,基本就已经开始好看了
这一步没有什么好说的,就是靠自己的眼睛,不断确认怎么样是最合适的,然后再用细心的双手把这种「好看」固定下来。
但是进行到这一步为止,还是有细节可以添加的。
四、噪点
我先放一下其中一张货币。
注意右边的颜色,是光滑过渡的
放大看是这样的:
这样没什么问题,但是细节相对来说还是少了一些
为了增加细节,我对它进行了全面的大改造。
AI中也有生成噪点的工具,但是效果不太理想,所以我还需要把这里的元素导入到PS中处理。
大概要做这么多的元素
我加入了渐变效果和噪点,让100变得细节更丰富:
看出来差别了吗?
全部调整好之后,是这样的:
再和刚才的图片比一比,看出区别了吗?
细节的增加很耗费精力,有时候不仔细的话,甚至看不出来什么区别。
但这不代表细节不重要。
相反,对细节的处理,往往是艺术家/设计师水平的分水岭。
五、整套设计
在这里,我把最终定稿的货币放出来,供大家观赏

但是,就算设计定稿了,我们的工作才差不多完成了20-30%,距离记账本的生产还远得很呢!
请继续耐心等待。



评分

参与人数 2活跃度 +30 展开 理由
微凉. + 15 【给力】阅贴无数,楼主最强!
小优小優 + 15 【点赞】这很有大网气质!

查看全部评分

2020-3-9 14:29:55  
 赞 赞 0

使用道具 登录

0个回答,把该问题分享到群,邀请大神一起回答。

CG 游戏行业专业问题

UEUI平面设计界面用户体验交互
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表