设计网站设计

你想在设计行业中继续保持灵感源源不断，且设计出具有高逼格，富有设计感的创意设计作品，在设计行业占据一席之地？

那么，这篇文章你务必要看看，值得分享亲友和收藏备用。

一、设计类网站

1.http://arting365/

推荐理由：在线活跃量高

arting365是一家集数字、创意、视觉、艺术、设计于一体的行业专业资讯和互动交流平台；

2.idzoom/

推荐理由：板块清晰，内容优质

ID居宅是一家由一批有影响力的设计师发起的联盟平台，设计内容把控到位，较于优质；

3.http://gooood.hk/

推荐理由：精品资料合辑简直不要太多

谷德是一家基于建筑、景观、设计、艺术的高品质创意平台。并与全球超过4000家创意机构,业主,供应商保持良好的官方合作。

4.http://ideamsg/

推荐理由：灵感日报做了很多年，一直没被国内广知，有一点好的是，他们内容一直足够优质。现在改版中，加油 ~

5.zcool

推荐理由：以创意图片见长，启发设计师的思维（新版）

6.https://mlito/

推荐理由：分门别类清晰，内容优质，文化艺术气息浓烈

米元素专注与高品质视觉整合，家居/平面/文化/艺术等涉及领域繁多，但是版面足够唯美，是一本不可多得的优美轻杂志。

7.http://90dg/

推荐理由：案例资讯较前沿，中英双语

90dg是专注建筑/景观/室内/艺术/生态/公益的国际媒体杂志。

8.http://dinzd/

推荐理由：德国室内设计致力打造全球设计精品资讯网，专注\精品。

9.http://yipeizhe

推荐理由：易配者软装学院网校，上面有很多软装课程可以进行学习，不过有的课程需要报名以后才能学习观看的

10.http://steveleung/

推荐理由：说设计不得不提起梁志天，多少设计师们的崇拜对象，这个他们家官网

11.http://ccd.hk/

推荐理由：CCD郑忠设计-奢侈酒店设计专业户，几乎包揽了全球奢侈酒店品牌。

12.http://cnhorizontal/

推荐理由：琚宾设计事务所-与众多高端品牌合作，涉及领域广泛。

13.http://tkchu.tw/

推荐理由：邱德光-新古典风格的创始人，第一位把奢华酒店搬到家中的设计师，服务高端住宅与空间。

14.https://searchome/

推荐理由：设计家-台湾设计网，偏营销，整体案例比较实用，适合居家参考。

二、素材类网站

1.http://bigbigwork/

推荐理由：类似pinterest，无需翻墙

大狮素材搜索是专为各行业设计师度身定制的设计灵感搜索引擎,聚合全球众多知名设计网站；

2.https://izhangan/

推荐理由：掌案是一个针对室内设计师收集设计灵感,家居购买的设计资源库；

3. https://huaban/

推荐理由：国内好用版 设计师的灵感天堂

花瓣网帮你采集,发现网络上你喜欢的事物.你可以用它收集灵感,保存有用的素材；

4.http://58pic/

推荐理由：免费设计素材网

千图网是中国免费素材最多的网站之一，拥有800多万张免费素材，可下载源文件矢量图 ；

5. http://yestone/

推荐理由：创意素材网，图片优质

邑石网拥有超过六千万正版优质图片，可直接购买使用；

6.https://behance/

推荐理由：2006 年创立的著名设计社区

Behance是展示和发现创意作品的领先在线平台图片优质，发现别人分享的创意作品，相互还可以进行互动，无需VPN的国外网站；

7.https://magdeleine.co/browse/

推荐理由：高清灵感图片资源网

Magdeleine是一个免费高清灵感系图片网,每天分享免费高分辨率照片，以西方镜头的摄影与视觉创意为主 ，无需VPN的国外网站；

8.http://freepik/

推荐理由：免费PSD素材搜索引擎

