如果說最近的扁平化設計趨勢已經證明了某些事情,可是當談到整合的時候,它又不可否認的限制了Web設計人員的創造力。現在我們不需要再為斜面、梯度和光澤度而感到心煩意亂了,因為,Web設計人員可以圍繞一個結構來構建他們的設計,那就是——矩形。
當然啦,整合成矩形組的方法有很多,可是當考慮命令類型和設計不同解決方案的時候,布局選項看起來明顯有限。
我們都知道,并不是所有的角落都有角度,也并不是所有的線條都是直線。事實上,上世紀出現的一些激動人心的網格設計就已經脫離了弧和角度的局限,同時給人們的生活帶來了緊張、戲劇和興奮的熱潮。在印刷設計領域有一個簡單的命題:在InDesign里打開一個文檔,在此階段選擇橢圓形工具并畫一個圓,接著選擇文字工具并點擊這個圓,現在把它粘貼在text里;現在試著在CSS里做同樣的事情,繼續做...
的確,在一個網頁上有更多的方法可以畫一個圓,但是如果你將text浮動在所畫的圓的周圍,你就會發現它并不是一個真正的圓;它的邊界框仍然是矩形。要想創建一個浮動到曲線的text的不二選擇就是在每條線的開端插入空格,在這條線的末端斷開,人為壓縮text。
針對上述問題,W3C正在開發CSS Shapes。6月20日發布其首次公開工作草案——CSS Shapes Module Level 1,詳細介紹了非矩形形狀的使用,和與之相關的盒型模式和浮動能力。目前正在進行的工作擬定添加形狀矩形、插圖矩形、圓、橢圓和多邊形到CSS里。
最初的目的只是希望文本內容能夠在形狀周圍浮動,為了達到這個目的,不得不使用shape-outside屬性,就像: