无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

首頁

html5動效系列二十二:HTML5 Canvas折線圖表和柱形圖表

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

今天要分享的一款HTML5 Canvas圖表應(yīng)用提供了折線圖和柱形圖兩種,這款HTML5圖表在初始化數(shù)據(jù)的時(shí)候有一種漸現(xiàn)的動畫,我們可以將這款圖表應(yīng)用在統(tǒng)計(jì)頁面上。

html5-line-and-column-chart

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

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

這是一款帶有3D動畫的CSS3菜單,該菜單有以下幾個(gè)特點(diǎn):首先是菜單時(shí)基于CSS3的,因此瀏覽器兼容性都還可以;其次這款菜單支持二級下拉菜單,功能上也基本能滿足大部分開發(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)

所以,對家人和朋友,做設(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)楹喍痰恼Z言歸納能力對設(shè)計(jì)師太重要了。

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

試想下這樣的場景:

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

一個(gè)市場營銷人員問:設(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,到底是什么意思?

基于屏幕的圖片尺寸的邏輯關(guān)系及移動界面的尺寸知識點(diǎn)

用心設(shè)計(jì)

我知道這個(gè)標(biāo)題念起來會讓你覺得非常拗口,如果你是中文系畢業(yè)的,或許還能從中挑出語病來,但我想你明白我要表達(dá)什么意思,對不對O(∩_∩)O哈哈~

要講的東西其實(shí)都是很簡單的邏輯關(guān)系,但可能很多人都跟我一樣稀里糊涂的做了多年設(shè)計(jì)卻一直沒搞明白其中的關(guān)系。當(dāng)然你不明白其中的關(guān)系并不影響你 做出好的作品,但作為有理想有擔(dān)當(dāng)有著歷史責(zé)任感…(此處省略一萬字的排比)…的設(shè)計(jì)師,明白這些基本的知識點(diǎn),能讓你更好的…(想了下并沒有什么實(shí)際好 處(┬_┬)…)

涅磐之路!AVIARY設(shè)計(jì)師的MATERIAL DESIGN改版實(shí)戰(zhàn)

高勁

the-journey-to-material-1

在過去的三年里面,我一直帶領(lǐng)著 Aviary 的Android設(shè)計(jì)師團(tuán)隊(duì)。非常榮幸我能為大家設(shè)計(jì)這款攝影APP,讓大家能釋放創(chuàng)造力,通過這款A(yù)PP來拍攝出如此之多優(yōu)質(zhì)的照片。隨著Google 推出Material Design 這種全新的設(shè)計(jì)語言,我們的產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)也開始針對Photo Editor 進(jìn)行重新設(shè)計(jì)。今天這篇文章,我會仔細(xì)分享我們重新設(shè)計(jì)它的故事,以及設(shè)計(jì)經(jīng)驗(yàn)和進(jìn)度,你可以看到這個(gè)全新設(shè)計(jì)語言是如何重塑這款A(yù)PP的。

術(shù)語小科普!聊聊線框稿、視覺稿與原型的區(qū)別

高勁

wireframe-mockup-prototype-differeces-1

@Akane_Lee :我和群里設(shè)計(jì)師聊,發(fā)現(xiàn) Prototype、Wireframe、Mockup 因?yàn)榉g有時(shí)候皆統(tǒng)稱為「原型」的關(guān)系,導(dǎo)致大混淆,所以來說明下這三者的不同,不清楚這三個(gè)術(shù)語有什么區(qū)別的同學(xué)來漲姿勢咯 >>>

html5動效系列二十: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動效系列十九:純CSS3實(shí)現(xiàn)質(zhì)感發(fā)光動畫按鈕

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

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

pure-css3-texture-shine-button

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

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

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

css3-hover-button-animation

日歷

鏈接

個(gè)人資料

存檔