FreePik为网页设计师提供高质量的图片、向量图、矢量图、插图、PSD文件素材搜索服务，无需VPN的国外网站 ；

9.https://houzz.co.uk/

推荐理由：室内设计百科全书

houzz最搭建一个高品质的家装设计沟通平台，在houzz看中了哪个设计师的作品，可以直接注册houzz与她联系，并打通了设计师、作品展示、产品购买整个流程和环节；

10.http://mymodernmet/

推荐理由：艺术爱好者联盟

mymodernmet是通过聚焦人类最好的一面 ， 从轻松乐趣到发人深省的启发，来促进积极的文化。寻找艺术，设计，摄影，建筑，技术，环境问题等方面的图像和文章；

11.http://meijian.io/?no1=y6mqsl

推荐理由：一款软装设计工具

美间为室内与软装设计师量身打造的便捷创作体验，并提供了自动清单、自动抠图、百搭模板、一键替换等功能；

12.https://fontsup/

推荐理由：免费字体素材网

Fontsup 是一个包含了超过118053个免费字体的档案库，所有的字体都适用于Windows、Mac和Linux系统，设计师可以从该网站获得海量的TrueType格式字体应用自己的设计项目；

13.http://ziticq/

推荐理由： 字体品牌设计师交流网

字体传奇网是以字体,标志,品牌,创意,设计师学习交流,设计教程公开课,互动为主的一个平台；

三、配色类网站

1.Adobe Color CC: Adobe Color CC

推荐理由：AdobeColor CC支持的图片格式有TIFF，JPEG，GIF，PNG和 BMP。

Adobe Color CC为我们提供了下面这几种模式：Colorful（五彩缤纷），Bright（明亮的），Muted（浅色的），Deep（深色的）， Dark（灰暗的），和 Custom（自定）。

选择规则后，会自动从图片中提取生成颜色，排列在图片下方。通过空心圆点可改变选中的颜色。

缺点：加载很慢。

2.网页配色：Web安全色

推荐理由：该网站列举了216种网页安全色，分Html和RGB两种进行标识。

3.配色网-致力色彩搭配方案的交流与学习

推荐理由：这个配色网站有些名字起得挺有文采的，能给人直观的想象，方便记忆。除此之外，首页下方，还有一些关于配色的相关知识和方法。

以下就是学姐推荐的十个交互设计网站

1. Dribbble

https://dribbble/

移除

推荐理由：作为一个曾经需要邀请码的设计网站。一度风靡一时，据说邀请码卖到1500，许多设计师寻找灵感，与设计师同行进行交流切磋等都会到这里来。近几年觉得dribbble的展示形式比较单一，导致有些作品纯粹为视觉特效去做。这个见仁见智吧。

2. The FWA

http://thefwa/

移除

推荐理由：地球人都知道的老牌的全球minisite酷站。展示作品比较重视新技术运用于互动中，视觉重视创意表现，其中很多商业设计值得借鉴。但感觉近期给人眼前一亮的作品减少。

3. Awwwards

http://awwwards/

推荐理由：算是老牌网页设计领域的网站了吧，如果说Behance这类的网站是设计师灵感的来源，那AWWARDS就是设计师（特别是网页设计）的知识储备库。

3. Site Inspire

https://siteinspire/

推荐理由：收录了2500个网站设计，并且可以按主题、类型以及风格来进行搜索。能显示实时的网页快照和位置。比较丰富。

4. straightline

http://bm.straightline.jp/

推荐理由：一个日版的UI、网页视觉设计汇总网站，日本的设计风格属于超级耐看型，汇集了很多很棒的设计，资源也比较丰富。

5. Little Big Details

http://littlebigdetails/

推荐理由：LitterBigDetail是一个汇总微设计的网站，记录上万个体验设计和产品细节。

6. pttrns

https://pttrns/

