超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

首頁(yè)

建立良好的視覺(jué)層級(jí)

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

 

隨著互聯(lián)網(wǎng)信息爆炸式增長(zhǎng),用戶瀏覽單個(gè)網(wǎng)頁(yè)時(shí),并不像我們想象的如閱讀文章般從左到右、從上倒下逐一查看,為什么?

一、 視覺(jué)層級(jí)為什么重要

點(diǎn)擊查看原圖

左側(cè)是設(shè)計(jì)師期望用戶的瀏覽方式,右側(cè)為用戶實(shí)際的瀏覽方式—摘自《Don’t make me think》

用戶來(lái)到一個(gè)網(wǎng)站有他自己特定的目標(biāo),如閱讀新聞、購(gòu)物、查看新消息,然而信息量太大,逐一查看需要大量時(shí)間,這就要求網(wǎng)站能抓住主流用戶特征,將重點(diǎn)推送給他,用戶找到自己的目標(biāo)或感興趣的點(diǎn),才有可能繼續(xù)瀏覽或產(chǎn)生下一步動(dòng)作,否則就會(huì)離開(kāi)。

平常的力量

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

一本好書,跟一款好的產(chǎn)品類似,要有一種“代入”的力量。能夠讓用戶跟著你設(shè)定的邏輯一路走下去,一種心無(wú)旁騖的沉靜。每個(gè)章節(jié),每個(gè)功能模塊,都如同空氣,似有如無(wú),但是又讓人欲罷不能。平淡無(wú)奇的呈現(xiàn)反而最有殺傷力,柴姑娘的《看見(jiàn)》就是這樣,真實(shí),自有萬(wàn)鈞之力。

有的時(shí)候,我常常無(wú)法進(jìn)入狀態(tài),這個(gè)時(shí)候我會(huì)選擇看書。一本好書有一種力量,一種代入感的力量,會(huì)讓你隨著做著的邏輯一路陷入進(jìn)去,慢慢的將內(nèi)心的浮躁都洗去,讓你沉靜下來(lái),然后整個(gè)人也跟著沉了下來(lái)。

為產(chǎn)品賦予人格 - 情感化設(shè)計(jì)的組成要素及實(shí)踐案例

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

 

Flickr為用戶準(zhǔn)備了很多有意思的登錄歡迎語(yǔ),這其實(shí)是一個(gè)容易被忽略的細(xì)節(jié),但Flickr的整體設(shè)計(jì)風(fēng)格與產(chǎn)品氣質(zhì)也正是由許許多多這樣的細(xì)節(jié)構(gòu)成的。也許,只有當(dāng)這些細(xì)節(jié)從產(chǎn)品中消失的時(shí)候,我們才會(huì)發(fā)現(xiàn)并開(kāi)始懷念它們

點(diǎn)擊查看原圖

我(英文原文作者)會(huì)特別在意這些細(xì)節(jié),因?yàn)樗鼈兛梢杂|發(fā)用戶的情感響應(yīng)。如果運(yùn)用方式得當(dāng),這些細(xì)節(jié)當(dāng)中的小魔鬼可以幫助我們打造出更具人格的產(chǎn)品,并使用戶在與之進(jìn)行互動(dòng)的過(guò)程中產(chǎn)生積極的情感響應(yīng);而這種積極的態(tài)度會(huì)有效的促使用戶主動(dòng)傳播和擁護(hù)你的產(chǎn)品。這種在人格層面與用戶建立關(guān)聯(lián)的設(shè)計(jì)思路也被稱作“情感化設(shè)計(jì)”。

一點(diǎn)小理論

“情感化設(shè)計(jì)(Emotional Design)”一詞由Donald Norman在其同名著作 當(dāng)中提出。而在Designing for Emotion 一書中,作者Aarron Walter將情感化設(shè)計(jì)與馬斯洛的人類需求層次理論聯(lián)系了起來(lái)。正如人類的生理、安全、愛(ài)與歸屬、自尊和自我實(shí)現(xiàn)這五個(gè)層次的需求,產(chǎn)品特質(zhì)也可以被劃分為功能性、可依賴性、可用性和愉悅性這四個(gè)從低到高的層面,而情感化設(shè)計(jì)則處于其中最上層的“愉悅性”層面當(dāng)中。

