如今的用戶界面中，圖標(biāo)絕對(duì)是不可或缺的元素。雖然絕大多數(shù)的圖標(biāo)都很小，甚至不被人注意到，但是它們幫助設(shè)計(jì)和用戶解決了許多問題。圖標(biāo)是可用性和導(dǎo)航的關(guān)鍵，用戶能夠感知到圖標(biāo)的功用，但是只有設(shè)計(jì)師才會(huì)明白，想要讓圖標(biāo)簡約、可用還富有表現(xiàn)力，要耗費(fèi)多少時(shí)間和精力。

喬布斯曾經(jīng)說過：“細(xì)節(jié)至關(guān)重要，花費(fèi)時(shí)間仔細(xì)打磨是值得的?！眻D標(biāo)是現(xiàn)如今UI界面中可用性和導(dǎo)航體系的核心組件，所以，今天的文章，我們來仔細(xì)歸納一下常見的圖標(biāo)類型和它們?cè)赨I中的使用。

FB設(shè)計(jì)團(tuán)隊(duì)設(shè)計(jì)的一款Gear VR（三星VR設(shè)備）平臺(tái)的全景應(yīng)用過程總結(jié)，其中包含一些很有價(jià)值的VR實(shí)戰(zhàn)經(jīng)驗(yàn)與設(shè)計(jì)原則。

FB的Immersive設(shè)計(jì)團(tuán)隊(duì)致力于提升人們身臨其境的體驗(yàn)。我們相信脫離了傳統(tǒng)的“容器”來講述和體驗(yàn)故事可以讓人們與情景和彼此更深入的聯(lián)結(jié)。

我們已經(jīng)在各個(gè)平臺(tái)搭建了360度全景照片與視頻服務(wù)，目前在FB上已經(jīng)有超過2500萬張360全景照片和100萬個(gè)全景視頻。盡管有如此多的全景內(nèi)容，然而用戶還是很容易在feed流中錯(cuò)過這些內(nèi)容。

Facebook 360介紹

過去的幾個(gè)月，我一直為下一步進(jìn)行設(shè)計(jì)：給予三星Gear VR平臺(tái)的Facebook 360應(yīng)用——使全景照片和視頻更容易被發(fā)現(xiàn)。這是FB第一個(gè)為Gear VR做的媒體應(yīng)用，一個(gè)通過VR瀏覽360全景照片和視頻的平臺(tái)。

對(duì)于設(shè)計(jì)師而言，移動(dòng)端設(shè)備屏幕上的每一寸空間都是寶貴的資源。為了在小屏幕上做更多的事情，設(shè)計(jì)師在設(shè)計(jì)導(dǎo)航系統(tǒng)的時(shí)候，通常需要花費(fèi)更多的時(shí)間來打磨。漢堡圖標(biāo)在過去幾年當(dāng)中，是最常見的一種設(shè)計(jì)策略，導(dǎo)航和選項(xiàng)被隱藏在這個(gè)小小的圖標(biāo)之后，但是實(shí)際上，雖然大眾已經(jīng)習(xí)慣了它的存在，但是它并不是最佳的導(dǎo)航設(shè)計(jì)方案。

在今天的文章當(dāng)中，我們會(huì)探討為什么漢堡菜單這樣的隱藏式導(dǎo)航影響用戶體驗(yàn)，以及可用性更強(qiáng)的替代方案。

為何漢堡圖標(biāo)會(huì)破壞用戶體驗(yàn)

在移動(dòng)端設(shè)備上，我們看到的可見式導(dǎo)航其實(shí)比漢堡圖標(biāo)這樣的隱藏式導(dǎo)航更多，前者大概是后者的2.5倍。

相信很多體驗(yàn)設(shè)計(jì)師在與產(chǎn)品需求方進(jìn)行設(shè)計(jì)提案的時(shí)候會(huì)遇到這樣的情景：

