首頁

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

博博

provide-meaning-with-motion-1

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

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

巧用視錯覺 UI更有趣

用心設(shè)計

巧用視錯覺 UI更有趣

格式塔原理解釋了人們?nèi)绾我砸曈X方式感覺物體,以及圖像的結(jié)構(gòu),視角,大小等要素是如何影響我們的視覺的。

在下面這篇文章中,我們首先會簡單介紹一下格式塔原理中的基本概念,然后再詳細(xì)探討一下如何將它們應(yīng)用于今日的UI設(shè)計中。

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

博博

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

how-uisdc-editor-work-1

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

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

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

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

QQ截圖20141111131534

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

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

在設(shè)計中建立視覺層級

用心設(shè)計

在設(shè)計網(wǎng)站的時候,圖片資源會在很大程度上幫助你設(shè)置站點(diǎn),以及顏色,排版或者更多內(nèi)容的基調(diào)。如果圖片視覺元素沒有和設(shè)計正確的結(jié)合,他很可能會破壞你原本想呈現(xiàn)的感覺。

專訪美團(tuán)UED負(fù)責(zé)人!打造一流的設(shè)計團(tuán)隊

周周

meituanued.001

本文是愛奇藝無線UED負(fù)責(zé)人 @愛奇藝_曉生 采訪美團(tuán)設(shè)計總監(jiān) @薛靖Edwin 后整理的文章,這也是美團(tuán)UED首次較為正式公布的一些想法和作品,來看看他是怎樣打造一個一流的設(shè)計團(tuán)隊的 :)

[系列]APP設(shè)計之四:注冊[登錄]

用心設(shè)計

48923-9a2cab7db4c4aa2b

按理說,沒準(zhǔn)備好就不應(yīng)該寫。但如果繼續(xù)后推,等準(zhǔn)備好再寫,覺得自己就會放棄這塊的總結(jié)。因此,在心里惶惶然的情況下,還是決定把目前自己的一些想法和總結(jié)寫出來,算是階段性的一個總結(jié)吧。

由于登錄是注冊之后的事兒,我首先來談?wù)勛浴?


聊出一個未來!腦洞大開的聊天場景未來暢想曲

周周

future-of-chat-scene-1

編者按:聊天不僅存于我們和親朋好友間,在很多場景下,設(shè)計師也會營造聊天的氛圍拉動用戶的表達(dá)欲,就連Siri也是聊天衍生出的產(chǎn)物,關(guān)于聊天騰訊的同學(xué)有許多不同場景下的暢想,有幾點(diǎn)特別讓人驚喜,來感受下。

周哪里:在過去的很長一段時間里,每當(dāng)我坐在電腦前,父母的問候語總是“在聊天嗎”,一定程度上可見網(wǎng)絡(luò)聊天之深入人心??茖W(xué)一點(diǎn),翻看近幾年不同地區(qū)互聯(lián)網(wǎng)用戶時間的分配比例數(shù)據(jù),聊天時間通常也占據(jù)前三位之一。這似乎已經(jīng)是司空見慣的形勢,然而仔細(xì)品味,會發(fā)現(xiàn)聊天并不是件簡單的事情。

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

博博

tab-vs-drawer-1

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

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

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

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

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

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

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

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

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

當(dāng)?shù)谝淮伍_始zeekbox項目,我們使用了頂部的tab導(dǎo)航。我們的理由很簡單“看不到的不記掛”。既然你第一眼看不到這些入口,那么也許你也就不會知道它們在哪兒。

不一樣的角度!設(shè)計師如何用產(chǎn)品思維提升用戶體驗(yàn)?

周周

UX-banner980

編者按:今天百度的同學(xué)來聊聊產(chǎn)品思維,讓設(shè)計師從產(chǎn)品的角度入手,站在多維度考慮用戶的問題、解決方法、產(chǎn)品目標(biāo)和產(chǎn)品營銷等,來看看不一樣的思維能碰撞出哪樣的火花。

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

博博

文章略長,不過肯定是考據(jù)狂和狂熱粉的最愛,你是從哪一代開始追iOS的呢?

Visual guide to iOS new

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

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

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

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

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

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

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

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

從OS X中蔓延出來的IOS

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

剛開始的時候,蘋果內(nèi)部爭論不休,他們在考慮是否要和Mac OS X一樣使用Unix內(nèi)核,這樣做會保持新手機(jī)的系統(tǒng)和OS X的一致性。

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

iOS 1: iPhone誕生

Iphone-2g-555

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

日歷

鏈接

個人資料

存檔