點(diǎn)擊查看原圖

一個(gè)有效的情感化設(shè)計(jì)策略通常包括兩個(gè)方面:

  1. 你創(chuàng)造出了獨(dú)特并且優(yōu)秀的風(fēng)格理念,令用戶產(chǎn)生了積極響應(yīng)。
  2. 你持續(xù)的使用該理念打造出一整套具有人格層面的設(shè)計(jì)方案。

接下來(lái),我們將一起了解一下情感化設(shè)計(jì)的組成要素及相關(guān)策略,看一看有哪些產(chǎn)品在這些方面做的比較有代表性;另外,我們還會(huì)通過(guò)幾個(gè)案例分析來(lái)感受一下從整體角度持續(xù)使用情感化設(shè)計(jì)理念所帶給產(chǎn)品的“人格魅力”。

簡(jiǎn)單之美:極簡(jiǎn)主義風(fēng)格的網(wǎng)站作品

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

在決定網(wǎng)站的布局之前,有很多重要的事情需要考慮。顏色、風(fēng)格和可用性是網(wǎng)站布局的核心因素,是網(wǎng)站是否成功的關(guān)鍵。多年以來(lái),我們看到很多內(nèi)容充實(shí),色彩豐富的網(wǎng)站作品,但最近幾年極簡(jiǎn)主義風(fēng)格(一種設(shè)計(jì)風(fēng)格,感官上簡(jiǎn)約整潔,品味和思想上更為優(yōu)雅)的設(shè)計(jì)越來(lái)越流行,人們認(rèn)識(shí)到簡(jiǎn)潔干凈的網(wǎng)站布局能夠更加有效的突出網(wǎng)站的主題內(nèi)容。

 

 

Tapmates

 

Caava Design

 

關(guān)于扁平化界面風(fēng)格的設(shè)計(jì)美學(xué)討論

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

 

我個(gè)人對(duì)這方面的話題是蠻關(guān)注的,偶爾在微博 上弱弱的念叨兩句,也會(huì)有不少朋友來(lái)發(fā)表各自的看法,確實(shí)是大家都蠻關(guān)心的設(shè)計(jì)問(wèn)題。另外最近看到不少文章觀點(diǎn)也都是圍繞這些展開(kāi)的,其中有些比較公允務(wù)實(shí),有些則比較偏頗;所謂偏頗,也就是片面表達(dá)某種風(fēng)格一定比某種風(fēng)格更好,以及好在哪里。說(shuō)真的,都有一定的道理,都能看出發(fā)表論調(diào)的設(shè)計(jì)師的思考和激情。

有人說(shuō)了你怎么這么沒(méi)節(jié)操呢,你到底覺(jué)得哪種好呢?我要說(shuō)的是叭,在我看來(lái)這個(gè)事情里的的確確不應(yīng)該存在哪個(gè)強(qiáng)于哪個(gè)的爭(zhēng)議,因?yàn)樗揪筒皇莻€(gè)非黑即白非美即丑涇渭分明的問(wèn)題;脫離了實(shí)際產(chǎn)品的上下文環(huán)境,脫離了產(chǎn)品功能與目標(biāo)用戶群類型之間的關(guān)聯(lián),所謂好與不好的命題壓根就不成立。

說(shuō)的具體些,遠(yuǎn)的不講,單說(shuō)Beforweb 這邊的視覺(jué)風(fēng)格,除了每篇文章的圖標(biāo)以外,可以說(shuō)是徹徹底底的扁平化了(當(dāng)然,細(xì)心的朋友可以在側(cè)邊欄標(biāo)題背景底部發(fā)現(xiàn)類似陰影效果的1像素邊框,這個(gè)不算數(shù)...),但如果有人說(shuō)我是扁平風(fēng)格的衛(wèi)道者的話,我會(huì)很不開(kāi)心,因?yàn)槲抑皇窃谧约河X(jué)得合適的地方使用這種風(fēng)格而已。我喜歡iOS里很多擬物擬真風(fēng)格的界面,最典型的包括語(yǔ)音備忘錄、iBooks、iPad里的日歷等等,它們的界面讓我覺(jué)得親切自然,讓我可以在冰冷的電子設(shè)備當(dāng)中找到現(xiàn)實(shí)生活的真實(shí)感,就這么簡(jiǎn)單。