• 你闡述自己的設(shè)計(jì)推導(dǎo)過程，從產(chǎn)品目標(biāo)分析、問題定位、設(shè)計(jì)目標(biāo)分析、設(shè)計(jì)思路闡述這樣的推導(dǎo)下來，在場的產(chǎn)品經(jīng)理們都點(diǎn)頭，表達(dá)認(rèn)可。
• 但是！當(dāng)?shù)搅嗽O(shè)計(jì)方案環(huán)節(jié)，你把方案放出來，各位就七嘴八舌挑戰(zhàn)了：￥#@%&*&*
• 這時(shí)候經(jīng)常會(huì)聽到這樣一句話：“有沒有其他更好的方案?。俊?
• 這時(shí)候你是不是會(huì)想，我前面的推導(dǎo)和演繹過程那么完美那么富含邏輯，推導(dǎo)的肯定是最好的方案啦！

但是哦，這個(gè)時(shí)候，你還是會(huì)感覺沒底氣說出這句話來。

于是你最后說出一句妥協(xié)的話“好的好的，我回去改一下。”（各位老板我都聽你們的，你們說啥就是啥）

專業(yè)度呢？設(shè)計(jì)價(jià)值呢？你的玻璃心要碎了：死了產(chǎn)品經(jīng)理們會(huì)不會(huì)覺得自己很水很不專業(yè)。

怎么辦？這就是今天想聊聊的主題：“思維框架”理論，讓我們更好地決策和解決問題。

語音交互是一個(gè)全新的體驗(yàn)設(shè)計(jì)領(lǐng)域，目前各家機(jī)構(gòu)、公司、設(shè)計(jì)組織還處于摸索設(shè)計(jì)范式的階段，Google提供了一份非常成熟、系統(tǒng)的交互規(guī)范文檔，其中包含了核心概念的詮釋以及諸多可以指導(dǎo)設(shè)計(jì)的實(shí)踐原則。最近正在做的項(xiàng)目中涉及到語音交互的部分，所以順手將這份文檔翻譯出來，給需要的設(shè)計(jì)師參考。

我的譯文盡量的貼合文檔中原有的表意，同時(shí)基于我個(gè)人對(duì)語音交互的理解對(duì)表達(dá)文字進(jìn)行潤色。其中有個(gè)別概念名詞比較抽象，所以我也旁邊附上了英文單詞，以便大家理解。

我們正在進(jìn)入一個(gè)有光明前景的全新計(jì)算領(lǐng)域，機(jī)器學(xué)習(xí)和人工智能激發(fā)著對(duì)話式界面和自然語言的進(jìn)步，同時(shí)使對(duì)話式交互成為一種新的交互模式。

交互思維是什么？網(wǎng)上的搜索結(jié)果大多是一些交互設(shè)計(jì)的方法。但是我這里要講的，是真正做交互設(shè)計(jì)所具備的思維方式。交互設(shè)計(jì)在國內(nèi)發(fā)展的并不成熟，還有很長一段路要走。很多人，甚至包括交互設(shè)計(jì)師自身，對(duì)這一工作的性質(zhì)和價(jià)值都未必有足夠的了解。

交互設(shè)計(jì)，聽上去是“設(shè)計(jì)”，但是其本質(zhì)和常見的UI和視覺設(shè)計(jì)相去甚遠(yuǎn)?！敖换ァ敝傅氖侨祟惻c機(jī)器之間的溝通，與美學(xué)、界面、按鈕什么的，其實(shí)沒有半毛錢關(guān)系。領(lǐng)域細(xì)分之前，也許我們考慮的東西越多越好，但是在細(xì)分之后的今天甚至未來，交互設(shè)計(jì)就要有它不一樣的價(jià)值。

由于目前的大環(huán)境對(duì)這一細(xì)分領(lǐng)域仍舊缺乏了解，所以我希望在這篇文章里，寫幾個(gè)做交互設(shè)計(jì)所需要的思維方式。

1. 先理解什么是業(yè)務(wù)需求、目標(biāo)、目的

1.1 什么是業(yè)務(wù)需求

業(yè)務(wù)需求是企業(yè)為了達(dá)到某些目標(biāo)和某種目的而制定的。它代表著企業(yè)希望下一輪產(chǎn)品的迭代能帶來什么收益，所以企業(yè)和 PM 在制定需求時(shí)必須謹(jǐn)慎且方向清晰。在工作中，交互要分析拿到的業(yè)務(wù)需求是否合理，所以就要理解在業(yè)務(wù)需求中的一些基本元素：

• 需求定位：產(chǎn)品或用戶，還有企業(yè)戰(zhàn)略
• 需求類型：功能類、數(shù)據(jù)類、設(shè)計(jì)類等
• 重要性：重要、暫不重要

