如何让设计高大上—方框和方形元素在设计中的运用(三)
2016-11-22 00:00
274 查看
应用
之前讲到了方框元素的作用,那么我们来说说方框方形元素经常运用在哪些地方。
01:网页板块
方框方形元素,运用于网页中的各大板块,它可以将有效的网页元素进行组织,调理清晰等,那么我们来看看下面的一些案例是如何巧妙的运用方框已经方形元素。
下面是一个旅游类的网页,中间用了大面积的方形元素,利用这些方形的大小和改变长宽比例来错列排版。
使得整个网页信息分类明确,节奏感十足。
一些商城网站也融入了方形的元素,有效的管理和整合了各类商品信息。同时也利于网站适配不同端口设备展示
02:btn按钮,搜索,表单 等
下面整个网页色调明亮清新,除了渐变的背景就是内容。高饱和度的蓝色背景里有点状的世界地图作为纹理点缀,使之不显得单调。
大小错落的内容靠左对齐,下面设计师在按钮上利用了框型的元素设计了幽灵按钮,使得整个文字内容搭配更加通透。
03:图片
越来越多的图片,为了让他们展示的更有,告别单调。也结合了方框方形的元素。现在越来越多的方框/方形元素出现在网站图片中啦,可以说开启啦一段新的潮流。那么我们来看看这些精彩的案例。
下面案例图片中设计师为了让多张图片进行统一协调起来,也加入了方框的元素。给用户传达了三块内容的体系关系。让原本简约而优雅的画面变得多姿多彩。
之前讲到了方框元素的作用,那么我们来说说方框方形元素经常运用在哪些地方。
01:网页板块
方框方形元素,运用于网页中的各大板块,它可以将有效的网页元素进行组织,调理清晰等,那么我们来看看下面的一些案例是如何巧妙的运用方框已经方形元素。
下面是一个旅游类的网页,中间用了大面积的方形元素,利用这些方形的大小和改变长宽比例来错列排版。
使得整个网页信息分类明确,节奏感十足。
一些商城网站也融入了方形的元素,有效的管理和整合了各类商品信息。同时也利于网站适配不同端口设备展示
02:btn按钮,搜索,表单 等
下面整个网页色调明亮清新,除了渐变的背景就是内容。高饱和度的蓝色背景里有点状的世界地图作为纹理点缀,使之不显得单调。
大小错落的内容靠左对齐,下面设计师在按钮上利用了框型的元素设计了幽灵按钮,使得整个文字内容搭配更加通透。
03:图片
越来越多的图片,为了让他们展示的更有,告别单调。也结合了方框方形的元素。现在越来越多的方框/方形元素出现在网站图片中啦,可以说开启啦一段新的潮流。那么我们来看看这些精彩的案例。
下面案例图片中设计师为了让多张图片进行统一协调起来,也加入了方框的元素。给用户传达了三块内容的体系关系。让原本简约而优雅的画面变得多姿多彩。
相关文章推荐
- 如何让设计高大上—方框和方形元素在设计中的运用(五)
- 如何让设计高大上—方框和方形元素在设计中的运用(二)
- 如何让设计高大上—方框和方形元素在设计中的运用(一)
- 如何让设计高大上—方框和方形元素在设计中的运用(四)
- 如何设计一个“高大上”的 logo
- 如何掌握并在实践中自如运用设计模式
- [转] .NET领域驱动设计—看DDD是如何运用设计模式颠覆传统架构
- 如何掌握并在实践中自如运用设计模式
- 网页设计中圆形元素的运用案例分享
- .NET领域驱动设计—看DDD是如何运用设计模式颠覆传统架构
- .NET领域驱动设计—看DDD是如何运用设计模式颠覆传统架构
- [转]如何在网络游戏设计中运用经济学
- 如何掌握并在实践中自如运用设计模式
- 如何掌握并在实践中自如运用设计模式
- 如何将常见的黑盒测试用例设计方法运用到实际测试工作中?
- 设计模式分类及如何运用模式
- 53个运用办公文具元素设计的网站实例欣赏
- 如何掌握并在实践中自如运用设计模式 构架设计
- iPhone5官网剖析 看苹果公司如何用设计元素
- 表现层的设计(二)——MVC如何处理复杂的界面元素