黑白灰的经典配色是永恒不变的教父级色彩，也是含蓄内秀的典范。今天@飞屋睿UIdesign挑选了13个优雅的黑白灰配色网站，同学们也可以拿来作为网页设计时色系风格的参考 >>>

@飞屋睿UIdesign ：在经典配色中，可能每个人都不会否认黑白灰的永恒魅力。虽然人们总是想“outstanding”，眼球抢夺，注意吸引……但想要把用户永远留住，除了第一印象，更多需要日后方方面面的细节。况且在我们的身边已经太多色彩大爆炸了，我们颜色识别系统也许到了某一峰值，总也想要有停下运转的时刻。这时，黑白灰的配色就从一大堆颜色中尤为突出，甚至能让人心恢复平静，这也是这两年开始盛行极简风格的原因。

编者按：福尔摩斯说猜是不好的习惯，视觉设计的同学们平时习惯了让感性带动设计，可能还没看过今天这类设计文。这篇由@百度MUX 集结整个团队，历时3个季度总结的2015年趋势预测，行文科学严谨，有理有序，对加深对界面设计的理解非常有帮助 >>>

【今年人气最高的资源+教程，同学你不看一眼么？】 >>> 《年度颁奖盛典！2014年的设计资源大盘点》

视觉设计是一门随着时代发展与社会变迁，随着人类认知提升与生活环境变化，而不断进化的专业学科，无论是从小众喜好走上大众审美，还是从零星的创意苗头转为流行趋势，它都代表了一个时期人们审美取向与内心述求。与此同时伴随着城市生活节奏加快、人们生活方式日新月异，如今的优秀设计不仅要具备产品使用的功能性，更要符合未来人群的生活方式和潜在审美需求。而作为设计师需要具备敏锐的洞察力与捕捉趋势的能力，充分消化和理解潮流设计元素，不断汲取其中的精华养分，历练实践转化与效果表达的掌控力，才能具备更加开阔的视野、独到的品味和充满灵性的设计感觉。

用户体验设计的精髓，在于恰到好处的设计出最合适的用户场景体验，而这种体验是不知不觉给予用户同时能让用户在触点的那个瞬间怦然心动，那如何让用户心动呢？阿里同学专门组建了一个团队来研究这方面，现在初步方法有了，来学 >>>

古人云：“动人心者，莫先乎情。”，同样的我们从约翰.奈斯比特的语言中窥见：”无论何处都需要高补偿的情感，社会中高技术的越多，我们就越渴望高情感的环境，用设计软性的一面来平衡技术硬的一面。设计作为人的创造性活动，不是摒除激情或者情感，而是要创造一种中性的、能容纳和激起使用者情感的东西，这种东西是一种境界。”

在这篇教程中，我们将看看如何使用一个免费的Web应用程序IcoMoon将矢量图转换成Web字体。然后在看看如何使用生成的字体通过css应用到Web页面中。

使用字体图标的优势

字体图标除了图像清晰度之外，比位图还有哪些优势呢。

适用性：一个图标字体比一系列的图像（特别是在Retina屏中使用双倍大小的图像）要小。一旦图标字体加载了，你的图标就会马上渲染出来，不需要下载一个图像。

可扩展性：图标字体可以用过font-size属性设置其任何大小。这使您能够随时输出不同大小的图标，然而，使用位图，你必须得为每个不同大小的图像输出一个不同文件。

多数时候，我们在网页中看到的地图，都是用百度/谷歌地图来显示公司、机构或者店铺的地理位置。然而，地图在网页中的使用真的就只能这么单调么？

加入一点想象力，添加一些技术支持，你会发现地图可以让整个网页的逼格拔高不止一个层次！

将原始的、额外加入的地图元素转化成极具吸引力和视觉冲击力的组成部分，需要进行相当程度的调整，加入和互动元素：微妙的动效、基于多媒体的工具、动态指针、扁平化的风格、Lowpoly风的插画、现代风的线条图标，甚至是略显古怪的草图也能让地图焕发出生命力。

法国是个时尚而浪漫的国度，文化和艺术的殿堂。在这样的沃土之上，现代文明和传统经典碰撞之下，法国的设计师对于艺术和设计有着独到的见解，多元的文化孕育出了参差多态的设计作品。毫无疑问，你可以这些无与伦比的法国设计师的网页中获取灵感，汲取养分。

法国设计师和艺术家的创意思维有着他们独特的文化根源。回溯法国的历史，从早期的凯尔特文化，到罗马帝国时代，从中世纪一路到现代，每一个阶段都有着璀璨的文化。中世纪有梅罗文加王朝的艺术，加洛林艺术，文艺复兴时期的也有巴洛克、洛可可、古典主义和新古典主义，近现代的印象派、后印象派、波普艺术和超现实主义更是耳熟能详。这些层层叠叠的丰富文化遗产滋润着这里的设计师，不论是繁复华丽还是迷幻离奇，都有迹可循。

大家都知道”细节决定成败”这句名言不仅在其他行业非常重要，而在页面设计当中更是颠扑不破的真理。需求的眼睛和感觉总是非常敏锐的，对于一个页面没有得到需求方的认可，但是他们又说不出什么理由，这个时候就是细节问题了。一个页面的细节到位才能充分体现出页面的品质。一个优秀的作品与卓越的作品相比差距就在于细节的把控。

“色彩，这是一种多么深刻而神秘的语言啊！”的确，不同的色调能够调动不同的情绪和反映，能够影响用户对于品牌的感知。简单说来，色彩可以造就不同的设计。与此同时，研究表明，色彩能够强化品牌认知度（高达80%），加深用户印象，让品牌的设计和文本在同类中脱颖而出。

幸运的是，我们的早已远离可选色彩匮乏的年代。技术的革新使得人们选取色彩不再受到天然色素的限制，合成色素与屏幕的出现让色彩和我们的生活越来越紧密，也使得选取和决定所需考虑的因素更加复杂。正是因为色彩的极大丰富，配色方案的选取的确越来越麻烦了。Colourlovers 社区已经为近800万种进行了命名，不过依然有超过1600种色彩在后面正排队等候。

听起来是不是有点不堪重负的意思？别担心，听听来自Creative Market社区的设计师的建议吧，他们会告诉你关于色彩选取的最佳技巧，让你也可以轻松挑选最佳的色彩组合。

编者按：今天给同学们安利一款在线神器，是优设长期合作后期高手@他山之眼 同学联合他人开发的泼辣修图，简直就是移动军火库，打开网页就能体验到Lr一样的专业图像处理体验，无论是救急，还是长期使用，都值得收藏起来 >>>

有没有观察过你喜欢的插画师们未完成的作品？仔细观察，你会发现他们非常着迷于调整贝塞尔曲线的手柄（也就是钢笔工具画出来的曲线啦~），并且力图让调整曲线的手柄尽量水平或者垂直。为什么呢？

我想通过这个教程，为力图探寻此道的设计师们打开一扇门，指引方向。当然，首先你熟练使用AI和PS中的钢笔工具才行。

指导最近我才开始探寻这些操作的意义，并且力图去发觉插画师们为着迷于此。事实证明，让手柄保持水平和垂直可以为调整曲线省下一大堆的时间和精力。