推荐理由：emmmm....界面像是交互设计版的pintest，网站收集了一千多个App设计模板和产品流程截图，而且还在不断更新中。这些模板截图按照App的功能或者截图的类型分类。另外，还可以通过放大镜，更清晰地看清楚截图。

7. Html5 Showcase

http://html5-showcase/

推荐理由：各种Html5网页交互的优秀案例

8. Collect UI

http://collectui/

推荐理由：移动端UI设计案例居多，收录的数量也是非常丰富的，放上来的原因主要是每天都会更新高质量的UI作品，而且归类详尽到多达100多种，可以从网站左侧快速定位进行浏览。遇到喜欢的作品，还可以直接追踪到Dribbble关注它的作者。

9. MUUUUU.ORG

http://muuuuu.org/

推荐理由：好了，又是日式风格的网页设计，有许多优质的日式风格网页设计的案例，日本设计风格中的自成一派和许多细微的人性化交互设计非常值得借鉴。

10. UYI

http://useyourinterface/

推荐理由：动效设计居多，很多有趣不错的动效案例。

大家有喜欢的网站也可以给学姐推荐喔~

本文有6个章节，从工作流程、网站种类、网站组成部分、技术原理、设计规范等全面总结了网页设计的基础知识，接近两万字的干货，新手看完就可以入门了。

一、网页设计是什么？

网页设计也被称为 Web Design、网站设计、Website design、WUI 等。它的本质就是网站的图形界面设计。虽然现在我们常使用移动端上的 APP 来获取资讯，但是显然基于个人电脑平台的网站上网方式陪伴我们的历史要比手机久很多：从1987年钱天白教授向德国发出第一封电子邮件到2000年搜狐、新浪、网易在美国纳斯达克挂牌上市，再到现在网站遍地；中国的网站高速发展了近三十年。我是在小学开始去网吧「上网冲浪」的，那时的电脑屏幕非常小，分辨率只有800×600像素（对比一下，iPhone8的分辨率是750x1334px），网速也很慢，经常掉线或者加载失败。那时的网站性能和体验都不好，而现在网站设计和过去已经有了巨大的变化：注重用户体验、注重页面动效、富媒体等设计让如今的网站体验并不比软件和手机 APP 差。加上个人电脑的普及，网站仍然是人机交互中非常重要的平台之一。那么作为 UI设计师我们就必须掌握网站设计的规范和理解网站运行的原理，才能更好地驾驭这个平台。今天就向您好好说道一下网站必须懂得的那些事儿。

二、工作流程

首先让我们来看一下网站设计的工作流程吧，除了之前介绍过的用户研究、撰写产品需求文档、市场文档、做竞品调研等工作之外，与设计师密切相关的网站项目流程可以分为原型图阶段、视觉稿阶段、设计规范阶段、切图阶段、前端代码阶段、项目走查阶段六个阶段。每个阶段都需要设计师参与和了解，千万不要只在意视觉稿这个阶段，有很多前期与后期工作同样需要得到我们的重视。好，让我们一个一个来了解它们吧。

1. 原型图阶段

原型图阶段中设计师需要和产品经理沟通需求，这时要注意，并不是产品经理向设计师下发需求，而是需要相互就自己擅长的方面进行沟通。视觉方面具体呈现也许设计师会有更好的方式，这时需要在设计之前与产品经理达成一致。

△ 构建网站原型图（工具：Axure RP）

2. 视觉稿阶段

视觉稿阶段就是我们要根据原型图确定的内容和大体版式完成网站的界面设计了，在设计网站的时候，我们需要一些图像和灵感的素材。比如做世界杯专题时，我们除了收集很多素材之外，也可以设计一个「情绪板」（Mood Board）。简单说情绪板就是将一些与主题相关的资料和素材拼贴在一起，这样可以更好地指引我们整个需求的设计主题和大体感觉。另外，很多网站的头部通常需要主视觉来抓人眼球，这时可能会使用到需求方提供的明星照片、主题素材、LOGO、主视觉PSD等，那么用素材和这些需求方提供的资料进行混合并拼出让人觉得震撼的头部视觉就是我们的目标了。主视觉下面的信息排布更强调合理性，这时也需要和产品经理沟通从后台调取的图片尺寸、标题字段长度等，然后根据这些要求完成页面信息部分的设计。总之，设计过程中需要我们不断思考和沟通才可以完成一个比较棒的视觉稿。