下面這些截圖來(lái)自我平常自?shī)首詷?lè)時(shí)會(huì)用到的一些音樂(lè)方面的iOS或OS X應(yīng)用。它們的功能的確非常棒,我著實(shí)在這些東西上花掉不少錢,但如果它們的界面沒(méi)有采用如此逼真的擬物化設(shè)計(jì),如果他們只是干巴巴的功能和數(shù)據(jù)陳列或是Metro風(fēng),我是絕不會(huì)在它們身上花半毛錢的。

點(diǎn)擊查看原圖

怎樣為網(wǎng)站創(chuàng)建風(fēng)格指南(style guide)

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

什么是風(fēng)格指南?簡(jiǎn)單的說(shuō),就是一份告訴你如何講故事的文檔。它確立了一些標(biāo)準(zhǔn),例如怎樣撰寫文案、怎樣排版、怎樣打造視覺(jué)元素和交互方式等等。風(fēng)格指南源自于印刷領(lǐng)域,例如報(bào)刊(看看衛(wèi)報(bào)的風(fēng)格指南 );在Web領(lǐng)域,它同樣體現(xiàn)出了巨大的價(jià)值。

無(wú)論是傳統(tǒng)印刷,還是互聯(lián)網(wǎng),最關(guān)鍵的都是“內(nèi)容”。風(fēng)格指南的最終目標(biāo)就是讓內(nèi)容以清晰并且一致的視覺(jué)風(fēng)格呈現(xiàn)出來(lái)。BBC的全球體驗(yàn)語(yǔ)言 (Global Experience Language,GEL)就是網(wǎng)站風(fēng)格指南的絕佳范例。不妨通過(guò)頁(yè)面右側(cè)的“Download GEL Web Styleguide”下載一份PDF文檔來(lái)稍作了解先。

點(diǎn)擊查看原圖

移動(dòng)應(yīng)用的十項(xiàng)設(shè)計(jì)原則及小提示

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

 

移動(dòng)設(shè)備與傳統(tǒng)桌面設(shè)備雖然都被成為“計(jì)算設(shè)備”,但它們之間的差異是顯而易見(jiàn)的:移動(dòng)設(shè)備的屏幕要小很多,無(wú)線網(wǎng)絡(luò)鏈接方面會(huì)有不穩(wěn)定,電池續(xù)航能力較弱,等等。這份“弱點(diǎn)”清單可以列的很長(zhǎng),但如果你因此認(rèn)為移動(dòng)設(shè)備就是降級(jí)版的計(jì)算機(jī),那同樣是錯(cuò)誤的看法。

實(shí)際上,從其他一些角度來(lái)觀察,移動(dòng)設(shè)備又是比桌面設(shè)備更加強(qiáng)大的。智能手機(jī)和平板電腦都是更加個(gè)人化的設(shè)備,它們會(huì)一直陪伴在你身邊,讓你隨時(shí)隨地都可以接入互聯(lián)網(wǎng)獲取所需的信息;它們身上還有傳統(tǒng)設(shè)備所不具備的很酷的功能,包括GPS、數(shù)位羅盤、加速計(jì)等等。

所有這些差異都使得移動(dòng)設(shè)備當(dāng)中的應(yīng)用程序在界面設(shè)計(jì)方面存在很多獨(dú)到之處。我(英文原文作者)基于在自己的workshop中的工作經(jīng)驗(yàn),總結(jié)出了移動(dòng)應(yīng)用界面設(shè)計(jì)的十條原則及小提示,在這里與大家分享,希望能夠幫助那些還不是非常熟悉這個(gè)領(lǐng)域的設(shè)計(jì)師們建立起一套有實(shí)踐價(jià)值的設(shè)計(jì)思維框架。

1.設(shè)計(jì)觀念