拿到需求首先就要分析，定位是否清晰，屬于技術(shù)類、數(shù)據(jù)類、設(shè)計(jì)類等中的哪一類，篩選所有需求中哪個(gè)更重要，然后再去做相應(yīng)的工作。

1.2 什么是業(yè)務(wù)目標(biāo)

導(dǎo)語

隨著各類App的業(yè)務(wù)功能不斷豐富，小紅點(diǎn)已經(jīng)成為互聯(lián)網(wǎng)從業(yè)者們最常使用的運(yùn)營工具之一，每當(dāng)有新的運(yùn)營內(nèi)容或新功能上線，大家的做法往往是“在那放個(gè)紅點(diǎn)就行了”。然而簡單粗暴的形式以及不加節(jié)制的投放，讓小紅點(diǎn)變成了人人厭煩的“小妖精”。本文從設(shè)計(jì)的角度出發(fā)淺談小紅點(diǎn)的一些設(shè)計(jì)細(xì)節(jié)，期望引起大家對(duì)小紅點(diǎn)的關(guān)注，在這里拋磚引玉，也期待感興趣的小伙伴一起探討。

煩人的小紅點(diǎn)

人類似乎天生對(duì)不對(duì)稱，不和諧的事物有厭煩心理，并且想要去糾正這些“錯(cuò)誤”，簡而言之就是大家平時(shí)所說的“強(qiáng)迫癥”。而小紅點(diǎn)則完美利用了這一人性的弱點(diǎn)，它就像白嫩臉頰上長出的一顆小痘痘，讓人忍住不去要去擠破它。因此，小紅點(diǎn)也成為了一把產(chǎn)品運(yùn)營利器，只要投放在某個(gè)業(yè)務(wù)入口，就幾乎沒有用戶會(huì)對(duì)它熟視無睹，而當(dāng)用戶忍不住要去輕觸消除它時(shí)，產(chǎn)品側(cè)為業(yè)務(wù)導(dǎo)流的目的也就達(dá)到了。

那么問題來了，用戶喜歡小紅點(diǎn)嗎？在Google和必應(yīng)上搜索關(guān)鍵詞“App 小紅點(diǎn)”，幾乎有一半的搜索結(jié)果是“教你如何消除小紅點(diǎn)”。

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

在本文的第二部分當(dāng)中，我們來了解一些作為設(shè)計(jì)師需要掌握的VR基礎(chǔ)概念及相關(guān)設(shè)計(jì)工具。我們不會(huì)探索的過于深入，面向設(shè)計(jì)師的職能點(diǎn)到為止即可。

新的空間維度與沉浸式體驗(yàn)所帶來的沖擊是前所未有的。要在三維世界當(dāng)中打造令人舒適的互動(dòng)體驗(yàn)，你需要了解一些此前可能并未接觸過的設(shè)計(jì)與技術(shù)原則。我們的Cardboard團(tuán)隊(duì)將一系列概念知識(shí)打包到了Cardboard Design Lab這款app(Android)當(dāng)中，你可以配合Cardboard沉浸到VR世界當(dāng)中進(jìn)行學(xué)習(xí)。

此外還要記得觀看Alex在2015年I/O大會(huì)上做的詳細(xì)演示(Youtube)。下面我們就來從這些學(xué)習(xí)資源當(dāng)中匯總出一些知識(shí)要點(diǎn)。

如果你只有精力去記住兩條原則：

• 保持幀數(shù)穩(wěn)定

• 保持頭部追蹤

人們?cè)诔两谔摂M世界當(dāng)中的時(shí)候，會(huì)本能的對(duì)外界事件產(chǎn)生反應(yīng)。作為設(shè)計(jì)師，要考慮到環(huán)境因素的影響。

生理舒適度。眩暈癥的問題是我們必須面對(duì)的。特別是在角色加、減速的時(shí)候要特別留意。盡可能保持地平線的穩(wěn)定，以避免暈船癥狀的出現(xiàn)。

