提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
在过去的2018年经历了很多,从看到uigradients.com且发现有很多不足之处的那一刻起,就想做一个属于国内的渐变配色网站。
这篇文章主要讲我新做的渐变配色网站(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字。。。。。。。。。
最后觉得如果这个网站可能有用的话就收藏下吧,没用的话那也收藏一下吧。反正多收藏个网站也没有坏处,有总比没有强,是吧。
重要的事情说三遍
最后献图一张望各位大爷笑纳。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册