從傳統(tǒng)設(shè)備轉(zhuǎn)向移動(dòng)領(lǐng)域,設(shè)計(jì)師們首先要做的是調(diào)整思維模式和設(shè)計(jì)觀念。

  • 專注 :移動(dòng)應(yīng)用的本質(zhì)目標(biāo)是幫助人們以最高的效率完成特定的任務(wù)。少即是多,你要砍掉的產(chǎn)品功能通常會(huì)比你想象的多很多。
  • 獨(dú)特:從一開(kāi)始就要理解你的應(yīng)用與同類產(chǎn)品相比具有哪些獨(dú)到之處,將其體現(xiàn)到產(chǎn)品的整體用戶體驗(yàn)策略當(dāng)中,并在交互及視覺(jué)設(shè)計(jì)流程當(dāng)中著重突出這些賣點(diǎn)。
  • 迷人 :移動(dòng)設(shè)備是相當(dāng)個(gè)人化的工具,人們會(huì)在長(zhǎng)久的使用過(guò)程中逐漸將感情融入到軟硬件當(dāng)中;應(yīng)用程序同樣要與用戶在情感層面產(chǎn)生互動(dòng),通過(guò)各種友好的、有趣的、可信賴的設(shè)計(jì)與功能讓用戶覺(jué)得愛(ài)不釋手。
  • 體貼 :不要將注意力過(guò)多集中在“開(kāi)發(fā)”本身上,不要將自己的心智模型以及產(chǎn)品的業(yè)務(wù)邏輯作為設(shè)計(jì)的準(zhǔn)繩。如果你確實(shí)希望自己的產(chǎn)品能夠被更多用戶所接受,那么必須學(xué)會(huì)站在他們的角度觀察問(wèn)題、制定設(shè)計(jì)決策。

點(diǎn)擊查看原圖

不要用“多多益善”的觀念打造移動(dòng)應(yīng)用

用戶到達(dá)頁(yè)面才是設(shè)計(jì)的開(kāi)始

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

很久之前認(rèn)為一個(gè)項(xiàng)目的完成和上線是一個(gè)項(xiàng)目的完結(jié),
后來(lái)認(rèn)識(shí)到,一個(gè)項(xiàng)目或頁(yè)面的上線不是結(jié)束而僅僅是開(kāi)始,
現(xiàn)在明白了,用戶到達(dá)頁(yè)面,我們的設(shè)計(jì)才是剛剛開(kāi)始。

我不敢說(shuō)是絕對(duì)的或者百分百,但是用戶到達(dá)該頁(yè)面、該網(wǎng)站、使用該產(chǎn)品,這之前更多的依靠的是搜索或者運(yùn)營(yíng)的推廣。作為負(fù)責(zé)部分項(xiàng)目的UE/UI設(shè)計(jì)師來(lái)說(shuō),我不是產(chǎn)品,不是項(xiàng)目經(jīng)理,更不是運(yùn)營(yíng)和廣告我沒(méi)有那么多的能力去干預(yù)用戶到達(dá)或者使用我的設(shè)計(jì)。

 
下面單說(shuō)一下我理解的用戶到達(dá)頁(yè)面的三種狀態(tài)。
我認(rèn)為一個(gè)頁(yè)面瀏覽行為可以分為:瀏覽前、瀏覽中、瀏覽后,三個(gè)階段。

 
初級(jí)設(shè)計(jì)師或者是產(chǎn)品亦或是互聯(lián)網(wǎng)工作人員大多認(rèn)為:瀏覽中才是我要做的,要花心思做的。
點(diǎn)擊查看原圖

案例學(xué)習(xí) - 我們?cè)谠O(shè)計(jì)iPhone應(yīng)用時(shí)犯過(guò)的錯(cuò)誤

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

今年,我們(英文原文作者及團(tuán)隊(duì))發(fā)布了FreshBooks 的第一款iPhone應(yīng)用。從前我們的產(chǎn)品一直是通過(guò)Web端應(yīng)用的方式提供服務(wù)的。這次,我們把iPhone應(yīng)用的設(shè)計(jì)開(kāi)發(fā)過(guò)程看作一張空白的花布,盡力在其中實(shí)現(xiàn)一些新的功能概念和設(shè)計(jì)想法。在這個(gè)過(guò)程中,我們著實(shí)學(xué)到不少東西。

不要害怕犯錯(cuò)

對(duì)于移動(dòng)應(yīng)用這樣的產(chǎn)品,設(shè)計(jì)過(guò)程中必然會(huì)遇到很多用戶體驗(yàn)方面的問(wèn)題與挑戰(zhàn),尤其是對(duì)于新手來(lái)說(shuō)更是如此。

