方框方形元素，经常运用于网页设计中的各大板块，它们能够有效的将网页中的元素组织的整洁，调理清晰等，那么我门来看看下面一些案例是如何巧妙的运用方框以及方形元素。这是一个旅行网页。整个网站用了大面积的方形元素，利用这些方形的大小和改变长宽比例来错列排版。使得整个网页信息分类明确，节奏感十足。

　　2 、btn按钮，搜索，表单等设计

　　网页中常见的按钮，其实近几年开始流行的幽灵按钮(透明按钮)就是大量借鉴了方框元素，当然实心按钮也采用了方形元素。下面我们来看下运用了这些元素的案列。

　　下面整个网页色调明亮清新，除了渐变的背景就是内容。高饱和度的蓝色背景里有点状的世界地图作为纹理点缀，使之不显得单调。大小错落的内容靠左对齐，下面设计师在按钮上利用了框型的元素设计了幽灵按钮，使得整个文字内容搭配更加通透。

　　下面网站是利用了方型/方框的元素，来设计了 表单和搜索框部分，表单部分让原本复杂相互干扰的文案信息变得调理清晰，画面简洁。搜索框部分视觉强化，引导用户进行网站搜索获取内容。

　　3、网站图片设计

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

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

　　4、网站文字设计

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

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

　　5 、Vi logo

　　方框方形的元素如果放在vi中结合，是不是很有趣。

　　以下是1+手机的logo ，logo本身就是简约。通过结合了方框的一部分，通过两边的线条将用户的视觉引导至+的图形上去，即使在不了解这个品牌的用户也能够快速的阅读了解这是1+(这是我个人的见解。)搭配整个画面，大量的留白，左上-右下的视觉定律，让画面变得简约而不简单。

　　还有更多方形网页设计成功案例，需要的亲们来巅云建站网站设计公司了解，真正的设计从这里开始...