25个应用圆形元素的网页设计欣赏

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

想想看,CSS3普及以前,设计师们要用图形编辑器来创建圆形素材。并用图形文件重载服务器来上传这些素材。(译者注:css2不能实现圆形,而css3可以通过border-radius来实现一个圆形的div元素)

再者,使用圆形是一个技术活,因为它们并不总是能和谐地融入网页的整体风格。当然正因如此,设计得当的圆形元素是非常能抓住用户的眼球的。

用圆形元素进行网页设计有两种讨巧的办法:

一种是把圆形作为网页设计整个过程中的主要形状。这样的网页的主要元素,比如标志的类型,导航元素,弹出菜单,图像和其他元素,都应该是以圆形为基础设计的。

第二种方法就是避免重复使用圆形,只用一个主要的圆形元素来抓住用户的注意力。但不管使用哪种方法,设计师们都应该要时刻把网页整体的可读性,可用性和协调性放在心上。

既然提到了设计,那么下面不妨看看我们为你精心挑选的一些应用了圆形元素网页。它们都充分地利用了圆形的特点来展现页面

Circulo da Comunicacao Digital

25个应用圆形元素的网页设计欣赏,PS教程,思缘教程网

Like there is no tomorrow

25个应用圆形元素的网页设计欣赏,PS教程,思缘教程网

Janko at warp speed

25个应用圆形元素的网页设计欣赏,PS教程,思缘教程网

Stedesign

25个应用圆形元素的网页设计欣赏,PS教程,思缘教程网

Rendez Vous

25个应用圆形元素的网页设计欣赏,PS教程,思缘教程网

Zervice

25个应用圆形元素的网页设计欣赏,PS教程,思缘教程网

Rezon

25个应用圆形元素的网页设计欣赏,PS教程,思缘教程网

Ayre Hotels

25个应用圆形元素的网页设计欣赏,PS教程,思缘教程网

Kikk Festival

25个应用圆形元素的网页设计欣赏,PS教程,思缘教程网

Jet Peppers

25个应用圆形元素的网页设计欣赏,PS教程,思缘教程网

CVUT

25个应用圆形元素的网页设计欣赏,PS教程,思缘教程网

Ousback

25个应用圆形元素的网页设计欣赏,PS教程,思缘教程网

25个应用圆形元素的网页设计欣赏,PS教程,思缘教程网

 收藏