手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

首頁(yè)

隱藏在AIRBNB網(wǎng)站里的9項(xiàng)體驗(yàn)與交互設(shè)計(jì)

博博

airbnb-user-experience-interaction-1

?如果你曾使用Airbnb預(yù)訂過(guò)地方,那么你會(huì)在這個(gè)過(guò)程中,逐步發(fā)現(xiàn)這個(gè)企業(yè)擁有著頂尖的產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)。這個(gè)正在改變整個(gè)行業(yè)的企業(yè),正在為用戶提供著順滑無(wú)縫的體驗(yàn),而這也是今天我撰寫(xiě)這篇文章的初衷。

作為一個(gè)喜歡研究用戶體驗(yàn)交互設(shè)計(jì)、UI的產(chǎn)品設(shè)計(jì)師,我尤其喜歡剖析成功的產(chǎn)品,尋找其中隱藏的交互和用戶體驗(yàn)設(shè)計(jì)。無(wú)論這些設(shè)計(jì)是用來(lái)提升整體的用戶體驗(yàn),還是激勵(lì)產(chǎn)品增長(zhǎng),你會(huì)發(fā)現(xiàn)這些設(shè)計(jì)都非常有意思,并且值得分享。

事不宜遲,一起來(lái)看看我從Airbnb中發(fā)現(xiàn)了什么吧:

1. 情緒感染(用戶體驗(yàn))

寫(xiě)給剛?cè)胄械脑O(shè)計(jì)師:如何尋找設(shè)計(jì)靈感?

博博

ca71ddfe49837002f6bd7052d4a1023f5b508cf5292c8-Ubw1CE_fw658

基于上一篇文章《畢業(yè)生必看!剛?cè)胄械脑O(shè)計(jì)師如何敲開(kāi)大公司的門(mén)》的發(fā)表,收到了很多很多朋友的反饋和留言,幾天之間微博,微信平臺(tái)和我的專欄多了數(shù)以百計(jì)的設(shè)計(jì)師朋友的關(guān)注和留言,一時(shí)之間覺(jué)的自己的一篇文章真的幫助到了很多的年輕朋友,這樣讓我也思考到底什么樣的經(jīng)驗(yàn)分享最能幫助到有困惑的設(shè)計(jì)師朋友,所以這一次的文章,我想和大家聊聊年輕的設(shè)計(jì)師在沒(méi)有那么多經(jīng)驗(yàn)的情況下如何尋找設(shè)計(jì)師靈感。(希望這篇文章也能幫助感同身受的你) 每個(gè)設(shè)計(jì)師對(duì)設(shè)計(jì)都有自己的認(rèn)知,有人把它當(dāng)藝術(shù),有人把它當(dāng)手藝活,有人把它當(dāng)技術(shù),也有人把它當(dāng)商業(yè)實(shí)現(xiàn),我認(rèn)同的是,當(dāng)你還沒(méi)有成為大師之前,設(shè)計(jì)都只是一個(gè)職業(yè)而已。商業(yè)和藝術(shù)的交雜,但是商業(yè)的部分遠(yuǎn)遠(yuǎn)大于藝術(shù)那部分,千萬(wàn)別太把自己當(dāng)回事。

濃縮的精華!從零開(kāi)始帶你認(rèn)識(shí)的圖片格式WEBP

博博

image-format-webp-introduction-1

編者按:相信走在前列的設(shè)計(jì)師已經(jīng)知道了WebP這種圖片格式,比起JPEG、PNG 和 GIF ,它能在保證圖片精細(xì)度的同時(shí)縮小圖片體積,在 Google 的明星產(chǎn)品如 Youtube、Gmail、Google Play 中都可以看到 WebP 的身影,今天騰訊的同學(xué)@Hahn__ 研究后總結(jié)了一篇深度技術(shù)文《WebP 探尋之路》,不落人后,來(lái)學(xué)習(xí)吧。

