使用混合模式和交错排版的网页设计欣赏

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:shejidaren

关键词

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

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

图像遮罩(Image Mask)

Axteria Strategy Consultant

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

使用混合模式和交错排版的网页设计欣赏,PS教程,思缘教程网

How The Stars Align

使用混合模式和交错排版的网页设计欣赏,PS教程,思缘教程网

Sons of Gallipoli

使用混合模式和交错排版的网页设计欣赏,PS教程,思缘教程网

Greenwood Campbell: Digital Agency

使用混合模式和交错排版的网页设计欣赏,PS教程,思缘教程网

混合模式(Blending Mode)

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

Found them First

使用混合模式和交错排版的网页设计欣赏,PS教程,思缘教程网

Au service de la France

使用混合模式和交错排版的网页设计欣赏,PS教程,思缘教程网

Holm Marcher & Co.

使用混合模式和交错排版的网页设计欣赏,PS教程,思缘教程网

Viens-là

使用混合模式和交错排版的网页设计欣赏,PS教程,思缘教程网

Roman Neustädter

使用混合模式和交错排版的网页设计欣赏,PS教程,思缘教程网

交错排版(Grid Offsetting)

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

62 Models

使用混合模式和交错排版的网页设计欣赏,PS教程,思缘教程网

Do Amaral, A

使用混合模式和交错排版的网页设计欣赏,PS教程,思缘教程网

 收藏