推荐!25个应用圆形元素的网页设计

开发
想想看,CSS3普及以前,设计师们要用图形编辑器来创建圆形素材。并用图形文件重载服务器来上传这些素材。(译者注:css2不能实现圆形,而css3可以通过border-radius来实现一个圆形的div元素)再者,使用圆形是一个技术活,因为它们并不总是能和谐地融入网页的整体风格。当然正因如此,设计得当的圆形元素是非常能抓住用户的眼球的。

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

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

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

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

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

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

Circulo da Comunicacao Digital

Circulo da Comunicacao Digital

Like there is no tomorrow

Like there is no tomorrow

Janko at warp speed

Janko at warp speed

Stedesign

Stedesign

Rendez Vous

Rendez Vous

Zervice

Zervice

#p#

Rezon

Rezon

Ayre Hotels

Ayre Hotels

Kikk Festival

Kikk Festival

Jet Peppers

Jet Peppers

CVUT

CVUT

Ousback

Ousback
Fannabee

Wooddecker

Wooddecker

#p#

Fabrizio del Gaudio

Fabrizio del Gaudio

Das Pinke Zimmer

Das Pinke Zimmer

Five Tailors

Five Tailors

Soap Media

Soap Media

Wildlife

Wildlife

Sergio Pedercini

Sergio Pedercini

Andefined

Andefined

Duotones

Duotones

#p#

London Calling


London Calling

We love code

We love code

Ideematic

Ideematic

结语

在大多数情况下,圆形因其天生的平滑特性而不能很好地适应web页面设计的需求。尤其是当需要创作一些粗糙,奇异,相对俗气的素材或者需要和清晰的网格结构向融合。

不过尽管如此,圆形确实能够在页面里增添一种或者优雅,或者古怪的调调。另外它也不失为一种极其简单的吸引用户眼球的方式,能够让用户自然而然地就找到设计人员希望其注意到的页面模块上。

不管是把圆形融入到网页设计当中还是单纯用以装饰图形,只要应用得当,它们总能产生正向的视觉效果。

所以嘛,现在轮到你了。跟我们聊聊在页面设计里你觉得该怎么用圆形?你认为如今人们是否并不那么欣赏圆形的页面元素?还是说你觉得像矩形和正方形这样的多边形更容易应用到设计里?

你在设计页面的时候更倾向于使用什么形状呢?

原文链接:

责任编辑:陈四芳 来源: in 酷站
相关推荐

2011-01-25 12:35:37

Web表单

2013-01-14 10:02:10

UI设计设计元素Metro

2015-03-11 10:00:47

响应式网页网页设计设计建议

2012-03-15 10:04:06

移动web

2020-04-26 08:22:53

前端网站工具代码

2011-01-25 14:50:50

Chrome扩展

2021-08-02 09:00:00

DevOps工具开发

2013-03-01 10:42:21

响应式Web

2013-03-20 09:40:46

HTMLCSS工具

2010-12-13 10:36:45

CSS表格

2020-07-01 09:58:42

Java 编程语言开发

2011-05-30 10:24:34

网页设计

2015-08-06 14:26:33

扁平化设计

2011-10-09 16:53:44

移动应用开发框架

2013-08-26 16:23:13

iOS应用标题移动应用标题常用单词移动应用推广

2012-09-10 10:59:49

网页设计jQueryCSS

2009-12-07 19:48:10

PHP单元素设计模式

2020-03-27 09:20:00

单页应用程序网页设计SPAs

2012-08-03 09:09:59

网页设计设计

2013-08-27 14:03:33

Web设计设计字体
点赞
收藏

51CTO技术栈公众号