无标题文章如何让设计高大上—方框和方形元素在设计中的运用(三)

应用

之前讲到了方框元素的作用,那么我们来说说方框方形元素经常运用在哪些地方。

01:网页板块

方框方形元素,运用于网页中的各大板块,它可以将有效的网页元素进行组织,调理清晰等,那么我们来看看下面的一些案例是如何巧妙的运用方框已经方形元素。

下面是一个旅游类的网页,中间用了大面积的方形元素,利用这些方形的大小和改变长宽比例来错列排版。

使得整个网页信息分类明确,节奏感十足。


一些商城网站也融入了方形的元素,有效的管理和整合了各类商品信息。同时也利于网站适配不同端口设备展示


02:btn按钮,搜索,表单 等

下面整个网页色调明亮清新,除了渐变的背景就是内容。高饱和度的蓝色背景里有点状的世界地图作为纹理点缀,使之不显得单调。

大小错落的内容靠左对齐,下面设计师在按钮上利用了框型的元素设计了幽灵按钮,使得整个文字内容搭配更加通透。


无标题文章如何让设计高大上—方框和方形元素在设计中的运用(三)_第1张图片

03:图片

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

下面案例图片中设计师为了让多张图片进行统一协调起来,也加入了方框的元素。给用户传达了三块内容的体系关系。让原本简约而优雅的画面变得多姿多彩。


无标题文章如何让设计高大上—方框和方形元素在设计中的运用(三)_第2张图片

你可能感兴趣的:(无标题文章如何让设计高大上—方框和方形元素在设计中的运用(三))