谁能推荐一些有关于网站美工设计方面的书籍或者素材网站

做网站美工这行，光靠学校里教的那点Dreamweaver和Photoshop皮毛远远不够。翻遍了几十个论坛帖子，也踩过不少坑，最后真正留在手边反复翻的也就那几本书，常逛的素材站也就固定几个。今天不整虚的，把压箱底的东西拿出来聊聊。

书这方面，《写给大家看的设计书》是绕不开的起点。作者Robin Williams把复杂的设计原理浓缩成四个词：对比、重复、对齐、亲密性。别看书名听着像大众读物，可就是这么薄薄一本，比大学四年学的排版知识都管用。记得刚入行那会儿做出来的页面总感觉“缺了点什么”，后来对照书里讲的亲密性原则，发现就是间距和分组出了问题，调整之后整个页面瞬间就干净了。

要往深处走，《CSS禅意花园》是不可多得的经典，虽然里面的代码已经有些年头，但思路完全不过时。这本书真正的价值在于让你看到同一个HTML结构，靠不同CSS能玩出一百多种完全不同的视觉花样。现在很多教程只教你工具怎么点，却很少引导你想“还能做成什么样”，这本书就补上了这一块。

做美工躲不开配色这道坎，推荐看《配色设计原理》。这书的编排方式和国内教材不一样，没有一上来就砸一堆色轮术语，反而是用大量的正反案例做对比——左边是不协调的配色，右边是改造后的效果，下面标着具体色号。对实际工作特别友好。至于网页里的文字排版，《字体故事》算是个冷门宝藏，西文衬线体和无衬线体的前世今生讲得妙趣横生，看完之后再选字体会比从前多一分讲究。

素材网站这一块，现在搜出来的推荐都是堆砌一串域名，整理得干巴巴的。我自己真正用下来、离不开的其实没那么多。

首推的是Dribbble和Behance这两个设计社区，特别是Behance，作品大图清晰度高，而且很多设计师会把设计思路拆解成草图一并放上来，这个含金量一般的地方比不了。Dribbble偏重“小亮点”和交互细节，比如一个很酷的按钮一个新颖的加载动效，逛逛能激发不少灵感。

搜免费图片，国内很多人一股脑推Unsplash、Pexels这些英文站，搜中国风相关的图却是硬伤。后来发现了“泼辣有图”这个小众图库，里面全是摄影爱好者主动授权免费使用的原创图，画面质感很到位，尤其中国城市和人文题材的照片特别对味。另一家叫“别样网”的，也不用担心版权纠纷，做商业项目时候用得踏实。

图标素材上，最常逛的是Iconfont——阿里巴巴矢量图标库。这站拥有超过千万个图标，直接用AI或Sketch打开就能改色改大小，没有一丁点版权坑。还有一个Hidden好站叫“Storyset”，提供可编辑的插画场景，人物动作、背景元素都能拖动调节，想做个带插画的引导页或者404页面，从这里下手效率翻倍。

字体这块容易忽略却最看出功底。除了大家熟知的站酷字体和思源黑体，设计感强一点的可以去“字体传奇”网站看看，字魂、汉仪字库这些有免费商用区的字也够用了。真要给客户提案专用的展示型标题，去“识字体网”上传图片就能AI识别出字体来源，省去了茫茫字体库里大海捞针的辛苦。

再说两个老设计师舍不得外传的小工具站。一个是Coolors，专门搞配色方案的，一键空格就能刷出五色配色，还能锁定某个主色随机生成剩下的搭配色，在定主色调时依赖性强。另一个是Noise & Gradient，可以一键生成带颗粒质感的渐变背景，现在很多大厂官网那种磨砂渐变感，就是从这类工具做的，比起自己拿滤镜一点一点试要省力得多。

说到底，书籍和网站都是兵器，美工思路才是内功。书挑两三本精读就够，素材站东逛西逛不如把一两个常驻的摸得透透的。最好的方式还是带着项目去搜去学，手头正好要做个美食类网站，就去Behance上看美食类设计高手的手法，去Iconfont里找与餐饮相关的图标，这个过程比枯坐一天空想强得多。做美工这行就是多看、多做、再复盘，日拱一卒，用不了半年回头再看自己的作品集，会发现进步大得连自己都吃惊。