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

给你一囗甜甜゛ 提交于 2019-12-02 20:57:37

应用

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

01网页板块

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

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

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


 

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

 

 

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

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

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

 

 

03:图片

越来越多的图片,为了让他们展示的更有,告别单调。也结合了方框方形的元素。现在越来越多的方框/方形元素出现在网站图片中啦,可以说开启啦一段新的潮流。那么我们来看看这些精彩的案例。
下面案例图片中设计师为了让多张图片进行统一协调起来,也加入了方框的元素。给用户传达了三块内容的体系关系。让原本简约而优雅的画面变得多姿多彩。

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!