亚洲另类97色波,四季久久免费一区二区三区四区,丰满蜜桃精品视频网,国产在线观看无码九色8X视频亚洲中文字幕久久精品无码喷水_国产精品无码一区二区

首頁

html5動(dòng)效系列二十一:CSS3 3D旋轉(zhuǎn)下拉菜單

藍(lán)藍(lán)設(shè)計(jì)的小編

這是一款帶有3D動(dòng)畫的CSS3菜單,該菜單有以下幾個(gè)特點(diǎn):首先是菜單時(shí)基于CSS3的,因此瀏覽器兼容性都還可以;其次這款菜單支持二級(jí)下拉菜單,功能上也基本能滿足大部分開發(fā)者;最后這款菜單最大的亮點(diǎn)在于展開下拉菜單時(shí),子菜單可以旋轉(zhuǎn)的展開和收縮,給人3D的視覺效果。

華為設(shè)計(jì)總監(jiān)為您講述產(chǎn)品的設(shè)計(jì)邏輯

藍(lán)藍(lán)設(shè)計(jì)的小編

老婆說,和我結(jié)婚兩年了,才大概知道交互設(shè)計(jì)是做什么的。(我還經(jīng)常給她講我在做什么設(shè)計(jì))

老爸前幾周把我介紹給他朋友,說我是做人機(jī)智能的。(HCI和AI還是有點(diǎn)遠(yuǎn)好吧lol)

所以,對(duì)家人和朋友,做設(shè)計(jì)的人經(jīng)常講不清楚自己是干什么的?!?

以前雅虎的老大說過一句話:

When I worked at Apple, I remember the panic Steve Jobs inspired simply by walking the halls & asking "What are you working on?"

也是這個(gè)意思,其實(shí)很多人不能用一句話講清楚自己是做什么的,價(jià)值是什么。

我覺得設(shè)計(jì)師一定要在這個(gè)點(diǎn)上沒有問題,因?yàn)楹?jiǎn)短的語言歸納能力對(duì)設(shè)計(jì)師太重要了。

我之前寫過一些設(shè)計(jì)準(zhǔn)則、設(shè)計(jì)思辨的文章,很多朋友問我,有點(diǎn)復(fù)雜,有點(diǎn)專業(yè),能否簡(jiǎn)單明白地說一下。的確,對(duì)于設(shè)計(jì)師本來的圈子來說,這些思路可能不是難題;但是對(duì)于設(shè)計(jì)師面對(duì)的廣大群體來說,很多設(shè)計(jì)的話題需要有一種更簡(jiǎn)單的說話方式來概括。

試想下這樣的場(chǎng)景:

一個(gè)技術(shù)人員問:這個(gè)產(chǎn)品為什么要做專家訪談?

一個(gè)市場(chǎng)營(yíng)銷人員問:設(shè)計(jì)中的品牌性到底如何體現(xiàn)?

一個(gè)朋友問:你明明是理工科畢業(yè),不是學(xué)美術(shù)的,為啥要做設(shè)計(jì)?

一個(gè)業(yè)務(wù)線領(lǐng)導(dǎo)問:這個(gè)產(chǎn)品設(shè)計(jì)的統(tǒng)一性做的如何?哪兒有問題?

一個(gè)產(chǎn)品經(jīng)理問:老聽你說Affordance,到底是什么意思?

html5動(dòng)效系列二十:HTML5 SVG世界地圖 地圖可拖拽和縮放

藍(lán)藍(lán)設(shè)計(jì)的小編

前我們已經(jīng)向大家分享過一些基于HTML5的地圖應(yīng)用,比如jQuery矢量SVG地圖插件JVectorMap,以及這款HTML5/CSS3帶區(qū)域地圖的聯(lián)系表單。今天要分享的這款HTML5地圖應(yīng)用是一張世界地圖,地圖元素是使用SVG繪制的,并且地圖可以拖拽和局部縮放,效果非常不錯(cuò)。

html5-svg-world-map

html5動(dòng)效系列十九:純CSS3實(shí)現(xiàn)質(zhì)感發(fā)光動(dòng)畫按鈕

藍(lán)藍(lán)設(shè)計(jì)的小編

