少有人走的路！使用遮罩、混合模式和交错排版的优秀网页案例

创意是无处不在的，在 网页设计 中，若发现一些好的灵感或趋势，就尽量去尝试应用到你的项目上，把哪些枯燥的、已经烂大街的创意能少用就少用了，毕竟设计师也是要提升自我，不要为了快速完成工作就随意了事。

今天为大家整理的 网页设计 创意有图像遮罩、混合模式、交错排版，这些在 网页设计 中不常用，看起来却挺有创意的版式创作，在实际操作中难度也不高，Web设计师们都可以试试。

图像遮罩（Image Mask）

Axteria Strategy Consultant

会PS的人都懂图像遮罩怎么使用了吧？看看下面的例子，可以这么玩的，简单美观。

不懂的同学可以参考教程： 《PS新手教程！教你快速打造梦幻的美女重影图（附抠图方法》

How The Stars Align

  Sons of Gallipoli

  Greenwood Campbell: Digital Agency

混合模式（Blending Mode）

通过类似混合模式的手法，可以实现一些比较艺术（另类）的创作，使用这个应注意对色彩和创意的把握，因为很容易搞得很难看…

可以看看阿里同学总结的配色方法： 《色彩搭配速成！3个实用方法帮你全面搞定配色》

Found them First

Au service de la France

Holm Marcher & Co.

Viens-là

  Roman Neustädter

交错排版（Grid Offsetting）

关于交错排版，其实这些案例有很多，但却不好运用，所以建议大家能考多点案例，一个个尝试，下面的就是不错的例子。

想学排版，小编最推荐的教程是这个：

1. 《设计易容术！如何设计一张高品位高水准的海报？》
2. 《设计易容术！如何设计一张高品位高水准的海报（二）》
3. 《设计易容术！如何设计一张高品位高水准的海报？（三）》
4. 《大学生专属教程！4个方法帮你设计好看美观的社团海报》

62 Models

Do Amaral, A

【优设 酷站 十二连发！】

《酷站两连发！在线图片压缩神器+在线配色工具COLOURCO》
《酷站两连发！宠物小精灵专属配色网站+CSS HOVER动画收集站》
《酷站两连发！游戏配色网站+免费美女素材特供网站》
《酷站两连发！在线配色神器+英文字体推荐网站》
《酷站两连发！用代码呈现DRIBBBLE作品+16进制颜色网站》
《酷站两连发！专注无缝纹理素材站+多边形背景生成器》

原文地址： shejidaren