環(huán)境舒適度。人們?cè)谝恍┨囟ǖ奶摂M環(huán)境當(dāng)中同樣會(huì)體驗(yàn)到與現(xiàn)實(shí)相對(duì)應(yīng)的不適，譬如高空與恐高癥，狹小的空間引發(fā)的幽閉恐怖癥，空曠空間所造成的廣場恐懼癥等等。要注意虛擬對(duì)象的尺寸比例及互動(dòng)關(guān)系。在現(xiàn)實(shí)中，如果有人向你拋來一個(gè)物體，你會(huì)本能的抓取、躲閃或是保護(hù)自己。合理利用現(xiàn)實(shí)當(dāng)中人與環(huán)境的互動(dòng)規(guī)律，不要反其道而行之。

圍繞用戶的感官能力設(shè)計(jì)引導(dǎo)元素。想想游戲設(shè)計(jì)師們通常是怎樣指引玩家探索環(huán)境的：

• 通過聲音幫助玩家辨別方位

• 通過光亮為玩家指明方向

避免讓用戶感到疲勞。聽上去是再顯然不過的道理，但這確實(shí)是VR設(shè)計(jì)新手最容易犯的錯(cuò)誤之一。我們?cè)诳苹秒娪爸锌催^太多炫酷的人機(jī)互動(dòng)方式，但你要知道其中大多數(shù)都有悖于最基本的人機(jī)工學(xué)原理；例如“少數(shù)派報(bào)告”當(dāng)中那樣的手勢操作放到現(xiàn)實(shí)當(dāng)中會(huì)很快讓人產(chǎn)生疲勞與不適。

我制作了一張簡單的示意圖，用來描述頭部在X與Y軸上運(yùn)動(dòng)的舒適區(qū)域。綠色代表最佳，黃色代表可以接受，紅色意味著不適。網(wǎng)絡(luò)上可以找到的一些用研報(bào)告將有助于你進(jìn)一步了解這方面的話題，例如來自LeapMotion的VR Best Practices Guidelines(PDF格式，4.7M)，此外我們還將在本文結(jié)束時(shí)提供更多的資源供參考。

不當(dāng)?shù)脑O(shè)計(jì)有可能給人們?cè)斐蓢?yán)重的生理不適。聽說過“短信脖”沒？在一篇發(fā)布于Neuro and Spine Surgery的研究報(bào)告(PDF格式，314KB)當(dāng)中，我們可以了解到人們使用手機(jī)時(shí)不同的持機(jī)姿態(tài)對(duì)于頸部所產(chǎn)生的壓強(qiáng)變化。從自然平視狀態(tài)一直到低頭瀏覽，頸部承受的壓強(qiáng)提升了440%，肌肉和韌帶會(huì)變得酸痛疲勞，神經(jīng)趨于緊張，脊椎骨所承受的壓力也在增強(qiáng)。這些不當(dāng)?shù)氖褂梅绞缴踔量赡芙o身體帶來長期的健康問題，例如永久性神經(jīng)損傷等等。

簡而言之，這個(gè)特定的研究報(bào)告至少能告訴我們要盡可能避免長時(shí)間的低頭交互行為。

自由度

三維空間為我們提供了六種運(yùn)動(dòng)方式，包括在X、Y、Z三個(gè)軸線上進(jìn)行的旋轉(zhuǎn)與移動(dòng)。

三自由度(方向追蹤)

基于手機(jī)的頭戴式VR設(shè)備，例如Cardboard或Gear VR等等，可以通過內(nèi)置的陀螺儀對(duì)三個(gè)軸線上的旋轉(zhuǎn)行為進(jìn)行追蹤(3DOF)。

六自由度(方向+位置追蹤)

HTC Hive與Oculus Rift這類高端VR設(shè)備所擁有的傳感器還可以對(duì)發(fā)生在三個(gè)軸線上的位移進(jìn)行追蹤(+X、-X、+Y、-Y、+Z、-Z)，從而實(shí)現(xiàn)六自由度(6DOF)。

追蹤

由一個(gè)或多個(gè)傳感器所組成的紅外追蹤系統(tǒng)使6DOF成為可能。Oculus的追蹤傳感器位于固定攝像頭上，而Vive則將其放置在了HMD(頭戴式顯示器)當(dāng)中。

Oculus與Vive的燈塔位置追蹤模式對(duì)比

輸入設(shè)備

