最受欢迎的顶级设计资源(上)

  • 经验类型规范/资料
  • 经验属性自译外文
  • 经验版权署名-相同方式共享
7808 15 295 2016-10-06

作为一个用户体验设计师,有一件事情是需要不断提高的。那就是认识各种模式,我把我经常会用到的一些带给大家,如果你之前没有见过它们,希望它们也能对你们管用。当然你也可以告诉我一些你知道的资源。


每个人都有属于他自己的一套工具,它让我们的生活更容易,工作更快速。所以让我们来发掘那些好用的设计工具。



颜色、颜色、颜色


色彩搭配对于视觉来说是如此的重要,单凭颜色本身就可以让设计改头换面。下面是我在寻求色彩搭配灵感的时候最喜欢的4个工具。



Coolors


如果你想得到一个关于美丽色彩的调色板,你真应该试试这个。你甚至可以在其中输入你自己的颜色,你可以保留你喜欢的颜色,改变其中的一种或者几种等等。


Image title



Color Safe


你可以选择一个背景色,然后网站就会根据你选择的背景色给粗不同的文字色彩搭配方案。


Image title



Colllor


你可以得到一种颜色50种以上不同维度不同深浅的选择。这才是真正的色彩,非常好的一个工具。


Image title



Materialpallete


如果你是扁平化设计的粉丝,它是一个非常好用的工具。


Image title



Color Calculator


这个网站可以帮助你很方便的建立对比色,邻近色,等各种模式的色彩搭配。


Image title


字体


我相信不需要我多说,字体可以使一个网站富有吸引力并且易于阅读。他们自己就可以创造出一个美好的视觉体验。设计师们都非常喜欢字体,至少他们应该去喜欢。



Font Flame


我们是如此喜欢字体,以至于有些人专门做了一个网站来寻找字体搭配。


Image title



Font Pair


另一个字体搭配的网站,你可以实时查看字体搭配的效果。


Image title


以上是我经常使用的字体资源,虽然关于字体的资源还有很多。此外,我一直在寻找着新的字体,你的字体库是永远都不会满的。




资源库


图片、icon、矢量、你们这么命名它们。大多数的设计师都有自己的图书馆,或者收藏夹。资源库可以让我们生活更方便,并且节省时间,特别是有些时候对于自由职业者,资源库可以帮你省掉买版权的钱。



Unsplash


免费的图片库,我最喜欢的资源之一。


Image title



Flaticon


你很可能会在这里找到一个你可以使用的图标,或者你可以从中得到些灵感去创造一个你自己的。


Image title




Iconfinder


另外一个图标资源,虽然它今天已经侧重于付费模式了,但是你仍然可以在里面找到很多优质的免费的资源。


Image title



Freepik


你可以在这里找到任何东西,再次提醒,注意查看版权信息。


Image title



网页设计资源


我想我们可以很轻松的创建出一个关于免费网站设计资源的百科全书。但是这里我只举几个最喜欢的。



Zurb University


网页常用的基础模块在这里都能找到,非常珍贵的资源。一点都不开玩笑。


Image title



Coveloping


可以自定义、测试和生成自己的CSS动画,它好几次把我从困境中解救出来。


Image title



CoDrops


我用这个网站去参考CSS的相关内容,他们的教程和playground非常的棒!如果你没有用过这个网站一定要去试试,你会被震惊的。


Image title



Codepen


Codepen大部分的情况下会让我更沮丧而不是更开心,三更半夜的时候我会对着屏幕喊道“他妈的他们怎么会想到这样做?”


Image title



其它资源



Design Patterns


Image title



Uplabs


Image title




Image title



全部评论:15条

  • HamAlight

    2016-12-08 11:09

    好多还收费,真心没钱

  • masker_0204

    2016-10-26 19:06

    @emou: 国内实用的网站也就那些了~都翻腻了~学渣表示英文看不懂

  • ws_martin

    2016-10-24 08:35

    @emou: 国内的 很少吧

  • emou

    2016-10-21 14:07

    为什么全部都是国外的网站,推荐一点国内实用网站嘛

  • WillZheng

    2016-10-19 16:38

    @cgge95: 看起来你韩文不错

  • 张毓恩ui设计师

    2016-10-12 13:50

    太感谢了

  • 被设计搞的农民

    2016-10-12 10:45

    @cgge95: 我就是英文白痴~对于全英文的软件完全懵逼~

  • wttzzz

    2016-10-11 17:03

    厉害了我的哥

  • love桌桌

    2016-10-11 16:15

    @cgge95: 给你 一万个 赞 啊 这句话 简直说道我心坎里

  • 夜雨raining

    2016-10-11 10:25

    色彩和字体里的网站,基本是没有设计师的程序员用的。。后面一些资源还不错。。感谢分享。

  • 普罗旺斯的薰衣草

    2016-10-10 10:43

    干货,谢谢分享

  • cgge95

    2016-10-09 17:49

    是不是英文不好的不适合做设计?怎么你们用的辅助工具网站都是英文的,哦得克!

  • Black_

    2016-10-09 17:25

    好东西呀

  • CC桑

    2016-10-09 11:49

    get~

  • SAGM

    2016-10-08 10:21

    厉害了我的哥

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票