想跟上大潮流,這篇熱門(mén)好文少不了:《我的征程是未來(lái)!帶你展望2015年最重要的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)》

前言

不管是 PC 還是移動(dòng)端,圖片一直是流量大頭,以蘋(píng)果公司 Retina 產(chǎn)品為代表的高 PPI 屏對(duì)圖片的質(zhì)量提出了更高的要求,如何保證在圖片的精細(xì)度不降低的前提下縮小圖片體積,成為了一個(gè)有價(jià)值且值得探索的事情。

網(wǎng)頁(yè)設(shè)計(jì)新趨勢(shì)!教你輕松玩轉(zhuǎn)設(shè)計(jì)中的純色和漸變效果

博博

color-effact-1

編者按:純色和漸變?cè)诟呤盅劾锊粌H是顏色的組合,它們可以引導(dǎo)視覺(jué)焦點(diǎn)、渲染氛圍、傳遞情緒等等,是網(wǎng)頁(yè)設(shè)計(jì)新的一個(gè)流行趨勢(shì)。想運(yùn)用好它們,最要緊是在色彩搭配與透明度上下功夫,今天由一群設(shè)計(jì)師高手用真實(shí)案例給同學(xué)們上課,教你正確地利用它們。

在當(dāng)今這個(gè)充斥著先進(jìn)的和精妙風(fēng)格的世界中,誰(shuí)曾料到,像純色和漸變這樣簡(jiǎn)單的手法,竟能夠催化出創(chuàng)造力,并極大提升網(wǎng)站的美學(xué)水準(zhǔn)?現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)師們,證明了優(yōu)雅的插畫(huà)、精致的圖形和壯麗的照片,都能在彩色濾鏡效果下很自然地得到強(qiáng)調(diào)。氣氛煥然一新,網(wǎng)站開(kāi)始變得光彩奪目。的確,它有助于解決某些問(wèn)題。

網(wǎng)頁(yè)設(shè)計(jì)新趨勢(shì)!教你輕松玩轉(zhuǎn)設(shè)計(jì)中的純色和漸變效果

首先,彩色濾鏡能給網(wǎng)站耳目一新的外觀,卻不會(huì)增加負(fù)擔(dān) 。其次,它通過(guò)搭配傳遞各種情緒的色彩,很好地豐富了設(shè)計(jì)。第三,作為一層低透明度的遮罩,它不會(huì)掩蓋主背景的魅力,對(duì)于想要輕微淡化輪播圖或視頻區(qū)域,卻仍希望其吸引力不減的人 ,這點(diǎn)尤其有用。最后,它為前面的內(nèi)容提供了堅(jiān)實(shí)的基礎(chǔ),兼顧了可讀性。

這種方案能非常協(xié)調(diào)地與各種元素協(xié)作:提供強(qiáng)烈反差的白色、極受歡迎的扁平風(fēng)格元素,還有為項(xiàng)目增添精致微妙感的輪廓式圖形。

這里有些杰出的網(wǎng)頁(yè)設(shè)計(jì),示范了如何正確地運(yùn)用這項(xiàng)技巧。

2015年最有價(jià)值的30個(gè)響應(yīng)式WORDPRESS主題

博博

2015-30-best-responsive-wordpress-themes-1

必須承認(rèn),Wordpress依然是目前最流行、最易用的內(nèi)容管理系統(tǒng),合理地使用Wordpress主題能夠讓你的網(wǎng)站化身千萬(wàn),適應(yīng)不同需求,不論是新聞門(mén)戶,還是時(shí)尚小站。

也正是這種強(qiáng)大的可塑性,使得用戶對(duì)于Wordpress主題有著極為旺盛的需求。經(jīng)典的Wordpress主題被人追捧,新的趨勢(shì)和需求也促使新的主題問(wèn)世。這也是為什么每逢年底都會(huì)有年終Wordpress主題大賞,每年年初又會(huì)有許多用戶到處搜羅新的主題。