具體的輸入設(shè)備取決于你所采用的系統(tǒng)平臺(tái)。Google Cardboard本身只有一個(gè)按鈕，相應(yīng)的交互模式僅包含簡單的“看”和點(diǎn)擊。HTC Vive需要兩個(gè)6DOF控制器，而Oculus則搭配了Xbox One手柄，不過最終也會(huì)進(jìn)化為雙6DOF控制器“Oculus Touch”。這些輸入設(shè)備都能為用戶帶來更高級(jí)的沉浸化交互體驗(yàn)。

Xbox One手柄

Oculus Touch

其他輸入模式還包括手勢追蹤等等。其中最著名的當(dāng)屬Leap Motion，你甚至可以將其搭載在HMD上配合使用。

搭載在DK2上的Leap Motion

日新月異的科技進(jìn)步在不斷推進(jìn)著這類設(shè)備的發(fā)展，不過目前來說，手勢追蹤技術(shù)還很不成熟，雙手與手指的細(xì)微動(dòng)作帶來的潛在問題太多，使其難以成為VR的主要輸入設(shè)備。

游戲手柄雖然早已被人們所熟悉，但在VR領(lǐng)域中卻難以帶給我們高質(zhì)體驗(yàn)，因?yàn)椴僮鞣绞降木窒迺?huì)使VR創(chuàng)造出來的高自由度受到破壞，特別是在FPS(第一人稱射擊)游戲當(dāng)中，通過手柄控制前進(jìn)后退和左右平移的動(dòng)作時(shí)通常會(huì)給玩家?guī)順O度不適。

而另一方面，HTC Vive的6DOF控制器體驗(yàn)起來確實(shí)非常棒，特別是在Tilt Brush這類app當(dāng)中。我還沒有試過Oculus Touch，不過到目前為止看到過的演示都很棒，譬如這段Oculus Toybox demo(Youtube)。

VR的交互設(shè)計(jì)模式顯然取決于你所選定的系統(tǒng)平臺(tái)及相應(yīng)的輸入設(shè)備類型。作為設(shè)計(jì)師，要盡可能去熟悉各類設(shè)備，并對(duì)它們的優(yōu)勢及功能限制有所了解。

設(shè)計(jì)工具

這顯然是個(gè)很大的話題，需要更多的專業(yè)文章甚至相關(guān)書籍才能詳盡描述。我們?cè)诒疚闹袃H對(duì)業(yè)界最主流的一些工具進(jìn)行簡要的介紹。

紙和筆

無論在什么時(shí)代都始終不離我們左右的老伙伴，方便快捷，無需花費(fèi)時(shí)間精力聚焦于任何技法，在初期探索時(shí)尤為適用，能幫你迅速呈現(xiàn)想法，快速迭代，而且成本低廉。要知道，在VR領(lǐng)域，將設(shè)計(jì)流程推進(jìn)到中、高保真階段所需花費(fèi)的成本相比于2D界面設(shè)計(jì)來說要更加高昂。

Sketch

仍然每天都會(huì)用到，因?yàn)楹糜?。在進(jìn)入實(shí)際的VR原型階段之前，Sketch是很完美的探索工具，在導(dǎo)出和插件方面也能幫你極大的提升工作效率。

Cinema 4D

我并不覺得C4D和Maya是競爭對(duì)手的關(guān)系，兩個(gè)工具都很棒，各有所長。如果你沒有3D方面的經(jīng)驗(yàn)，學(xué)習(xí)曲線可能會(huì)有些陡峭。在我看來，C4D的界面、參數(shù)設(shè)定和構(gòu)建方式更合理，能幫我做更多的快速迭代，所以很喜歡用。MoGraph模塊不錯(cuò)，同時(shí)還有很多好用的插件供選擇。C4D的社區(qū)很活躍，你可以找到不少高質(zhì)量的學(xué)習(xí)資源。

Maya

Maya的優(yōu)勢和不足都很明顯。一方面，它能滿足3D藝術(shù)家的所有設(shè)計(jì)需求，太多游戲和電影都經(jīng)由Maya設(shè)計(jì)制作，其強(qiáng)大而易用的功能可以應(yīng)對(duì)繁重的工作負(fù)荷，渲染、建模、動(dòng)畫等等無所不通，同時(shí)還擁有很高的定制化能力，堪稱業(yè)界典范。多數(shù)工作室需要根據(jù)自身的特定需求來組裝定制化工具集，而Maya正是有能力將所有組件整合為一體的最佳平臺(tái)。

