CSS Shapes:Web设计人员的新工具

2013-08-30 13:00 来源:电子信息网 作者:和静

如果说最近的扁平化设计趋势已经证明了某些事情,可是当谈到整合的时候,它又不可否认的限制了Web设计人员的创造力。现在我们不需要再为斜面、梯度和光泽度而感到心烦意乱了,因为,Web设计人员可以围绕一个结构来构建他们的设计,那就是——矩形。

当然啦,整合成矩形组的方法有很多,可是当考虑命令类型和设计不同解决方案的时候,布局选项看起来明显有限。

我们都知道,并不是所有的角落都有角度,也并不是所有的线条都是直线。事实上,上世纪出现的一些激动人心的网格设计就已经脱离了弧和角度的局限,同时给人们的生活带来了紧张、戏剧和兴奋的热潮。在印刷设计领域有一个简单的命题:在InDesign里打开一个文档,在此阶段选择椭圆形工具并画一个圆,接着选择文字工具并点击这个圆,现在把它粘贴在text里;现在试着在CSS里做同样的事情,继续做...

的确,在一个网页上有更多的方法可以画一个圆,但是如果你将text浮动在所画的圆的周围,你就会发现它并不是一个真正的圆;它的边界框仍然是矩形。要想创建一个浮动到曲线的text的不二选择就是在每条线的开端插入空格,在这条线的末端断开,人为压缩text。

针对上述问题,W3C正在开发CSS Shapes。6月20日发布其首次公开工作草案——CSS Shapes Module Level 1,详细介绍了非矩形形状的使用,和与之相关的盒型模式和浮动能力。目前正在进行的工作拟定添加形状矩形、插图矩形、圆、椭圆和多边形到CSS里。

最初的目的只是希望文本内容能够在形状周围浮动,为了达到这个目的,不得不使用shape-outside属性,就像:

1

1 2 > 
CSS Shapes Web设计

相关阅读

暂无数据

一周热门