△ 视觉稿设计阶段（工具：Photoshop）

3. 设计规范

当视觉稿通过后，很多设计师可能不会主动去做设计规范。其实每一个可迭代的产品都需要设计师来总结设计规范，设计规范就是所有页面中共性的东西，比如说字体不同的大小、图片的尺寸、按钮的样式等，这些共性也是用户访问网站时会理解成固定概念的凭证。比如同样的分享功能如果采用两种截然不同的样式就会让用户困惑。那么设计规范主要也是在约束设计师我们自己，在用户有限的记忆力中减少思考的成本。同时，设计规范也可以保证同一个项目的不同设计师都能输出一样风格的设计来。最后，设计规范对于设计师个人来说也是对项目影响的一个佐证，可以证明你的思考和你在项目中的地位。所以我认为设计师应该主动去做设计规范和项目总结。设计规范如何去做？其实设计规范就是把主要页面的元素固定成统一元素即可。具体来说一个产品的设计规范应该有：字体规范、主体色规范、图表规范、图片规范等不同分类。

△ 视觉规范（工具：Photoshop）

4. 切图

网页设计师通常不需要为前端工程师切图。因为前端工程师通常需要掌握 PS 软件技能。如果遇到特殊情况需要我们切图时，我们可以使用诸如 Cutterman、Zeplin 等切图插件中的 Web 选项为前端切出网站所使用的图片。

△ 从PSD中提取出来的切图（插件：cutterman）

5. 前端代码

前端工程师会用代码重构我们设计的页面，把图纸变为静态页面。然后和后端工程师对接调取数据接口，一个网站就活了起来。工程师们为了方便了解网站是不是达到了我们要求的数据，也会进行埋点。埋点就是在页面代码里插入一些统计代码，方便我们之后确定哪些页面访问量高，哪些没有达到预期。在此后其实还会有测试工程师介入来发现编译完的网站是否存在一些漏洞等。

△ 前端工程师代码编译（工具：Notepad +）

6. 项目走查

网页设计完成后还需要设计师进行项目走查，来确定网页还原度是否有问题。如果发现有和设计稿出入很大的，就需要要求前端工程师进行调整。这个步骤非常重要，因为网站的成品才是我们最终的输出，不要认为设计稿很漂亮而实现后的页面就不需要我们负责了。

△ 将实现后的截图和设计稿进行比对（工具：Photoshop）

三、网站种类

网站的分类按对象来划分可以分为 To C端和 To B端两种。To C端就是面向用户和消费者，例如门户网站、企业网站、产品网站、电商网站、游戏网站、专题页面、视频网站、移动端H5 等，均是面向用户和消费者的产品。由于是面向用户和消费者，所以设计上一定要可以吸引人，并且以用户为中心考虑体验设计。而 To B端作为一个需求量很大的类别，其实往往被设计师所忽视。什么是 To B端项目呢？比如电商网站供货商的后台、Dashboard、企业级OA、网站统计后台等这些面向商家和专业人士的网站就是 To B 类网站项目了。这些项目的要求和 To C端网站的要求大相径庭：To B 类项目最重要的是效率而不是体验，因为说白了我们在设计使用者工作的工具，我们在设计时必须首先要保证操作者可以高效地完成他们所需要完成的工作。那么让我们来了解一下网站的不同门类吧。

1. 门户网站

