9款关于配色、PS和网站风格的设计工具,超级实用【设计资源36】

举报 2016-03-14

9款关于配色、PS和网站风格的设计工具,超级实用【设计师资源36

设计师需要使用到的设计工具有很多,根据不同的设计内容需要用到不同的工具。这里有几个关于配色、PS以及网页设计中的有趣又实用的工具,有些可能你都没有听说过。

素材来源:設計達人

关于配色

1、Colorfavs

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

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

Colorfavs


2、UIgradients

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

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

UIgradients


3、pokepalettes

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

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

pokepalettes


4、Brandseen

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

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

Brandseen


关于PS

1、The Bezier Game

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

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

The Bezier Game


2、Assistor PS

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

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

Assistor PS


3、Griddify

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

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

Griddify


关于网站风格

1、Stylify Me

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

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

Stylify Me


2、UX Timeline

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

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

UX Timeline

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)