将uigradients重新设计完善开发后做出的新网站。

    这篇文章主要讲我新做的渐变配色网站（http://www.jianbian.art/?id=19）从想法到落地的过程。

    

    在学ui的过程中发现了uigradients这个网站，当时的第一感觉就是觉得这个网站做的挺简单，看起来很舒服，在配色的时候也挺实用，但是在使用的过程中发现有些交互总感觉怪怪的（自己观点），配色也不是很多，所以决定改版之后自己做一个国内的渐变配色网站。

    打算做之后第一步就是开始找域名，找的过程中发现com,cn,com.cn等一些大家常用的域名找了个遍也没有找到一个合适的域名（没钱买好的），后来发现有一个后缀还不错（.art）于是搜索jianbian.art发现这个域名没有注册，立马注册（凑合用）。开始了无边无际的分析，设计，改版，前后台开发....道路。

    原本以为网站简单，开发也不会太难，直到真正开始之后才发现做一个好的有用的网站，其实并没有表面那么简单。

    首先从对uigradients的分析到现在的这个版本一步一步给大家介绍。

    开发新网站的初衷是解决uigradients的一些不足之处（自认为），其次是使用全中文更容易大（zi）家（ji）使用。

    在探索uigradients的道路上发现有一些不足之处，下面一一列举。

    1.渐变配色少。

    2.只支持单条件筛选。

    3.英文自己用着有些看（mei）不（wen）懂（hua）。

    基于以上三点开始了无边无际的探索，虽然网站简单总得需要后台吧，后台一定要可以根据输入的渐变色自动识别出更接近条件（红橙黄绿蓝靛紫白灰黑）中的哪几种颜色，如果靠人的肉眼识别可能会累死（懒），准确度也不一定会比程序高，所以开始了对颜色的探索，通过程序识别比对自动入库，下面是现在的后台页面，很（chou）好（dao）看（bao）。

下面是添加渐变色的弹窗，是不是很简单，简单的背后全是泪啊，主要是颜色的识别试了好多次。

    

后台就讲这么多吧，下面给大家讲讲前台的设计，开发，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版，改版.......

先放张图表示对大家的尊重：

这张图是不是很正规，好了尊重完毕，下面是网站现在的样子。

看着好像挺好的，如果有什么不足的私信我就行，反正我是自己用也不会改的。

下面给大家写写改版过程中一些快（cao）乐（dan）的事情：

最开始设计稿是这样的

总感觉第一版设计的特简单还挺好看的，但是做着做着就发现少了很多功能（筛选往哪放，改变角度往哪放，自定义渐变色往哪放...），真是残（ri）缺（le）不（gou）全（le）的设计。

下面是一些细节，请大家欣赏：

   

1 最开始文案是这个样子的

总感觉有种00年代的感觉，于是我一怒之下改成了这个

是(wo)不(kan)是(zhe)很(ting)好,不管了就这样吧

2 最开始筛选条件是这样的

但是考虑到你（zi）们（ji）可能会用到一些别的条件就成了这样

3 最开始全部渐变色前面是没有这张图的但是我考虑到你们这些文（z）化（z）人可能看不懂，所以决定加点提示就成了现在的样子。

4最开始图标旁边是没有提示的，那就加点提示吧，就成这个样子了。

5.....不多说了自己体会

6.....不多说了自己体会

7.....不多说了自己体会

打字好累啊，我不想写了，你们自己体会体会吧。

此处省略100000字。。。。。。。。。

最后觉得如果这个网站可能有用的话就收藏下吧，没用的话那也收藏一下吧。反正多收藏个网站也没有坏处，有总比没有强，是吧。

点击这里进入网站

最后献图一张望各位大爷笑纳。