亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看

界面設計的四個層面 設計最重要的一步 往往并不會去追求外觀的美

2015-2-15    藍藍設計的小編

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

每一個扁平化界面設計,都是我們的心靈碰撞致力于最棒的 metro ui 設計

來源:http://blog.intercom.io/ 

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

 很好的一篇文章,藍藍推薦給大家。

許多設計師在社區中分享的作品往往是為了炫技,而產品的邏輯通常都經不起推敲的,真正優秀的設計應該從更高的層面出發,而不只是做表面上的工作。

前言

13年底,Intercom 的產品VP Paul Adams 在 Intercom 官博發表了 一篇博文 。文章講述了網絡上設計社區里普遍存在的一種現象,大意是“許多設計師在社區中分享的作品往往是為了炫技,而產品的邏輯通常都經不起推敲的,真正優秀的設計應該從更高的層面出發,而不只是做表面上的工作”。

文章發布后,在 Twitter 、HN 及博客評論下引起了反響。雖然部分內容在一些設計師眼里看起來比較有攻擊性(也就是俗稱“開噴”),甚至還帶有些地圖炮,但是文中關于“設計的四個層次”以及“when..I want to..then I can…”等設計觀點和方法論都非常值得我們回味并運用到工作當中。

文章是2月前Sam推薦給我的,隨后到 twitter 上獲得了作者的授權,在這里也應作者需要,貼上 Intercom 的官博連接:http://blog.intercom.io/ 。

譯文開始,Dribbble 大牛務必冷靜閱讀。 =D

__________________以下為譯文正文__________________

設計追波風

[ISUX轉譯]設計追波風

這些天氣app中,只有一個試圖解決用戶的實際問題

現在的產品設計和交互設計界發生了一些奇怪的事情。一方面有著如 Ryan Singer 和 Julie Zhuo 這樣能寫出很贊的文章的人來推動我們設計水平的發展。另一方面則是越來越多的人在 dribbble 上發布與交流他們的作品,不過最后結果是追波上的這些玩意反而使我們的水平倒退了。 我寫這篇文章不是在談追波的好壞是非,而是想探討什么才是追波真正的價值。我會將“產品設計”貫穿始終,尤其是在談到用戶體驗和交互設計的時候。

“屌爆了!”dribbble就是用這種形式來鼓勵大家炫技

去年我看了不少應聘 Facebook 和 Intercom 的求職者的設計作品,然后我發現了一個令人擔憂的現象。太多的設計師都在為吸引同行的關注而做設計,而不是把心思花在解決實際的工作問題上。這點一直都是廣告創意領域才有的毛病(比起優先解決客戶需求,做酷炫的作品拿個獎攢點人氣似乎更重要),并且,這在產品設計以及交互設計的領域越來越突出。

我最近看的許多求職者的產品設計作品都聚焦在最表層,只關注于自己做的東西是否足夠的“追波味兒”。所以他們做出來的設計,好看卻不中用。“完美的扁平化設計”,“像素級的精致度”,聽起來很犀利,但往往這些作品都沒有實現產品的真正目的。既沒有解決用戶每天真實遇到的問題,也沒有將完整的業務體系考慮進來。追波上的設計師們喜歡鉆研界面的輪廓和絢麗的色彩等細節,以此交朋結友,相互點贊和分享。看完別人的作品后,自己跟著興沖沖來一發。結果就是大量的設計在追波上都長得差不多。不管你做的是社交軟件,金融軟件,電商網站還是天氣應用,同樣的風格都可以套進去使。你想想,如果給你的眼睛加一層毛玻璃效果,再看看這些界面,你能說出他們到底有什么不同嗎?

[ISUX轉譯]設計追波風

設計最重要的一步,往往并不會去追求外觀的美

相比之下,優秀的求職者通常都附上了他們的思考過程。手繪稿、圖解、利弊、 阻礙、權衡、解決方案,以及闡明交互和動效的原型。在真實參數的考量下,描述產品的模塊如何移動和變化,它們的動態效果又如何呈現。

而糟糕的求職者,只會發他們的酷炫扁平 PNG 或牛逼線框 PDF 過來。沒有關于待解決問題的關鍵點,看不到商業和技術層面的限制,也不描述使用場景和上下文聯系。這些完美的視網膜像素級的 PNG 或許在追波上看起來很贊,但實際上,這些東西卻連基本的設計價值都難以體現。

這就是為什么追波的許多“ReDesign”類的作品實屬愚蠢。因為許多人做設計的時候,并不清楚這個產品的淵源,用戶真實的需求,技術有哪些限制,深層的組織架構又如何。