门户网站国内比较知名的有新浪、腾讯、网易、搜狐；国外比较知名的如 Naver、Llinternaute 等。我们可以看得出，门户网站都是大而全包罗生活万象的。比如腾讯网就有新闻、财经、视频、体育、娱乐、时尚、汽车、房产、科技、游戏等不同频道。门户网站的门槛很高，必须要有雄厚的实力才可以建立起一个门户网站，而门户网站需要的设计师数量也惊人。首先门户网站需要产品方向的界面设计师以迭代的方式维护迭代网站首页、二级页面、底层页等网站基石。然后需要各个频道的设计师来处理日常需求：比如巴黎时装周需要负责时尚频道的设计师来设计对应的专题、世界杯小组出线需要负责体育频道的设计师来设计对应的专题等。地球上的每一天都有大事发生，那么门户网站中的设计工作就不会少。另外，具体对接频道的设计师也需要有一定擅长之处：比如对接体育频道的设计师起码应该熟悉足球篮球等体育项目、时尚频道的设计师要懂得各个大牌的设计风格、佛学频道的设计师需要懂得基本的佛学知识和忌讳、文化频道的设计师需要对传统文化有所涉猎。所以基本上门户网站的设计师可以分为产品组和频道组两种。

△ 韩国门户网站Naver

2. 企业网站

每个企业都需要有一个网站来对外展示自己的能力、介绍自己的产品等。现在接触一个陌生的企业时，很多老百姓都会上网搜索一下其官方网站验证真伪。网站已经是中小企业的标配了。企业网站设计时通常会有网站首页、公司介绍、产品中心、公司团队、在线商城、联系我们等这几个模块，企业网站会展示很多诸如公司环境、团队成员、企业文化等实际的照片，配合一些资料进行设计。企业网站通常也追求所谓「高端」、「大气」、「上档次」的风格，也就是为了达到让消费者认同品牌这个要求。所以如果我们接到了企业网站的设计需求，不妨多去浏览参考一些更加大牌的企业网站作为竞品来参考。

△ 美国通用公司官网

3. 产品网站

从苹果公司的 iPhone 介绍页到小米手机8的介绍页，我们会发现一种新鲜的产品营销模式，就是产品网站。设计这类网站的内容主要是该产品的工艺、技术、设计、特点、构造、使用场景等。这样的产品页希望可以让用户有沉浸感，所以一般来说都是使用全屏布局，然后配合一些如视差滚动等方式让我们感觉到这个产品的极致精细。由于中国互联网和产品设计发展很快，所以产品类网站设计需求一定会越来越多。

△ 苹果公司产品介绍页

4. 电商网站

电商设计师也属于网页设计师吗？是的。如果按照平台细分，无疑电商设计师所在的平台大部分属于网站。以淘宝、天猫为代表的电子商务发展得太快了，以至于从内蒙的牧民到海南岛的渔民，甚至台湾、日本、东南亚的商人都开始在中国电商平台上开店铺了。店铺其实本身属于平台本身的页面。但是为了增强每个店的个性，平台为商店开通了一些页面自定义的装饰功能，比如宝贝详情、店铺排版、banner头图设计等。这样商铺有一定权限在平台规定的范围内使用图片和一部分css样式代码来装饰自己的店铺，电商设计应运而生。虽然带着镣铐跳舞，但是有很多店铺因为设计精良而能带动销售。那么电商设计师当然就变得非常重要了。

△ 淘宝网首页

5. 游戏网站

游戏是一个巨大的产业，很多公司的收入大半壁江山都来自游戏产业。那么除了游戏需要制作精良之外，游戏的官网也必须设计精美。不要忘记，每一个玩家都需要访问你的游戏官网才能完成下载、充值、社交等重要操作。国外游戏网站比如暴雪娱乐公司（https://blizzard）的官网设计得极其精美，每个游戏的官网都是一个精品。比如魔兽世界、星际争霸2等游戏官网，头部都是视觉冲击非常强烈的动画。然后网站界面的元素都带有游戏的风格，仿佛登录这个网站你就在游戏之中了。

