CSS3 技術?

不確定你可以利用CSS3嗎？再想想。網(wǎng)絡先鋒如Andy Clarke 和 Jeremy Keith一直提倡網(wǎng)頁設計要“逐步加強”。

逐步增強是指在網(wǎng)站設計師時要兼顧到舊版瀏覽器的可用性，而“增強”則是針對喜歡最新技術的用戶。

在這樣的設計陣營，你利用可以盡情利用CSS3屬性的優(yōu)勢，如圓角，邊框背景和文本框陰影。新版瀏覽器用戶會看到一個很好的版本，并且對舊版本用戶（ IE6同學，我就不每次都點名了）將看到較為基本的版本。

CSS3 動畫?
在網(wǎng)絡上動畫經(jīng)歷了很多階段。起初，我們只能用GIF動畫圖片。然后，我們又幾乎限于Flash。現(xiàn)在，我們可以選擇的有Flash，Silverlight，以及GIF，JavaScript和甚至乎CSS3。CSS3更輕量，更易用，可創(chuàng)造令人難忘的微妙的動畫。




???圓角?
在2005年和2006年的Web 2.0風格，使得圓角大受歡迎，惱人的問題是，在當時要實現(xiàn)這些可不容易。有沒有固定可行的方法來建立真正的圓角。退而求其次的，大多都是利用CSS，JavaScript和圖像來模擬。

現(xiàn)在CSS3允許瀏覽器直接生成圓角，不僅創(chuàng)建輕松，而且更有效率，因為用戶不必下載額外的圖片或JavaScript文件。

2010年，設計師正越來越多地利用瀏覽器的這些新功能優(yōu)勢。




圖框和文本陰影?
在網(wǎng)絡的早期，利用陰影創(chuàng)造一種立體感是早已有之（甚至有時是用過頭了）。但其實并不總是那么好搞的，要給文本添加陰影，你得使用的圖片，從而增加加載時間，并且維護更加困難。框架陰影需要一些圖片和CSS技巧，如“滑動門”。

CSS3具有陰影高度可定制的能力，這對于創(chuàng)新影響十分巨大，不僅包括陰影，還有內(nèi)陰影。有創(chuàng)意設計師已經(jīng)開始使用這些CSS3效果，模擬浮雕和壓印的效果。








RGBa和半透明?
多年來，使用不透明性和透明度，在網(wǎng)絡上技術上是不可能的。你有三種選擇：使用平面圖像模擬的透明度，使用不能跨瀏覽器兼容的PNG格式，或者去折騰CSS基本的透明選擇器和濾鏡。

CSS3使得設計師在使用RGBa不透明屬性時，更加穩(wěn)定和自由。你可以在很多方面利用半透明的優(yōu)點，其中之一就是使用半透明的顏色疊加到復雜背景時起到特別作用。之前，這種效果如果沒有使用PNG是不切實際，也是不可能達到的。
???





手機兼容設計?
移動網(wǎng)絡讓成千上萬的用戶在排隊等候（無事可做）時能夠檢查他們的銀行帳戶，在地鐵里可以查看最新分數(shù)，在開車時更新自己的Twitter的情況（這是一個危險的習慣？），移動網(wǎng)絡正在茁壯成長。

據(jù)我們所知，很多公司都都在考慮他們的網(wǎng)站是否要加入移動網(wǎng)絡，如果是的話又會怎么樣。而創(chuàng)新公司則已經(jīng)投入巨資在開發(fā)高效的用戶友好的移動版本網(wǎng)站。






???創(chuàng)新?
社交媒體使用率的爆炸性增長證明，人們對連接和共享東西總是熱情有加的。

在設計領域，我們已經(jīng)看瀏覽和分享別人作品的趨勢正在增長。作為設計師，現(xiàn)在我們感受著別人創(chuàng)造力的沖擊。這不僅提高了設計質(zhì)量的標準，還鼓勵了共享精神，也促進了創(chuàng)造力和創(chuàng)新文化理念。
清新的插畫?
如果你像我一樣，看著迪斯尼電影長大，你會欣賞動畫里面每一幀的效果。我們早已淡忘了墨水和馬克筆畫插畫的日子，工具的演變產(chǎn)生了一些非常有創(chuàng)意的方法去實現(xiàn)設計。

很多設計師正在學習使用光滑，干爽，清晰的插圖創(chuàng)建一個獨特的感覺，這不是攝影或簡單的剪貼畫可以達到的。結果是出現(xiàn)了很多美麗動人富有吸引力的專業(yè)插畫設計。






紋理背景?
紋理圖案背景在網(wǎng)絡上沒有什么新鮮的。但是，最近幾個月這種技術已經(jīng)出現(xiàn)了有趣的變化。我指的是“微型紋理”， 是微妙的，幾乎不明顯的背景紋理。






縮略圖?
你可能會說，“縮略圖從網(wǎng)絡出世那天早就有了。怎樣么會是趨勢呢？”是的，它們一直被使用，但普遍很簡單。有一個縮略圖，點擊一下就可以看得更大的圖片。需要的功能就是這樣，不過很無聊。

在最近幾個月，設計師們開始探討，“怎樣才能使縮略圖更精彩？”這些探討導致了縮略圖在智能和可用性方面大大增強。










水彩效果?
隨著網(wǎng)絡的發(fā)展，我們看到越來越多的設計師正從各種媒體來源獲取靈感。毫不奇怪，藝術就是來源于此。

最近出現(xiàn)風格之一是模擬水彩。這種輕柔優(yōu)雅風格看起來總是那么清晰和平靜。






手寫?
手寫字體和草稿字體一直濫用得很厲害。基于這個原因，許多設計師避開這兩種類型，出于厭惡或者因為看起來很業(yè)余的感覺。不過最近，許多設計師都發(fā)現(xiàn)，如果使用得當，手寫風格可以傳達手工藝和策劃的意識。在結合上下文環(huán)境使用，會是一個功能強大的表達方式。








社交媒體?
現(xiàn)在人們在Facebook和Google上花更多的時間，設計師正用創(chuàng)新的方法來把社交媒體整合到網(wǎng)站上。

有些設計師竟然在社交媒體網(wǎng)絡上發(fā)布內(nèi)容，然后利用他們的網(wǎng)站聚合。

可以很有把握的說隨著2010年的進一步發(fā)展，我們將看到更多的設計師創(chuàng)造性地整合社交媒體到網(wǎng)站，以更好的吸引用戶。




固定元素?
現(xiàn)在，瀏覽器可以更好地支持元素position: fixed屬性，我們看到這個屬性的一些巧用。

很多情況下，固定的元素（如固定不動的導航條）可以為目標客戶更好服務，網(wǎng)站也更加實用。

固定元素令人難忘且增強用戶體驗，有無數(shù)的創(chuàng)意用途，我們將會看到設計師利用這些優(yōu)點。







那些流行趨勢是你在追隨的？還有其他什么樣的新興的趨勢？歡迎討論?

總結

以上是生活随笔為你收集整理的2012网页设计趋势(下)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。