今天的文章,就幫大家總結(jié)了一下2015年截至現(xiàn)在最值得入手、最有價(jià)值的響應(yīng)式Wordpress主題,希望能給你幫助!

從菜鳥(niǎo)到高手!PHOTOSHOP摳圖全方位攻略

博博

來(lái)自微博網(wǎng)友:@小丑出品

這才是我學(xué)習(xí)Photoshop的動(dòng)力啊!如果你對(duì)此也有著狂熱的興趣,那就繼續(xù)讀下去吧。攻略分為三部分,

基礎(chǔ)篇

  • 最常見(jiàn)的幾種摳圖方法
  • 切圖絕技之摳圖大法
  • 教你使用抽出濾鏡

實(shí)例演練

  • 摳頭發(fā)絲的技巧
  • 簡(jiǎn)單幾步摳出火焰素材
  • 利用通道摳出婚紗人像

神器推薦

  • 在線摳圖神器
  • 萬(wàn)人好評(píng)的神器Kockout

同學(xué)們可以自己選擇對(duì)應(yīng)的部分學(xué)習(xí) :)

基礎(chǔ)篇(一)

最常用的摳圖方法:

一、魔術(shù)棒法——最直觀的方法

適用范圍:圖像和背景色色差明顯,背景色單一,圖像邊界清晰。

方法意圖:通過(guò)刪除背景色來(lái)獲取圖像。

方法缺陷:對(duì)散亂的毛發(fā)沒(méi)有用。

設(shè)計(jì)師的必備技能!你需要學(xué)會(huì)設(shè)計(jì)有意義的動(dòng)效

博博

provide-meaning-with-motion-1

編者按:關(guān)于動(dòng)效設(shè)計(jì),我們探討過(guò)很多次。直到現(xiàn)在,我們?cè)絹?lái)越清楚地意識(shí)到,動(dòng)效設(shè)計(jì)已經(jīng)無(wú)處不在,已經(jīng)成為了設(shè)計(jì)師們必須掌控的一個(gè)重要技能。參加過(guò)今年的Google I/O大會(huì)之后,設(shè)計(jì)師Paul Stamatiou 也充分認(rèn)識(shí)到這一點(diǎn),并撰寫(xiě)了這篇博客。這篇文章是一支號(hào)角,動(dòng)效設(shè)計(jì)在過(guò)去還是趨勢(shì),但是從此刻開(kāi)始,它成為了我們必將面對(duì)的新陣地。

在今年的Google I/O大會(huì)上,我參加了一個(gè)小的討論小組,一同探討跨平臺(tái)設(shè)計(jì)所面臨的挑戰(zhàn)。這次討論的內(nèi)容信息量非常大,就像第一次去拉斯維加斯的那種目不暇接的感覺(jué)。這次Google對(duì)Android上進(jìn)行了許多令人振奮的改進(jìn),比如電池省電模式和全新的鎖屏通知,許多設(shè)計(jì)比之前的第三方插件都要來(lái)的優(yōu)秀。

優(yōu)設(shè)編輯的工作是怎樣的?

博博

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

how-uisdc-editor-work-1

來(lái)優(yōu)設(shè)一年多了,前幾天優(yōu)設(shè)哥跟我說(shuō)可以聊聊自己的工作,今天花了一點(diǎn)時(shí)間寫(xiě)出來(lái),與同學(xué)們共勉。

幸運(yùn)就像七彩祥云

先說(shuō)一下我跟優(yōu)設(shè)的結(jié)緣。

那時(shí)候很喜歡一個(gè)作家,將他的作品、訪談、書(shū)信都看了又看,還專門(mén)新開(kāi)了一個(gè)微博,每天發(fā)一點(diǎn)他寫(xiě)的東西。有一天在鳳凰網(wǎng)上看到他的專題:

QQ截圖20141111131534

突然就有了個(gè)想法,為什么不創(chuàng)建一個(gè)網(wǎng)站,把路遙老師相關(guān)的作品資料都搜集起來(lái),作為祭奠呢?

