日本一区二区三区在线播放-国产视频一-美女黄网站成人免费视频-奇米中文字幕-日本少妇xxxxx-九九精品99-国产人碰人摸人爱视频-欧美亚洲网站-国产艳妇av在线-在线av网站-久久a久久-可以免费看黄色的网站-国产视频一二-在线播放视频高清在线观看-男人的天堂av网站-久久一二三区-欧美日韩综合一区二区

首頁

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

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

 

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

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

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

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

點擊查看原圖

移動應(yīng)用的十項設(shè)計原則及小提示

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

 

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

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

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

1.設(shè)計觀念

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

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

點擊查看原圖

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

案例學(xué)習(xí) - 我們在設(shè)計iPhone應(yīng)用時犯過的錯誤

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

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

不要害怕犯錯

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

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

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

接下來,我將向各位描述一下我們在項目中犯過的三個錯誤,以及我們是怎樣解決這些問題的。

應(yīng)用的主界面

在項目開始的時候,我們對FreshBooks的一些現(xiàn)有用戶進行了訪談,了解他們在生活和工作中是怎樣使用移動設(shè)備的,包括他們面對的實際問題,以及他們對移動應(yīng)用版本的FreshBooks的期望。

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

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

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

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

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

點擊查看原圖

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

談?wù)凪obile Web App的設(shè)計方法

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


Native App與Web App的爭論從未停息過,盡管很多人在批判Web App的各種不是,但也阻止不了各種各樣的Web App如雨后春筍般出現(xiàn),尤其是伴隨智能手機的普及而受到重視的Mobile Web App。這是一種在非議聲里成長起來的產(chǎn)品形態(tài),無論其結(jié)果如何,都應(yīng)該吸引開發(fā)者和設(shè)計師的關(guān)注。
 

移動應(yīng)用設(shè)計案例 - 打造初創(chuàng)型產(chǎn)品的用戶體驗

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

又是天氣不錯的周末,不冷不熱,一年里最舒服的一些時日了叭。感覺自從十一長假結(jié)束之后有些東西就變掉了,自己熟悉的很多事情、很多感覺,都像是在頭腦里向后退去了一層,要努力去抓才能讓它們回來的樣子誒。也許只是陽光泛濫了太久的緣故。

好叭。今次的譯文是我最喜歡的一類小菜,篇幅簡短,實戰(zhàn)性強。原文 作者,來自Frog的一名交互設(shè)計師,講述了她與朋友在共同設(shè)計開發(fā)拼車服務(wù)Ridejoy的iPhone客戶端 的過程中所遇到的一些挑戰(zhàn)以及相關(guān)的解決方案。前戲到這里,進入正文。

著名互聯(lián)網(wǎng)公司最早期的界面是怎樣的?

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

人也挺好奇這東西的,于是就順便在網(wǎng)上搜集了下,以下資料,如有不準(zhǔn)確,請指出。

1、Google ,推出的時候界面其實就蠻簡潔的了,只不過現(xiàn)在更簡潔。

如何設(shè)計讓用戶滿意的IPHONE應(yīng)用?

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

你喜歡 iphone 嗎?你喜歡iphone的應(yīng)用嗎?面對著如此之多新奇各異的應(yīng)用,你是否有想 設(shè)計 一個屬于自己的應(yīng)用的沖動那?那么你知道如何才能 設(shè)計 出讓用戶滿意的應(yīng)用嗎?我在平時的iphone應(yīng)用設(shè)計中,總結(jié)了一些經(jīng)驗教訓(xùn)希望和大家一起進行探討。

手機軟件啟動畫面深入探討分析

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

 

動需要時間,所以帶來了一些用戶體驗 的問題

1.用戶不知道機器在做什么,會懷疑機器遲鈍、效率低下

2.用戶等待會有厭煩情緒,直接影響對機器的情感

為了解決這些體驗問題,人們使用一個畫面來代替后臺正在運行的代碼,換來人們對機器的好感。為了做到這一點,很多公司都用心良苦,動畫越來越細(xì)膩,形式也越來越多。這里不贅述舉例,主要談?wù)勔苿討?yīng)用客戶端的啟動畫面(以iOS平臺為例)。

移動應(yīng)用程序的啟動畫面存在的環(huán)境

移動應(yīng)用程序存在的環(huán)境是惡劣的,這是相對PC來說。即使產(chǎn)品設(shè)計 支出對功能做了很多減法,即使工程師日日夜夜在做性能優(yōu)化,應(yīng)用程序的啟動還是需要一些時間。啟動畫面在移動客戶端產(chǎn)品存在的必要性不得而知。

移動應(yīng)用程序啟動畫面的設(shè)計法則一  ——避免顯示無關(guān)內(nèi)容,包括一個漂亮的圖,要盡力讓啟動畫面變得有意義。對于用戶來說,他們希望立即體驗?zāi)愕膽?yīng)用程序而不是欣賞一些無用信息。

如何理解這個法則,如何使用這個法則,下面的例子說明了一切,你也可以下載并體驗這些應(yīng)用,了解更多有關(guān)啟動畫面的秘密,歡迎隨時交流。

場景一 品牌含義的延伸

如果啟動時間不是一兩秒那么短的時間,我們可以利用這個時間展示應(yīng)用程序的品牌。但是不要只是展示品牌,最好能夠結(jié)合應(yīng)用程序所提供的服務(wù),將品牌的含義延伸到畫面中,帶給用戶一種親切感,或者讓用戶了解到產(chǎn)品的文化,或者其他你想讓用戶了解的故事。

案例一

只是標(biāo)識的設(shè)計。很多應(yīng)用都是這樣設(shè)計的。將自己的標(biāo)識往中間一放,告訴用戶我就是我。然后沒有任何情感的進入了內(nèi)容界面。有的時候,標(biāo)識本身擁有質(zhì)感,讓畫面還能充滿視覺的期待,如果像bing這樣,有點……

軟件啟動畫面深入探討

淺談“移動端圖片分享軟件”界面設(shè)計

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

 

背景趨勢
  讀圖時代的來臨,讓那140文字描述的Twitter顯得黯然無光,“圖片分享”被預(yù)言是社交應(yīng)用的下一次革命,自2010年picplz蟬聯(lián)Google market熱門應(yīng)用榜到去年instagram榮膺Appstore年度最佳應(yīng)用,圖片分享已成為當(dāng)下最熱門的社交應(yīng)用,數(shù)周前Facebook以10億美金收購了僅有13人的創(chuàng)業(yè)團隊instagram,此舉更印證了圖片分享這一趨勢。

日歷

鏈接

個人資料

存檔

陇南市| 西充县| 兴安县| 永春县| 丁青县| 绥德县| 清苑县| 苍南县| 仙桃市| 贵港市| 定结县| 客服| 同心县| 河池市| 贵州省| 泸西县| 湟源县| 临沧市| 陇南市| 株洲市| 屯昌县| 清远市| 屯昌县| 阜新市| 宁城县| 阳高县| 外汇| 武山县| 镇雄县| 永德县| 铜鼓县| 积石山| 达州市| 潜江市| 班玛县| 南昌市| 咸阳市| 合山市| 买车| 平度市| 琼结县|