△ 暴雪公司星际争霸2游戏官网

6. 专题页面

当然不管是电商还是门户网站，在节日都会需要设计师来设计一些专题页面增加曝光。比如儿童节、情人节、母亲节、圣诞节等节日往往会有促销、专题报道等各式活动。专题设计生命周期很短，上线后基本过了流量的那个点就基本没用了。所以我们找不到前几年的618或者双11专题页面，因为过了特定的时期专题页面就无人问津了。所以在那么短的生命周期怎么抓住人的眼球？当然不能使用现代主义设计那种性冷淡风格，而应该在头部尽量刺激用户，用刺激对比强的色彩、复杂立体的造型、冲击感强的文字吸引用户来看。毕竟每个人可能只会看一次，不能放过这个机会。所以专题设计和产品设计正相反，专题设计必须刺激。

△ 极有家淘宝专题页面

7. 视频网站

视频网站的访问量惊人，并且用户的黏着度更高。很多视频网站除了购买版权之外还有很多 UGC 内容。多说几句，UGC（User Generated Content）是指用户产生的原创内容，很早之前 web1.0时代用户主要是单向浏览网站，web2.0提出的 UGC 概念就是说用户不仅在浏览也会上传内容。那么视频网站为什么会火呢？首先要感谢宽带的发展。在今年我们国内点击视频就立马可以播放了，而在几年前需要等待几分钟才可以加载够缓存。视频网站的设计主要是要考虑应用场景：视频是用户主要观看的区域，所以视频区域首先要足够大，另外颜色应该以暗色为主，因为亮色会干扰到用户观看视频。然后其他的区域图片比例应都为16:9的视频尺寸，方便后期编辑在后台添加。视频网站的设计师同样也可以分为产品组和运营组两个种类来处理产品方向和运营方向的不同需求。

△ 腾讯视频播放页面

8. 移动端H5

你一定在朋友圈被《穿越未来来看你》、《淘宝造物节》等 H5 刷过屏吧？平时我们经常被这种好玩儿的 H5 刷屏。其实 H5 全称是 HTML5，并不是仅仅指移动端，而是网页前端的开发语言，由于约定俗成的概念，我们现在常常把手机中的集合视频、动效、互动的这种营销形式称为 H5。其实它的本质是运用网页技术运行在手机浏览器或内置浏览器内的网页。随着技术日新月异的发展，H5 显得越来越有传播价值和份量。微信、浏览器等平台级产品在手机端中火爆促进了依靠入口而传播的 H5 的发展。如果设计出色，你的项目可能会在朋友圈产生病毒传播的效果。

△ 使用前端语言编译的适合手机浏览的H5界面

移动端H5尺寸

设计移动端 H5 项目的时候，我们一般以用户量较高的 iPhone6/7/8的尺寸：750x1334px为准，然后我们要在顶部预留出微信或者浏览器导航区域。主要内容区域就可以自由设计了。一般H5的操作是上下滑动。字体方面使用苹方字体，并且字号设置为24PX以上，渲染方式设置成锐利。�...

素材网站

http://51yuansu/

90sheji/sucai/12838740.html

16sucai

17sucai

97ui

500px/popular

flickr/explore

picjumbo

pexels

designerspics

socwall

unsplash

gratisography

pixabay

jaymantri

foodiesfeed

getrefe.tumblr

zoomwalls

wallpaperswide

travelcoffeebook

iconfont

字体网站

qiuziti

http://font.chinaz/

gogoup/course/30/

51poca

epinv/online

akuziti/mb

ziticq/shufa

2ilt

ui/detail/40260.html

fontke

http://51yuansu/?z=jcecxafgi

代码网站

helloweb.wang

hack 查询： browserhacks

模板下载： http://cssmoban