如果產品設計是在一個具體的約束中為用戶解決問題,這些自稱為產品/用戶體驗設計師的人實際上就是個美工而已。設計師應當是藝術家,是造型師,創造美麗事物是一項偉大的工程,而不是像這樣悶著腦袋亂畫。

產品設計總是與使命,愿景以及架構息息相關

從廣泛的構思到像素級的細節,設計師應該始終思考公司的使命、愿景和產品架構。他們在設計中所做的每件事都需經歷這個過程。

[ISUX轉譯]設計追波風

設計始于公司最頂層的使命,其次是公司的愿景。在一個沒有清晰和可執行的使命與愿景的團隊中,很難開展設計。不要低估這個問題的重要性,如果你所在的公司缺少清晰的使命,那就將締造它作為你工作的一部分。

在使命和愿景之后的,則是產品的架構。不是指技術層面上的東西,而是產品內各部分之間彼此的關聯,是一個總體的系統。我在 Facebook 上班的第一天早上,Chris Cox(產品VP)做了一個絕妙的演講 (你可以點開感受一下) 。下面的聽眾來自公司各個部門, Chris 侃侃而談,然后著重闡述產品的架構,以及它是如何與公司的目標關聯的。

對 Facebook 來說,架構里有聯系人、好友、興趣點,上至世界名牌下到街邊小店,還有一個能夠顯示所有這些事物關系的示意圖。這是一個非常清晰簡潔的產品,直擊目標需求點。以我的經驗來說,在沒有一個清晰明了的構架想法前是很難在這團雜七雜八的玩意下做出一個超贊的設計的。在很多情況下,就像這個項目一樣,作為設計師應該去解決問題并改進架構。比如談到Facebook跳轉其他應用的時候,我通常會在白板上畫些類似這樣的概念圖:

[ISUX轉譯]設計追波風

產品的架構不是信息堆砌,它不是一個頁面連著這個那個模塊和空間,或者一堆死板的演示告訴你點這里是干嘛的,一個交互原型通常就可以很好地處理這些信息。一個更深層次的表達方式,這就是產品的架構圖。它能表現出各個模塊在整體系統中所處的位置以及它們的聯系。而在intercom我們是用這種方式進行架構設計的:

[ISUX轉譯]設計追波風

我甚至沒有印象在追波上有看到過類似上圖這種表述設計思路的架構圖。很少能看到設計師講述他的作品如何匹配需求目標,如何驅使產品的視野向前,或是在整個架構中發揮了什么作用等等,以呈現這些設計的重要度。這應當是設計的基本,而非特例。

一旦你明確產品清晰的使命、愿景和架構,你就可以開始思考其它的細節。只要用戶達成了目標,他們就會開心、滿足,并獲得成就感。你產品的服務為用戶提供了哪些便利,又存在著哪些瑕疵。

這些粗糙的草圖遠遠要比追波上那堆PNG要重要得多。從產品創立伊始到成品的推出,在這一套程序當中,PSD文件和PNG圖片是我認為最不吸引人也是最無用的材料。更為重要的是設計中如何權衡輕重做出取舍的思考和討論的過程,比如產品的優缺點考量,如何將設計匹配公司的愿景,抑或是解決產品的架構問題。所有這些白板草圖,手繪稿,甚至在餐巾紙后面勾勾畫畫的解決方案才是設計者應該發布在追波上的,我更希望看到這些。就連 產品敘述文檔 都比單單一個蒼白的PNG或者PDF文檔來的重要。

思考一下設計的四個層面

設計是一個多層面的過程。以我的經驗而言,如何依次經過這幾個層面來思考是有一個最佳順序的。最簡單的一種就是回想一下這四個層面: 

[ISUX轉譯]設計追波風

我看見一個又一個的設計師單單專注于第四個層面而完全忽視了其他因素,這樣自下而上的方式做出來的設計當然不如至上而下。如果其他三個層面的問題還沒有解決好,那么諸如柵格、字體、色彩、美感等方面的深入都是無用功。許多設計師說他們這樣考慮過而沒有付諸行動,是因為有時候只是覺得畫一些好看的圖片,和把自己掩埋在像素中比處理一些復雜的商業決策和人際關系要更加有趣。只關注第四個層面的因素,這無傷大雅,但這只是畫畫而不是設計。這樣的話,你是一個數字藝術家,但并不是一個設計師。

設計系統越來越重要,因為網絡無處不在

