9款关于配色、PS和网站风格的设计工具

9款关于配色、PS和网站风格的设计工具

 　　关于配色

　　1、Colorfavs

　　网站地址：http://www.colorfavs.com

　　Colorfavs主要用于上传图像并获取图像颜色，它界面设计简洁，可以浏览优秀颜色搭配，有收藏配色方案功能，可以直接拖拽上传图像抓取颜色配色，操作方便简单。

　　2、UIgradients

　　网站地址：http://uigradients.com/

　　UIgradients是专业的渐变色分享网站，里面有近上百种丰富的渐变色彩方案可供选择，设计师可根据自己风格来选择搭配，此外我们还能直接获得对应渐变配色的CSS代码，相当方便。

　　3、pokepalettes

　　网站地址：http://pokepalettes.com/

　　Pokepalettes口袋妖怪是一个比较特别的配色网站，它里面所有的配色方案都来自口袋妖怪里面的妖怪角色，口袋妖怪其实就是我们所说的神奇宝贝，相信不少用户看过这部动画片或玩过这个游戏。Pokepalettes配色网站目前有600多个口袋妖怪角色配色，用户可以输入角色的英文名称或者编号就可以快速转到对应的角色。而主角皮卡丘的编号是#25，所以这里输入数字25然后按回车键就可以了，注意不要输入#号!还有个小TIPS，就是鼠标移到左边的色块上可以显示这个色块的颜色值，不同长度的色块表示该颜色的使用率多少，最长的表示颜色使用范围最多，越短则表示颜色使用范围越少。

　　4、Brandseen

　　网站地址：http://brandseenapp.com/

　　Brandseen是一个让玩家选择品牌Logo的颜色并与原作进行匹配的小游戏，颜色相似值越高，得分越高，主要是测试玩家对于颜色的敏感度和把握度。

　　关于PS

　　1、The Bezier Game

　　网站地址：http://bezier.method.ac/

　　其实从名称就可以看出来，The Bezier Game是一个游戏，它与PS的关系就在于这是一个用PS中的钢笔工具来完成的小游戏，让大家边玩边学。钢笔在PS中算是比较难控制与掌握的工具，在The Bezier Game游戏中，首先会以动画的方式来演示一遍贝塞尔曲线画法，然后让用户自己尝试去绘制，注册之后才可以看到提示，难度会越来越大，并且过了心形这一关之后就没有动画演示了，需要大家靠自己去完成。在绘制的同时，网页上面还有撤销工具，可以配合使用，而在网页下方区域可以看出你绘制的步骤数。Tips，要学会用shift和Alt键来控制。

　　2、Assistor PS

　　下载地址： vdisk.weibo.com/s/axnLmnhcyWoMC

　　Assistor PS是一个功能强大的PS辅助工具，它有切图、标坐标、尺寸、文字样式注释、画参考线等功能，可以为设计师节省很多时间。该PS工具是免费开放使用的。

　　3、Griddify

　　网站地址：http://gelobi.org/griddify/

　　用PS做网页设计或UI设计时，绘制参考线是经常的事儿，特别是做栅格的时候，要一个个绘制，一个个计算，有时候会觉得挺麻烦的。Griddify可以轻松生成不同间隔的参考线，还支持水平垂直平分，而且操作都非常简单。

　　关于网站风格

　　1、Stylify Me

　　网站地址：http://stylifyme.com

　　网站风格指南的制作过程是有点麻烦，但却十分有用，它可以让团队人员能清楚明确项目的设计规范。就像一本手册，忘了打开一看就知道。Stylify Me就是一款超级方便的风格指南生成工具，只需要输入网址就能自动生成，并能下载PDF版本。

　　2、UX Timeline

　　网站地址：http://uxtimeline.com/

　　UX Timeline分享了9个比较有名气的品牌网站首页改版历史，分别是Product Hunt, Shazam, Mailchimp, Vimeo, Dropbox, Spotify, Uber, AirBnB, Deezer 等互联网品牌网站。点击进入其中一个品牌后，用户可以通过时间轴的形式，看到该网站首页的改版历史，从 web2.0 质感风格到扁平化设计风，设计与用户体验都发生了惊人的变化。