圆,是一个高雅的形状,但在高雅的同时好像还携带一种神秘的格调。也正由于圆形元素拥有这种与生俱来的特质,所以在与其他元素合作时,一旦设计师在处置上有所偏差,视觉上就会感到格格不入。
圆形元素在网站制作中的用法频率愈加高,成效却并不都让人认可。大家找到一些可圈可点的用法案例,供大伙从中汲取想法。
1.大家都知道,圆形元素假如使用方法不对会变得和突兀,甚至影响到整个页面的视觉舒适度,特别是在简单的环境下,一个面积较大的圆形元素会让页面环境变得非常尴尬。案例所示的正是如此的情景,但不一样的是,圆形的水印成效让原本尴尬的氛围完全转变了。
2.圆形元素借助在网站导航上是相对比较少见的,而Bronco的网站实践了这一想法。圆形元素是一种非常抢视线的形状,这既是优点也是缺点。页面中的彩色小方块无疑会在第一时间抢占浏览者的眼球,而导航作为网页首屏中非常重要的一个组成部分,主要用途在于引导用户,也非常需要让用户尽快发现,圆形元素成了最佳选择。
3.这个网站用了比较多的圆形元素,从logo到按钮再到图标,圆形设计无处不在。尽管出现频率非常高,但整个页面看着却毫不拖沓,还增强了网页的设计感,其中是什么原因不能离开周围的环境原因与圆形自己的搭配。滤镜成效、几何元素与圆形幽灵设计合适合,让网页呈现了一种文静感。
4. 极简页面对于视觉重点的需要并非非常强烈,非常重要的是借助圆形元素在维持页面美观和平衡的同时体现页面重点。这里所说的“平衡”包括了不少细节方面,譬如圆形的大小,线型的粗细,色彩等等。
5.Jarad Johnson的网站用圆形元素把页面的条理性变得非常强。非常有力的提高了网页的可读性和协调性。
6.Olive在纹理背景的设计上处置的非常适合。若是密密麻麻的圆圈必然会让大部分人不想再看第二眼;若是相间和稀疏的排列方法又会看上去和单调无趣,而Olive这种错落的无规则排列满足了用户的视觉体验,减轻了圆形中过于平滑的那一部分。
7.这个案例非常不错的证明了圆形与其他形状的独一无二。页面中集结了各类型型的几何形状图案,而大家第一眼看到的是右上角的圆形元素,这和形状本身与它的颜色都有着非常大的关系。
8.黑白纹理总能给大家一种经典的时髦感,Azukisoft的网站正是这样。线性的纹理背景和黑色的圆形色块互相搭配,为网站打造出一种别样的神秘感,引起用户的浏览兴趣,吸引用户点击。
9.简单的页面一直让人捉摸不透。设想一下,假设页面中没顶部的黑色圆形色块,整个网页是否会看着过于单薄,了无生趣?这个页面的色调中性偏冷,因此,假如缺少了吸引人的圆形色块,页面会变得太轻。
10.直接把圆形元素堆在页面上或许会叫人感觉有点偷懒,那样,像Fannabee的网站一样,将圆形元素演变成大家都熟知的物品,是否让画面更有亲切感呢?
只须设计师学会一些基本的用法特征,圆形元素就能被成功驾驭。譬如网页在布局上可以选择比较整齐的网格布局方法;又或是让页面变得极简,维持肯定面积的留白等。
网页名字浅谈圆形元素在网站制作中的巧妙运用