網絡的發明將帶來自工業革命以來最大的社會變更。網絡滲透到每一個角落,它在我們的家里,在我們的辦公場所,當我們熟睡的時候在床頭,在我們的口袋中走到哪里跟到哪里。網絡隨時隨地與我們同在。并逐漸來到我們的車里,衣服上,進入到我們所擁有的一切,還被用來檢測我們的健康。到2020年為止,或更早,所有的業務都會基于網絡而存在。正如 Charles Eames 曾經說過,“最終一切都會相互連接起來”:

[ISUX轉譯]設計追波風

靜態網頁設計是一個在垂死邊緣的職業。隨著移動技術驚人的發展,不同的API、SDK涌現,以及平臺與產品之間開放的合作關系,這一切描繪出了一個無比清晰的未來,那時我們都將參與到系統化的設計中。將滿是線框圖的PDF作為交付品這樣的情況即將逝去,Photoshop也已經是一個衰落中的設計工具。推動我們水平進步的設計師們,往往沉浸在手繪稿、白板稿和原型工具上(Quartz Composer, After Effects, Keynote, CSS/HTML)。

這就是有人說牛逼設計師應該學學代碼的原因之一。無論你贊同與否,設計師的確需要通過探討系統中組件之間的聯系去定義問題和尋求解決方案,而不是通過摳像素來做這個事。實現可交互的原型,當真實操作中不可避免地反饋出設計時被忽視的問題和沒有預先想到的狀況時,他們就可以對此進行細節調整。在真實的交互中去感受,往往能令你對你設計的產品有更好的理解。

我們做設計時采用的方法體系

在 Intercom,我們用 Clay Christensen(哈佛商學院教授)法 來進行產品設計。我們把每一個設計問題置于一個方法體系中,聚焦于引發問題的事件或者場景,動機和預期,以及期望目標:

當_____的時候,我打算_____,這樣我就可以_____。

舉個栗子:當重要的用戶注冊的時候,我們需要被告知,這樣我就可以和他們開始對話

這給我們理清了思路。我們可以將這個方法使用到設計任務中,從而考慮優先級。這確保我們始終能思考設計的四個層面。我們可以知道系統里的哪些組件是這個工作的一部分,明白產品內不同模塊的相互關系和促成這些關系的必要互動。在達到視覺設計之前,我們可以自上而下地從目標、架構,到交互這個順序來進行設計。

