日期:2014-05-17  浏览次数:20622 次

圆角、阴影、渐变、透明度在设计中真的很重要吗?
最近看了一些css书籍,
发现其中都花了不少篇幅讲这些东西,
大多数都是浏览器兼容问题
因此有些疑问——
这些效果在设计中真的很重要吗?
将这些效果加入到设计中的依据是什么?
有没有相关的资料请推荐一下

------解决方案--------------------
程序要好用,同时也要兼顾美观,这部分算是不用图片让界面美观的方法,节约了1-10K的图片,特别在手机上网时这部分流量流量节约就显得很重要。
------解决方案--------------------
这个是视觉效果问题。有了这些效果比起呆板的,纯色的,直角来说要好的多了。
不过由于兼容性的问题,很多时候我们都是切成图片。
关于加入到设计中的依据,这个和美学设计有关了。
------解决方案--------------------
圆角、阴影、渐变、透明度在设计中真的很重要吗?

会增加视觉体验
你看看现在最新的操作系统 界面的风格  远角 阴影 渐变 透明  全用到了
------解决方案--------------------
引用:
to 1楼、3楼:
我不是想知道这些效果是应该用css实现还是应该用图片实现
我是想知道为什么要把这些效果加入到网页设计中

ps:本人极度缺乏美学细胞,因此想知道这些效果的起源和好处,或许如2楼所说,这是美学设计的问题,也许没有标准的答案

最后呈现给用户的是网页。把这些效果加入到网页设计中是因为绝大部分用户觉得好看。
------解决方案--------------------
这个就说来话长
简单地说

人类看平面物体没有看立体感强的容易产生注意力和快速理解

而对网页来说,能否在各个元素上让用户一眼被吸引就是技术含量和网站竞争力关键了

本身那些效果难度其实不过尔尔,基础而已。那些书本喜欢抄来抄去。


------解决方案--------------------
圆角、阴影、渐变、透明度在设计中不是必不可少的,
比如,微软现在的Metro风格(Win8、WP7/8和一些网页中都可见到),
这种设计注重的是内容而非质感,就很少用到圆角、阴影、渐变、透明度,
这种设计也是很不错的。

但有了圆角、阴影、渐变、透明度,这种光与影的运用,
能够增加真实感、立体感,质感,能够吸引人。
比如Win7操作系统和iOS有很多这些设计元素。
道理对于网页来说也是如此。

圆角、阴影、渐变、透明度虽然强大,但也要合理使用。
------解决方案--------------------
只是美观,css3属性,省去PS制作图片,改由浏览器渲染。
------解决方案--------------------
用户体验问题
------解决方案--------------------
用户体验问题把,只是觉得好看一些。

这个问题就像,别人都做,就你不做,就会显得太孤立无援了。