想想看,CSS3普及以前,設計師們要用圖形編輯器來創建圓形素材。并用圖形文件重載服務器來上傳這些素材。(譯者注:css2不能實現圓形,而css3可以通過border-radius來實現一個圓形的div元素)
再者,使用圓形是一個技術活,因為它們并不總是能和諧地融入網頁的整體風格。當然正因如此,設計得當的圓形元素是非常能抓住用戶的眼球的。
用圓形元素進行網頁設計有兩種討巧的辦法:
一種是把圓形作為網頁設計過程中的主要形狀。這樣的網頁的主要元素,比如標志的類型,導航元素,彈出菜單,圖像和其他元素,都應該是以圓形為基礎設計的。
第二種方法就是避免重復使用圓形,只用一個主要的圓形元素來抓住用戶的注意力。但不管使用哪種方法,設計師們都應該要時刻把網頁整體的可讀性,可用性和協調性放在心上。
既然提到了設計,那么下面不妨看看我們為你精心挑選的一些應用了圓形元素網頁。它們都充分地利用了圓形的特點來展現頁面。
Circulo da Comunicacao Digital
Like there is no tomorrow
Janko at warp speed
Stedesign
Rendez Vous
Zervice
Rezon
Ayre Hotels
Kikk Festival
Jet Peppers
CVUT
Ousback
Wooddecker
Fabrizio del Gaudio
Das Pinke Zimmer
Five Tailors
Soap Media
Wildlife
Sergio Pedercini
Andefined
Duotones
London Calling
We love code
Ideematic
結語
在大多數情況下,圓形因其天生的平滑特性而不能很好地適應web頁面設計的需求。尤其是當需要創作一些粗糙,奇異,相對俗氣的素材或者需要和清晰的網格結構向融合。
不過盡管如此,圓形確實能夠在頁面里增添一種或者優雅,或者古怪的調調。另外它也不失為一種極其簡單的吸引用戶眼球的方式,能夠讓用戶自然而然地就找到設計人員希望其注意到的頁面模塊上。
不管是把圓形融入到網頁設計當中還是單純用以裝飾圖形,只要應用得當,它們總能產生正向的視覺效果。
所以嘛,現在輪到你了。跟我們聊聊在頁面設計里你覺得該怎么用圓形?你認為如今人們是否并不那么欣賞圓形的頁面元素?還是說你覺得像矩形和正方形這樣的多邊形更容易應用到設計里?
你在設計頁面的時候更傾向于使用什么形狀呢?
SDC翻茄匠:光 QQ:644509407
轉摘請注明優設網出處,謝謝各位小編。
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座:每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音(YY頻道:156982)分享實戰經驗。
設計微博:擁有粉絲量49萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