jquery 网站： htmleaf

灵感网站

http://zcool/

http://ui/

http://huaban/

http://thedieline/

https://behance/

http://stefanglerum/Obey-Artist-Series

http://pokedstudio/illustration.html

http://cargocollective/favorites

https://dribbble/

图库网站

复古图库： http://raumrot

风景图库： http://unsplash

黑白图库： http://magdeleine.co

美食图库： http://foodiesfeed

人物图库： http://picography.co

欧洲景观： http://lifeofpix

综合图库： http://gratisography

日系图库： https://pakutaso

京东图库： http://tokyo-date

摄影图库： http://nos.twnsnd.co

http://superfamous

http://publicdomainarchive

http://gratisography

http://picjumbo/page/5

http://jaymantri

http://picjumbo

http://imcreator/free

http://deathtothestockphoto

http://pixabay

http://publicdomainarchive

http://snapographic

http://photock.jp/category

http://tokyo-date

http://sozaing

http://pexels

博客色彩

阿里 UED ： http://aliued

网秦 UEC ： http://uec.nq

百度 MUX ： http://mux.baidu

畅游 CDC ： http://vc.changyou

腾讯 MXD ： http://mxd.tencent

腾讯 CDC ： http://cdc.tencent

腾讯 ISUX ： http://isux.tencent

应酷设计： http://blog.enqoo

腾讯游戏： http://tgideas.qq

腾讯 UED ： http://ued.qq

图月志： http://iconmoon/blog2

可乐橙： http://colachan

有一点： http://aliued

携程 UED ： http://ued.ctrip

百度 UED ： http://ued.baidu

刘津 blog ： http://blog.sina/u/1161626144

网易 UEDC ： http://uedc.163

阿里妈妈 MUX ： http://mux.alimama

叠柔配色法： http://t/RPerWhy

色彩之冷色： http://t/R7ldI6Y

色彩冷科学： http://t/R73WefN

图片取色配色： http://t/R7QMSKi

色彩设计方法： http://t/Rzag6lZ

色彩搭配思维： http://t/RzDdHde

安全配色指南： http://t/RAnjhDc

选色配色规律： http://t/RUEOYWn

扁平插画配色： http://t/RcWSMjQ

中国传统色谱： http://t/RcWSVnh

云配色： http://card.qdsay

好色度： http://haosedu

扁平化配色： http://color.koya.io/

在线渐变色： http://uigradients

日本传统色： http://nipponcolors

中国色彩宝典： http://t/RPDSJeq

日本色彩宝典： http://nicopon

抓取图片颜色： http://colorfavs

MaterialDesign 配色方案： http://t/RcWStK9

叠柔配色法： http://t/RPerWhy

色彩之冷色： http://t/R7ldI6Y

色彩冷科学： http://t/R73WefN

图片取色配色： http://t/R7QMSKi

色彩设计方法： http://t/Rzag6lZ

色彩搭配思维： http://t/RzDdHde

安全配色指南： http://t/RAnjhDc

选色配色规律： http://t/RUEOYWn

扁平插画配色： http://t/RcWSMjQ

中国传统色谱： http://t/RcWSVnh

云配色： http://card.qdsay

好色度： http://haosedu

扁平化配色： http://color.koya.io/

在线渐变色： http://uigradients

日本传统色： http://nipponcolors

中国色彩宝典： http://t/RPDSJeq

日本色彩宝典： http://nicopon

抓取图片颜色： http://colorfavs

MaterialDesign 配色方案： http://t/RcWStK9

简书： http://jianshu

知乎： https://zhihu

虎嗅： http://huxiu

36 氪： http://36kr

爱范儿： http://ifanr

威锋网： http://feng

设计趋势： http://tuyiyi/show-70

逻辑思维： http://i.youku/u/UNTEzNTY1OTgw

极客公园： http://geekpark

好奇心日报： http://qdaily

tuyiyi/hao