三个月前,有一个好消息一个坏消息,好消息是老板给了我一个主导完成项目的机会,坏消息是这个项目没有前端,没有UI,只有我自己(一个只能分清红黄蓝的后端Java)。
我还有点傲娇,不想做出的项目别人看着难受,想做的好看点儿,然后我就想着要去好好写写样式,好好做一个UI设计。就这样,一不小心就走上了这条泥泞大道。
在网上看了一些文章,写有很高大上,什么【好的配色能赋予设计情感,能引导用户视线,能讲述无声的故事】,我真信了。反正现在别人能不能看来设计里蕴含的情感我不知道,反正我是向里倾注了无数的愤怒与草。能不能引导用户视线我不知道,反正好歹用户是快速学会系统怎么使用了。能不能讲述无声的故事我不知道,反正我的事故知道的人都还不少。
不多说废话了,我就讲讲我这段时间的心酸与收获。
客户说我们所有项目都必须使用集团规定的主色-活力红。哪家好好的集团要用活力红做主色?一定是我孤陋寡闻,我的错,客户一定是对的。
就这样,主色确定了,活力红#BB2649。
主色确定好之后,才是苦难的开始,怎么配色?
网上找了一堆的理论,什么色轮,什么互补色,什么类似色,什么分裂互补色?看完了网上各位大大位画的各种图,就是不知道怎么搞,有人好心提醒,用photoshop可以把这么色调出来。可是,真对不住这位大哥,photoshop我也不会啊。
本着“总有人会遇到和我一样的问题,而且别人可能已经解决了”的原则,在网上找现成的调色工具。结果要色特别简陋,要么收费,真心迷茫。
虚心向前同事UI小姐姐求救,远程奶茶孝敬下,赏给我一个现成的工具 rgbtohex.im 。 原来这个工具已经把这些颜色的搭配都搞好了,只要输入主色就能给出各种配色方案了,对我来讲真是太雕了!!
截个图,给你看看:
经过这一个项目,老实说,对于配色我基本上没有什么进步,但是有了 rgbtohex.im ,下一次再遇到无前端无UI的情况,我应该会更坦然了。