當(dāng)下就有了自學(xué)的動(dòng)力,于是百度找教程,從各個(gè)網(wǎng)站轉(zhuǎn)戰(zhàn)到貼吧,始終沒(méi)有發(fā)現(xiàn)一個(gè)像正規(guī)軍的網(wǎng)站,在貼吧還讓一個(gè)“高手”騙了10塊錢,郁悶之余,想到微博上可能有這方面的人才,抱著碰運(yùn)氣的想法,到上面搜了網(wǎng)頁(yè)設(shè)計(jì),第一個(gè)推薦的就是優(yōu)設(shè),跟著到官網(wǎng)看了一下,感覺(jué)“哎呦,這網(wǎng)站像正品”就關(guān)注了。

交互設(shè)計(jì)實(shí)戰(zhàn)!TAB導(dǎo)航與側(cè)邊抽屜導(dǎo)航的巔峰對(duì)決

博博

tab-vs-drawer-1

編者按:本文作者Anthony Rose,是社交網(wǎng)絡(luò)電臺(tái)Zeebox的聯(lián)合創(chuàng)始人及CTO,文章不僅分析了側(cè)邊欄導(dǎo)航和Tab導(dǎo)航的利弊,還有改版過(guò)程進(jìn)行A/B test  的詳盡過(guò)程,且最后也給了建議,讀完能對(duì)這兩種導(dǎo)航有清晰的認(rèn)識(shí),非常有價(jià)值的經(jīng)驗(yàn)分享 :)

================正文分割線================

設(shè)想你需要設(shè)計(jì)一個(gè)含有許多頁(yè)面和模塊,不能在一屏內(nèi)顯示完全的應(yīng)用。你一定會(huì)首先想到去設(shè)計(jì)一個(gè)底部或頂部的Tab導(dǎo)航。等一下,多出來(lái)的一排導(dǎo)航看上去有點(diǎn)礙眼?我們嘗試下把他們收到側(cè)邊欄里,或者叫安卓團(tuán)隊(duì)給它的名字“側(cè)邊抽屜導(dǎo)航”。

如果你們的應(yīng)用的也是多視圖的,在你們的團(tuán)隊(duì)里,以下話題一定常常引發(fā)激烈討論:

是把導(dǎo)航選項(xiàng)都顯示在屏幕上,讓你們的用戶可以清晰認(rèn)知app結(jié)構(gòu),并避免多余操作才能發(fā)現(xiàn);還是使用側(cè)導(dǎo)航讓主屏的顯示區(qū)域更大些。

目前,側(cè)導(dǎo)航在安卓設(shè)備上比較流行,而iOS平臺(tái)上使用的還不是很普遍。所以我們的討論還要面對(duì)一個(gè)問(wèn)題:安卓和iOS應(yīng)用是不是有一樣的用戶習(xí)慣,適用一樣的導(dǎo)航模式?

我想,在這里分享下我們的經(jīng)驗(yàn)是很有價(jià)值的。

可用性 vs. 干凈的設(shè)計(jì)

交互設(shè)計(jì)實(shí)戰(zhàn)!Tab導(dǎo)航與側(cè)邊抽屜導(dǎo)航的巔峰對(duì)決

當(dāng)?shù)谝淮伍_(kāi)始zeekbox項(xiàng)目,我們使用了頂部的tab導(dǎo)航。我們的理由很簡(jiǎn)單“看不到的不記掛”。既然你第一眼看不到這些入口,那么也許你也就不會(huì)知道它們?cè)谀膬骸?

超贊!每個(gè)設(shè)計(jì)師都應(yīng)該了解的IOS編年史

博博

文章略長(zhǎng),不過(guò)肯定是考據(jù)狂和狂熱粉的最愛(ài),你是從哪一代開(kāi)始追iOS的呢?

Visual guide to iOS new