無(wú)論你的線框稿在邏輯上有多縝密,UI稿在視覺(jué)上有多漂亮,當(dāng)它們落實(shí)成為原型或最終產(chǎn)品時(shí),總會(huì)有問(wèn)題呈現(xiàn)出來(lái)。這并不完全是壞事;我們?cè)谠O(shè)計(jì)FreshBooks的iPhone應(yīng)用時(shí)甚至將犯錯(cuò)這件事也納入到了流程規(guī)劃當(dāng)中,這就意味著:

  • 坦承沒(méi)有完美的設(shè)計(jì),無(wú)論稿件和原型多么優(yōu)秀。
  • 真正的成功或失敗都是由用戶的反饋來(lái)定義的。
  • 對(duì)于在設(shè)計(jì)過(guò)程中看到的問(wèn)題要迅速做出反應(yīng),根據(jù)從實(shí)際用戶身上得來(lái)的驗(yàn)證結(jié)果進(jìn)行迭代。

接下來(lái),我將向各位描述一下我們?cè)陧?xiàng)目中犯過(guò)的三個(gè)錯(cuò)誤,以及我們是怎樣解決這些問(wèn)題的。

應(yīng)用的主界面

在項(xiàng)目開(kāi)始的時(shí)候,我們對(duì)FreshBooks的一些現(xiàn)有用戶進(jìn)行了訪談,了解他們?cè)谏詈凸ぷ髦惺窃鯓邮褂靡苿?dòng)設(shè)備的,包括他們面對(duì)的實(shí)際問(wèn)題,以及他們對(duì)移動(dòng)應(yīng)用版本的FreshBooks的期望。

根據(jù)這些訪談,我們歸納出了一些基本的設(shè)計(jì)原則,例如下面這條:

以任務(wù)為中心的用戶體驗(yàn)

移動(dòng)應(yīng)用版本的產(chǎn)品應(yīng)該圍繞著一系列互不相關(guān)的帳單任務(wù)進(jìn)行優(yōu)化,包括時(shí)間追蹤、為收據(jù)拍照存檔、開(kāi)票等等,這些是移動(dòng)應(yīng)用所處的使用場(chǎng)景當(dāng)中最常見(jiàn)的任務(wù)。

而其他方面的復(fù)雜任務(wù),包括批量編輯、權(quán)限管理、定制化等,則留給傳統(tǒng)的Web端應(yīng)用來(lái)承擔(dān),以此來(lái)保證移動(dòng)版本在功能上的簡(jiǎn)約與集中。

基于這條原則,我們?cè)O(shè)計(jì)了應(yīng)用的主界面。它由一系列最重要的任務(wù)組成,視覺(jué)上采用圖標(biāo)加文字標(biāo)題的形式,點(diǎn)擊進(jìn)入相應(yīng)的任務(wù)流程。例如,用戶點(diǎn)擊了其中的“創(chuàng)建新發(fā)票”之后會(huì)進(jìn)入發(fā)票列表界面,然后創(chuàng)建新發(fā)票的界面會(huì)自動(dòng)滑入視圖。

點(diǎn)擊查看原圖

這種以典型任務(wù)為中心的設(shè)計(jì)思路在意圖上是好的,但接下來(lái)我們發(fā)現(xiàn)了一些問(wèn)題。

和用戶談戀愛(ài)——愛(ài)情三角理論與用戶黏性

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

親密是愛(ài)情關(guān)系中的溫暖體驗(yàn),是一種朋友般的親近。由于真正喜歡和對(duì)方在一起,渴望同對(duì)方一道建立更有凝聚力的和諧關(guān)系,希望把自己的生活以坦誠(chéng)、不設(shè)防的方式與對(duì)方分享。伴侶間會(huì)發(fā)展出屬于兩個(gè)人的溝通風(fēng)格,熟悉彼此不完美的個(gè)性。親密令戀人互相關(guān)心,善待對(duì)方,滿足彼此的需要和欲望。親密沒(méi)有激情強(qiáng) 烈,但能促進(jìn)戀人相互親近,讓人感受到人際溫暖。

日歷

鏈接

個(gè)人資料

存檔