在使用這個方法的同時, 我們正在建立一個式樣庫,來幫助我們達到設計工作的系統性。我們將會通過運用式樣庫的代碼而不是用Photoshop來進行更多的設計。雖說這一過程并不完美,但我們會反復改進。

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看
<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 亚洲精品午夜| 久热这里只精品99re8久| 影院欧美亚洲| 狠狠爱成人网| 国色天香一区二区| 国语自产精品视频在线看8查询8 | 久久午夜av| 久久午夜激情| 欧美成人日本| 欧美日韩不卡合集视频| 欧美日韩国产在线播放网站| 欧美日韩国产欧美日美国产精品| 欧美日本一道本| 欧美午夜理伦三级在线观看| 国产精品久久久久久久久久尿| 国产精品久久久久久久久免费樱桃 | 国产亚洲毛片| 国产午夜精品理论片a级大结局| 国产精品美女一区二区| 国产欧美一区二区在线观看| 国产自产女人91一区在线观看| 久久亚洲国产精品一区二区| 欧美激情区在线播放| 欧美日韩a区| 国产精品萝li| 国产综合色精品一区二区三区| 在线播放中文一区| 亚洲欧洲精品成人久久奇米网| 99视频精品| 午夜国产精品影院在线观看| 久久五月激情| 欧美日韩另类国产亚洲欧美一级| 国产精品人人爽人人做我的可爱| 国产一区三区三区| 亚洲精品系列| 亚洲欧美三级伦理| 久久久精品国产免大香伊| 欧美肥婆bbw| 欧美性久久久| 韩国亚洲精品| 一本色道88久久加勒比精品| 亚洲欧美日韩中文在线制服| 久久午夜精品| 欧美日韩一区在线观看| 国产日韩视频| 亚洲人成人99网站| 午夜精品久久久久| 欧美国产丝袜视频| 国产精品婷婷午夜在线观看| 在线免费高清一区二区三区| 正在播放欧美视频| 久久精品欧洲| 欧美日韩国语| 激情六月综合| 亚洲私人影吧| 美女亚洲精品| 国产伦精品免费视频| 亚洲电影免费在线观看| 一区二区三欧美| 久久久精品一区| 欧美视频在线免费看| 在线观看一区二区精品视频| 亚洲一区尤物| 欧美91视频| 国产精品中文在线| 亚洲美女视频| 久热精品视频在线| 国产精品视频导航| 亚洲精品在线观看视频| 久久狠狠婷婷| 欧美性大战久久久久| 亚洲国产精品高清久久久| 亚洲欧美国产77777| 欧美高清视频www夜色资源网| 国产精品自拍在线| 99国产精品久久久| 美女999久久久精品视频| 国产伦精品一区二区三区视频黑人| 亚洲美女视频网| 麻豆国产精品777777在线| 国产日产欧产精品推荐色 | 亚洲综合首页| 欧美精品性视频| 伊人男人综合视频网| 香蕉久久精品日日躁夜夜躁| 欧美日本一区| 亚洲人成啪啪网站| 久久夜色精品国产| 国产亚洲成年网址在线观看| 亚洲天堂av在线免费观看| 欧美—级在线免费片| 在线免费观看视频一区| 欧美专区一区二区三区| 国产精品日韩在线一区| 中日韩视频在线观看| 欧美—级高清免费播放| 在线免费观看视频一区| 欧美一区2区视频在线观看| 国产精品高清网站| 一级成人国产| 欧美日本在线一区| 亚洲另类自拍| 欧美精品久久久久久久免费观看| 亚洲成人中文| 久久综合狠狠综合久久激情| 激情综合在线| 久久久综合精品| 伊人久久男人天堂| 久久琪琪电影院| 伊人久久大香线| 麻豆精品视频在线| 亚洲第一在线综合网站| 猫咪成人在线观看| 亚洲国产日韩一区二区| 欧美激情亚洲自拍| 亚洲精品网站在线播放gif| 美女网站久久| 亚洲毛片一区二区| 欧美日韩亚洲三区| 亚洲永久网站| 国产精自产拍久久久久久| 欧美一级成年大片在线观看| 国产日产欧美一区| 欧美在线一级va免费观看| 国模精品一区二区三区色天香| 久久精品人人做人人爽| 国内精品一区二区三区| 久久亚洲国产精品日日av夜夜| 在线国产欧美| 欧美成人高清视频| 亚洲免费黄色| 国产精品久99| 欧美一区二区黄| 黄色资源网久久资源365| 久久女同互慰一区二区三区| 亚洲国产精品国自产拍av秋霞| 欧美极品在线视频| 亚洲亚洲精品在线观看| 国产精品综合久久久| 欧美有码视频| 在线精品视频一区二区三四| 欧美高清在线| 亚洲影音先锋| 狠狠入ady亚洲精品| 欧美91视频| 制服丝袜激情欧洲亚洲| 国产日韩欧美中文在线播放| 久久午夜视频| 中国av一区| 国产亚洲欧美aaaa| 欧美大片专区| 亚洲午夜精品一区二区三区他趣 | 久久综合九色欧美综合狠狠| 亚洲人成网在线播放| 欧美性大战久久久久| 久久成年人视频| 最新亚洲一区| 国产精品自拍网站| 麻豆成人综合网| 亚洲性视频网站| 在线成人亚洲| 国产精品国产三级国产专区53| 久久久精品一区二区三区| 亚洲日本成人在线观看| 国产精品日韩久久久久| 美女日韩欧美| 亚洲免费综合| 亚洲盗摄视频| 国产精品另类一区| 欧美69视频| 亚洲欧美日韩综合国产aⅴ| 亚洲国产精品成人综合色在线婷婷| 欧美色图天堂网| 久久久久九九九| 宅男噜噜噜66一区二区66| 极品少妇一区二区| 国产精品精品视频| 你懂的网址国产 欧美| 午夜精品一区二区三区在线播放 | 一区二区成人精品| 精品1区2区| 国产精品高潮呻吟久久av无限| 快射av在线播放一区| 亚洲一区二区免费看| 亚洲成人在线视频播放| 国产精品毛片va一区二区三区| 欧美 日韩 国产一区二区在线视频 | 国产欧美日韩在线| 免费视频一区二区三区在线观看| 一区二区三区av| 亚洲高清视频一区| 国产乱人伦精品一区二区| 欧美理论片在线观看| 久久久久这里只有精品| 亚洲欧美日韩成人| 99re6这里只有精品视频在线观看| 激情久久中文字幕| 国产精品自在线| 国产精品高潮视频| 欧美精品一区三区|