2007年1月9日,喬布斯向世界展示了iPhone一代,這是這位已故傳奇向這個(gè)時(shí)代饋贈(zèng)的最佳禮物,同時(shí)也預(yù)示著,一場(chǎng)精妙絕倫的大戲正式拉開(kāi)帷幕,iPhone,iPad以及Touch對(duì)”移動(dòng)設(shè)備”進(jìn)行了重新定義。更華麗,也更具人性化。

世界變幻莫測(cè),那時(shí)候的移動(dòng)操作系統(tǒng)中,iOS只是個(gè)”小字輩”,資歷尚淺,到了今天呢,多少操作系統(tǒng)黯然消失在我們的視線中,而iOS儼然成為了操作系統(tǒng)江湖的”老字輩”。

老,并不意味著iOS失去創(chuàng)意了,恰恰相反,iOS以嶄新的姿態(tài)繼續(xù)前行。隨著逐年的增強(qiáng)和提高,iOS已經(jīng)變成了市場(chǎng)上最具個(gè)性、支持最廣泛的操作系統(tǒng)。

iOS6,經(jīng)過(guò)數(shù)年的磨礪,已經(jīng)無(wú)限接近擬物設(shè)計(jì)的最頂峰,用隱喻設(shè)計(jì)引導(dǎo)者用戶,操作簡(jiǎn)單易懂。而且多平臺(tái)(iPhone、iPad)上的體驗(yàn)相對(duì)一致,對(duì)于開(kāi)發(fā)者和設(shè)計(jì)師來(lái)說(shuō),這都是一個(gè)理想的”溫床”。

再想一個(gè)問(wèn)題,比較一下iOS1和iOS6,你會(huì)發(fā)現(xiàn)還是擁有很多共通點(diǎn)的。蘋(píng)果像是一位頗有耐心的面包師,慢慢的烘焙,花了數(shù)年時(shí)間,為我們特制了一款色香味俱全的”蘋(píng)果派”,你想想其他操作系統(tǒng)的做法吧:無(wú)限的功能蔓延,蔓延來(lái)蔓延去,淘汰了一批,又新來(lái)了一批功能。

這是個(gè)怪圈,蘋(píng)果很明智的沒(méi)有選擇這種道路。iOS努力的保持著整體的一致性,與此同時(shí)又不放棄前衛(wèi)創(chuàng)意,難能可貴。

而今年的9月18日,iOS7發(fā)布——新的啟航。

來(lái)看看iOS的歷史,看看蘋(píng)果是怎樣一點(diǎn)一滴進(jìn)行優(yōu)化、完善的。

從OS X中蔓延出來(lái)的IOS

在iPhone早期的聲明中,我們會(huì)發(fā)現(xiàn)會(huì)叫做”iPhone OS”。

剛開(kāi)始的時(shí)候,蘋(píng)果內(nèi)部爭(zhēng)論不休,他們?cè)诳紤]是否要和Mac OS X一樣使用Unix內(nèi)核,這樣做會(huì)保持新手機(jī)的系統(tǒng)和OS X的一致性。

但是,這畢竟是一個(gè)完全不同的新品牌,應(yīng)該有所區(qū)別。因此,采用Unix內(nèi)核的操作系統(tǒng)被命名為”iPhone OS”,這個(gè)名字一直使用了4年。直到2010年六月發(fā)行iOS4的時(shí)候,出于簡(jiǎn)化的目的,開(kāi)始稱之為”iOS”

iOS 1: iPhone誕生

Iphone-2g-555

雖然現(xiàn)在很難以想象當(dāng)時(shí)的情形,但是當(dāng)iPhone1公布的時(shí)候,如果嚴(yán)格比較功能的話,iPhone落后他的競(jìng)爭(zhēng)對(duì)手一大截,Windows Mobile,Palm OS,Symbian,BlackBerry的操作系統(tǒng)都有一大堆功能,遠(yuǎn)超iPhone。

日歷

鏈接

個(gè)人資料

存檔