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

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

常常听见大神说设计不需要方方正正的,这样会显得死板,,没有创意。LOW…等等,其实不然,我认为每一种元素,只要在对的环境中,去运用。相信会出现让人耳目一新的效果。

比如我们身边使用的电脑,冰箱 房屋架构等等,都离不开方形的支持。杂志中常常会让方形元素融入进文字或者图片中间,去突出或去修饰它们。随着现在技术越来发达,设计师也会将杂志中的一些元素,融入到网页设计中去。让网页设计更加有新意。

作用

下面我们就来说下方形方框在网页之中的运用

01:分割

我们已知的分割的元素,主要是线和面 ,其实方形/方框也是具有分割的作用。在设计中运用的话会让你的作品别具一格。

下面设计作品画面中出现了多个文案信息,这么多的信息集中在一个画面中,如何让它们变得有主有次呢,为了让用户清晰的阅读到每一个单独的文案信息,所有设计师加入方框的元素,利用大小对比的关系,有效的避免了内容的冲突和杂乱 。这里的设计通过加方框的元素,使画面中的文字也具有一定的强调作用。

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

这块设计也是具有相同的处理方式:

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

02:强调

如何让文字内容在众多元素里面突出。 要么弱化其他,要么强化自己,显然下面设计中为了让用户第一视觉就能看到表达的文字信息,所有设计师利用了方框的元素进行了强突出。

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

下面的海报设计,也是运用到了方框的元素,把用户的视觉焦点聚焦了起来。既强调了重要信息也不丢失画面的美感和创意。

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

 收藏