但另一方面，要掌握如此強(qiáng)大且多樣化的工具，你勢必要投入大量的時(shí)間和精力，包括幾周時(shí)間的摸索，幾個(gè)月的學(xué)習(xí)以及日復(fù)一日年復(fù)一年的練習(xí)與實(shí)踐。

Unity

一應(yīng)俱全的原型工具，你可以一邊在VR中預(yù)覽著原型一邊在Unity當(dāng)中進(jìn)行調(diào)整。Unity本身是個(gè)強(qiáng)大的游戲引擎，社區(qū)成熟，store中的資源也很豐富(具體售價(jià)由資源作者制定)，包括簡單的3D模型、完整的項(xiàng)目、音頻、分析工具、著色工具、腳本、材質(zhì)紋理等等供你選擇。

Unity提供的文檔和學(xué)習(xí)平臺(tái)相當(dāng)不錯(cuò)，教程質(zhì)量很高，覆蓋面也很廣。

在Unity3D中進(jìn)行開發(fā)需要用到C#或JavaScript，微軟的Visual Studio套裝當(dāng)中自帶Unity工具，但不包含可視化編輯器，你需要到資源庫中自行尋找。

Unity支持所有的主流HMD，具備優(yōu)秀的跨平臺(tái)能力，內(nèi)容可以被部署到各類系統(tǒng)，包括：Windows PC、OS X、Linux、Web Player、WebGL、VR(包括Hololens)、SteamOS、iOS、Android、Windows Phone 8、Tizen、Android TV和Samsung SMART TV，以及Xbox One/360、PS4、Playstation Vita和Wii U等等。

Unity支持所有的主流3D格式，在2D游戲開發(fā)方面也很擅長。自帶的3D編輯器不算給力，但人們已經(jīng)開發(fā)了很多優(yōu)秀的插件來彌補(bǔ)這一點(diǎn)。Unity需要授權(quán)許可，但你可以在一定的功能范圍內(nèi)使用免費(fèi)的個(gè)人版本。不妨去官網(wǎng)了解詳情，畢竟是當(dāng)今最主流的游戲引擎，市場占有率達(dá)到了47%。

Unreal(虛幻)引擎

作為Unity3D的直接競爭對(duì)手，Unreal同樣提供了完備的文檔及教學(xué)視頻。由于進(jìn)入市場的時(shí)間相比于Unity稍晚，所以Unreal的store規(guī)模還相對(duì)較小。

Unreal的巨大優(yōu)勢在于圖形表現(xiàn)力，無論是地形、粒子、后期處理效果還是光影等等都領(lǐng)先于對(duì)手。

Unreal 4使用C++，同時(shí)搭配可視化腳本編輯器Blueprint。

我個(gè)人沒怎么使用過Unreal，難以進(jìn)行更詳細(xì)的介紹。在跨平臺(tái)方面，Unreal相對(duì)較弱，目前支持Windows PC、OS X、iOS、Android、VR、Linux、SteamOS、HTML5、Xbox One和PS4。

結(jié)束語

VR還相當(dāng)年輕。作為先行者，我們需要去學(xué)習(xí)和探索的東西太多太多，這也正是我為此而興奮并最終加入VR團(tuán)隊(duì)的原因。擺在我們面前的有挑戰(zhàn)，更有機(jī)遇，我們理應(yīng)盡最大的努力到這個(gè)新世界當(dāng)中進(jìn)行探索，去學(xué)習(xí)、理解、創(chuàng)造、迭代，如此反復(fù)的長久保持下去。

藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

在過去的幾年當(dāng)中，網(wǎng)絡(luò)上所流傳的各種設(shè)計(jì)和開發(fā)資源，在素質(zhì)上有明顯的提升。其中有一些已經(jīng)幾乎成為了設(shè)計(jì)師和開發(fā)者必備的工具，但是其中絕大多數(shù)由于其應(yīng)用范疇的局限，或者傳播不夠廣，導(dǎo)致它們大多并廣為人知。將這些素材集中到一起，很大程度上是希望它們的目標(biāo)用戶能夠明白，需要這些工具的時(shí)候，上哪兒找。

這次的前端干貨合集內(nèi)容也很齊全，仔細(xì)看看，總能找到幾款你所需要的。

MuzzleApp