之前我們分享過很多漂亮的網(wǎng)頁按鈕動(dòng)畫,大家可以移步至CSS3按鈕分類下查看各種各樣的CSS3按鈕。這次要分享的這款CSS3按鈕有著質(zhì)感的背景,并且鼠標(biāo)滑過按鈕時(shí)按鈕邊框還會(huì)發(fā)光,呈現(xiàn)出3D立體的視覺效果。

pure-css3-texture-shine-button

html5動(dòng)效系列十八:HTML5/CSS3鼠標(biāo)懸停動(dòng)畫菜單按鈕

藍(lán)藍(lán)設(shè)計(jì)的小編

這次要分享的也是一款不錯(cuò)的CSS3動(dòng)畫按鈕,當(dāng)我們將鼠標(biāo)滑過按鈕時(shí),按鈕會(huì)展現(xiàn)不同方式的動(dòng)畫效果,大家可以具體看看演示。

css3-hover-button-animation

html5動(dòng)效系列十七:HTML5/CSS3鼠標(biāo)懸停動(dòng)畫菜單按鈕

藍(lán)藍(lán)設(shè)計(jì)的小編

今天要給給位分享一款基于CSS3的鼠標(biāo)懸停動(dòng)畫菜單按鈕,這款菜單是由一個(gè)個(gè)小按鈕組成,當(dāng)我們將鼠標(biāo)滑過菜單項(xiàng)時(shí),按鈕上的圖標(biāo)將出現(xiàn)懸浮的動(dòng)畫。

html5動(dòng)效系列十六:炫酷的CSS3 3D旋轉(zhuǎn)按鈕對(duì)話框

藍(lán)藍(lán)設(shè)計(jì)的小編

這次還是要分享一款CSS3對(duì)話框插件,另外,這款對(duì)話框的特點(diǎn)是點(diǎn)擊按鈕后對(duì)話框會(huì)以3D旋轉(zhuǎn)的動(dòng)畫展現(xiàn)出來。更令人驚嘆的是,點(diǎn)擊按鈕的不同部位,對(duì)話框3D旋轉(zhuǎn)的動(dòng)畫方式也會(huì)不同。

css3-3d-button-dialog

html5動(dòng)效系列十五:強(qiáng)大的CSS3動(dòng)畫庫animate.css 50多種動(dòng)畫形式

藍(lán)藍(lán)設(shè)計(jì)的小編

今天要給大家介紹一款強(qiáng)大的CSS3動(dòng)畫庫animate.css,animate.css定義了大概50多種動(dòng)畫形式,包括淡入淡出,文字飛入、左右搖擺動(dòng)畫等等。使用animate.css也非常簡(jiǎn)單,你可以給頁面上的任意元素,特別是文字添加各種神奇的動(dòng)畫,一起來嘗試一下吧。

css3-animate-css

html5動(dòng)效系列十四:jQuery儀表盤指示器動(dòng)畫插件 6種儀表樣式

藍(lán)藍(lán)設(shè)計(jì)的小編

今天我們要來分享一組很酷的jQuery插件,這款jQuery插件實(shí)現(xiàn)了6組不同樣式的超酷儀表盤指示器動(dòng)畫。儀表盤的背景是一張圖片,通過jQuery來動(dòng)態(tài)生成一些屬性標(biāo)簽,比如儀表盤的刻度和指針等。效果非常不錯(cuò)。

jquery-dashboard-animation

html5動(dòng)效系列十三:絕對(duì)震撼,7款HTML5動(dòng)畫集錦下載

藍(lán)藍(lán)設(shè)計(jì)的小編

1、HTML5 Canvas模擬衣服撕扯動(dòng)畫 超級(jí)逼真

今天又要來推薦一款HTML5 Canvas動(dòng)畫,是一個(gè)模擬衣服撕扯動(dòng)畫,效果非常逼真。剛開始衣服掛在繩子上,用鼠標(biāo)拖拽衣服即可讓衣服擺動(dòng)起來,當(dāng)你拖拽的很用力時(shí),你會(huì)發(fā)現(xiàn),衣服被撕破了。該HTML5動(dòng)畫會(huì)捕獲到鼠標(biāo)拖拽的用力程度,從而來判斷并實(shí)現(xiàn)衣服應(yīng)該破損的程度,越用力,衣服被撕破的速度越快,趕緊來體驗(yàn)一下這個(gè)HTML5動(dòng)畫吧。

日歷

鏈接

個(gè)人資料

存檔