元素重叠再设计中的运用技巧分享(3)

来源:网络   作者:热心网友   发布时间:2016-12-27    浏览次数:739

三:网站版式的重叠设计运用。

网站不同内容版块之间的重叠设计,不仅打破常规的设计,视觉上得到提升。同时也能更好的展示需求内容信息。


01 :  增强层次感。

下面的网站是小李子电影宣传网站。设计师大胆的利用色块和主视觉人像进行重叠,不仅让文案信息在版面中节省了空间清晰的展示。而且还给整个网站视觉增加了层次感。真正做到了给用户有远有近的感觉。

 

28f85858e9f9a8012060c8de50e6.jpg


02 :  整体感增强,不被干扰。

下面网站是一家食品网站,设计师打破常规的布局,利用重叠的方式,将图片文案和背景元素进行结合,让整个网页每一个版块之间既保持了一定的节奏感间隙,又避免了彼此不同的板块之间元素过多而造成的干扰。

38565858ea2ba8012060c8a94c2a.jpg


03 : 打破常规布局  

下面的网站是一家政界人士的宣传网站,设计师采用了大量不同大小的色块和背景进行重叠搭配,每个板块之间进行巧妙的衔接,使得画面整体感增强,同时更视觉上给用户带来舒适的体验。

80bd5858ea48a801219c775e6334.jpg


下列设计也是采用了相同的设计方式。使得整个画面节省了空间,利用不同大小的色块,有效的缓解了画面的紧迫感,起到了过渡的作用。

86c35858ea5da8012060c84d62fc.jpg


04 :强化网站的品牌宣传

下面网站是一家牛排店的宣传网站。设计师如何让网站给用户传达出牛排优雅的感觉?

相同的方式,设计师同样选取了大的背景图,让板块和图片之间进行重叠搭配,使视觉上做到了极大的突破同时又能有效的给用户传达出画面强烈的氛围。

 

 

72c85858ea7ba801219c775506b3.jpg


1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/5484.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通