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

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

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

图像遮罩（Image Mask）

Axteria Strategy Consultant

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

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

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

Greenwood Campbell: Digital Agency

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

混合模式（Blending Mode）

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

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

交错排版（Grid Offsetting）

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

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

Do Amaral, A

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

【优设酷站十二连发！】

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

原文地址：shejidaren

【优设网原创文章投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量105万的人气微博@优秀网页设计，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com