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

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

今天为大家整理的网页设计创意有图像遮罩、混合模式、交错排版,这些在网页设计中不常用,看起来却挺有创意的版式创作,在实际操作中难度也不高,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

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

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

点赞
收藏 1
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