30個使用CSS3技術的網(wǎng)頁設計欣賞
我們需要學習一些使用CSS來實現(xiàn)的交互,讓網(wǎng)頁更有動感,這也是未來的設計趨勢,手機網(wǎng)站、APP也是如此,把交互設計重視起來。CSS3這們技術,比如簡單的圓角、下陰影使用,然而這些只是一些基礎,讓我們一起來看下達人們設計出來的30個使用CSS3技術的網(wǎng)頁設計。
Jet Edge
一家私人航空公司,網(wǎng)站使用全屏視差切換技術,這網(wǎng)頁的圖片處理很有感覺,圖片是從左向右慢移,使用看上去像在飛行的感覺。
Quechua – Look Book Spring Summer 14
有些網(wǎng)站就是喜歡帶點動感,這個Quechua就是使用了視屏背景,視覺效果很好。
LanderApp
4N
4N高檔手表網(wǎng)站設計,不僅技術厲害,設計師的會畫也令人驚嘆啊,制作這樣一個網(wǎng)站成本一定很高了。
CanalSat Series
Forbi studio
Forbi工作室的網(wǎng)站設計,頁面上的整體排版不錯。
Sonnybono
BORN TRENDY. 一個現(xiàn)代時尚的網(wǎng)站。想制作時髦些,可以參考這個設計。
Magnus Backstedt
Torre 1961
其實網(wǎng)站首頁不一定要展示很多東西,就像torre一樣,一張產(chǎn)品圖都能有另一番韻味。
Piotr Swierkowski Portfolio
furnitures and design
一個家居設計網(wǎng)站,設計以干凈簡約為主。
VeloSport
一家自行車產(chǎn)品官網(wǎng),使用全屏的扁平化風格設計,發(fā)現(xiàn)很多有大圖的網(wǎng)站現(xiàn)在都愛加loading圖像……
BMW ConnectedDrive
在感覺這些強大的技術同時,你的網(wǎng)速一定要跟得上…… 當然如果在國內(nèi),用BGP線路也不會慢的。
瀏覽網(wǎng)站
Digital Agency
The Minute Of Silence
Lime Street
波蘭的一家小型的網(wǎng)頁設計公司網(wǎng)站。
Antico Setificio Fiorentino
一家絲綢廠的網(wǎng)站。
CHRONOS Parallax HTML Template
Sleeping Duck
一個集成購物功能的床墊品牌企業(yè)網(wǎng)站,它的購物體驗非常不錯,大家可以試下,不同于其它購物商城。
BARNYARD
TRUE
國際化內(nèi)容營銷機構: TRUE.
Benetti
PFD
Smart Slider 2 – Demo
Music is my style
Clos de la Couronne
Xbox Gift Card
Initiative Website
Social Soundscape
TheyCallMeBarry
最后
可以看出,使用CSS3技術的網(wǎng)站是非常有動感的,也是未來網(wǎng)頁設計的一大趨勢。也許也些動畫很復雜,但沒關系,我們可以從簡單的做起,比如漸隱、旋轉(zhuǎn)、左右平移、屏幕滾動后觸發(fā)動畫等等都是不是錯方案。
本文地址:http://m.likemindfilms.com/tutorial/de2012.html