网页设计中如何运用方框/方形元素?(5)

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词
03:图片

越来越多的图片,为了让他们展示的更有,告别单调。也结合了方框方形的元素。现在越来越多的方框/方形元素出现在网站图片中啦,可以说开启啦一段新的潮流。那么我们来看看这些精彩的案例。

下面案例是一个标准的图文结合的设计案例,设计师为了让图片和文案左右两边的视觉平衡,于是加入了方框/方形的元素与图片进行结合。瞬间整个画面变的富有设计感起来了。

网页设计中如何运用方框/方形元素?

下面案例图片中设计师为了让多张图片进行统一 协调起来,也加入了方框的元素。

给用户传达了三块内容的体系关系。让原本简约而优雅的画面变得多姿多彩。

网页设计中如何运用方框/方形元素?

一个人物如何简单的让他在平面中变得有立体感?下面案例设计师采用了框型的元素,于人物结合起来,让原本没有空间感,头重脚轻点男士,变得稳重而富有层次,同时也抓住了用户的视觉。让原本平淡的页面变得富有创意。

网页设计中如何运用方框/方形元素?

04:文字

复杂的文案排版起来单调,过于平淡,无层次感?哪么我们来看看方框/方形是如何解决这些问题的。

下面案例中,设计师在这段文案进行设计排版的时候,如果在uimaker.com/uimakerdown/">素材有限的情况下不能放图片,如何才能让它们变得富有设计感,左右平衡呢?于是设计师再左边的文字与方框元素结合起来。轻松的解决了这个问题。

网页设计中如何运用方框/方形元素?

下面案例中,设计师如何巧妙的利用方形元素,将banner 和内容两块链接,原本应该放置在banner 上的文字,也被放在了方形色块上,不但在传统的版式架构上得以突破,而且引导了用户从上而下的阅读信息。

网页设计中如何运用方框/方形元素?

下面案例中,banner中的文案只有一句话,搭配其他产品。设计师利用方框元素,将分散的文字变成了整体,所以使得瓶子靠在文字上,更实,更安全,稳定。使得文案 产品两者完美结合。

网页设计中如何运用方框/方形元素?

下面案例中,设计师利用方框元素,设计成一个图形与文字进行结合起来。让整个文字的疏密对比性加强,即使没有图片也能 瞬间提升整个画面的创意。

网页设计中如何运用方框/方形元素?

文字这一块就不多讲啦,还有很多的运用,等待你们去发现。

 收藏