這是一個外國小哥寫給其他想進入中國市場的外國設計師的，用來學習中國互聯(lián)網(wǎng)是個什么樣子，很多我們習以為常的東西在國外都變得不可思議，感受下。

網(wǎng)頁產(chǎn)業(yè)的動蕩與中國的飛速發(fā)展有著許多相似之處：至少他們都是令人捉摸不定的。但是如果你把這兩件事情放在一起的話，你就會看到一幅快速變化的中國互聯(lián)網(wǎng)發(fā)展的畫面 。為了不被淘汰，我們必須展望未來， 以便盡早迎接變革。

別小瞧了中國的網(wǎng)頁領域，它并沒有你想象中那么簡單，尤其是在個別的關鍵方面——中國用戶的預期和西方用戶簡直差太多了。接下來我將帶你進入網(wǎng)頁專家的視角，一起來看看移動社交平臺的爆紅，以及那些優(yōu)秀的設計師和作品。

一個組件做任何事情之前是怎樣的？可能這是用戶首次看到它。或者它還沒被激活。根本上說就是這個組件存在，但還沒有啟動。

　從 2012 年到 2015 年，大數(shù)據(jù)持續(xù)發(fā)威，IDC 市場調(diào)查機構預測 2017 年大數(shù)據(jù)市場將價值 324 億，擁有這樣“Big Data、Big Deal”遠見的人，正在利用大數(shù)據(jù)激蕩出最有創(chuàng)意的構想，用數(shù)據(jù)的力量來創(chuàng)造出大量的價值。從讓資料搜尋分析平臺，到利用大數(shù)據(jù)幫助癌癥治療，大數(shù)據(jù)新創(chuàng)公司這幾年內(nèi)如雨后春筍般出現(xiàn)，2015 年這些“Big Data Startups”也會持續(xù)挖掘大數(shù)據(jù)的價值、微調(diào)其企業(yè)策略，期盼在市場中展露頭角。以下幾家新創(chuàng)公司都已經(jīng)各自獲得好幾輪金額可觀的融資，在大數(shù)據(jù)市場中十分有潛力，值得我們關注并參考，從中瞭解大數(shù)據(jù)的應用方向及潛能。

過去一段時間，有無數(shù)關于漢堡菜單的文章，大部分設計師都在抵制使用他，然而這件事的本質并非是圖標的錯，而是將導航隱藏在圖標之下的問題。

這種設計方案對于設計師來說特別省事，根本不用擔心有限的屏幕大小，只需要將你所有的菜單項排個序然后放進這個可滾動的浮層中，藏在漢堡菜單里。

然而實踐證明，使用可視化的菜單項會提高用戶的參與度、滿意度甚至是商業(yè)利益。這也是為什么現(xiàn)在主流的應用都從漢堡菜單改成底部導航的可見菜單設計。

很多同學做設計的時候經(jīng)常會漏掉這個漏掉那個，等到開發(fā)來問的時候才想到?，F(xiàn)在有了網(wǎng)易同學自創(chuàng)的自查表，可以把一些問題提前預防起來，文章系統(tǒng)全面，條理性強，是不可多得的實用好文呦。

飛靈：對于移動應用來說，移動情景非常復雜，設備也很多樣。那么在設計之后，設計評審之前，你的交互稿考慮的細節(jié)是否完善，對特殊狀態(tài)的描述是否有遺漏，你是怎么提前發(fā)現(xiàn)一些問題并查漏補缺的？為解決這個問題，我們團隊建立了一份交互設計自查表，并且在版本迭代的過程中同步迭代，補充新出現(xiàn)的異常點。

這份表格梳理了用戶在完成具體任務過程中的各種異常情況。它不會顯示交互的所有細節(jié)，但是卻能為特定的目標提供用戶體驗的全面視角。這個目標可能是高層次的，例如：進行某項操作無網(wǎng)絡時，應該如何展示；網(wǎng)絡不佳時應該如何處理等。在此過程中，可能由于特殊的使用場景，解決方案會有不同，但是這份表格會提醒你去深入地思考一個解決方案。以下是我在總結這些異常情況時的一些小經(jīng)驗。

時我的心情可以用”崩潰“來形容，我感覺在眾人面前尊嚴全無，感覺兩周的辛苦完全浪費了，感覺自己的專業(yè)能力被完全無視。團隊成員的積極性也受到
了嚴重的打擊，有人覺得何必浪費精力去探索創(chuàng)新，老板說啥就做啥挺好。那個時候我一度想過離職，因為我實在是不知道該怎么面對后面的事情。

索性經(jīng)過一段時間，我又恢復了理智，我發(fā)現(xiàn)之前的方法存在嚴重的問題：在設計過程中缺乏老板及其他leader的參與。這么做絕不是為了迎合老板，而是對于一個to B產(chǎn)品來說，理解的成本非常高，不管是格局、經(jīng)驗，還是其他因素，設計師都 難以到達和leader同樣的高度，而這個問題在C端產(chǎn)品上雖也存在，但不至于那么明顯（C端的產(chǎn)品理解成本較低，大家的理解不會存在太大偏差）。比如同 樣是對于大數(shù)據(jù)，我們想到的關鍵詞是”實驗、匯聚、科技、工具、安全、價值”等，而老板可能想到的是“0和1、太極、宇宙、水晶球“等等。

我們具體是怎樣做的呢？當然不是直接問老板要怎樣設計啦，而是采用一種”預訪談“的形式，我給它起了個名字叫”投石問路“法。

黃金比例是一個比較特殊的數(shù)學比例，通常我們會用線段分割來解釋這個比例：把一條線段分割為兩部分，較短部分與較長部分長度之比等于較長部分與整體長度之比，其比值是一個無理數(shù)，取其前三位數(shù)字的近似值是0.618。

值得慶幸的是，國外已經(jīng)有很多優(yōu)秀的移動用戶界面資源是可用的，這些先驅的寶貴資源可以大大幫助你的移動設計或開發(fā)你的響應式網(wǎng)站。相信今天要隆重推薦的10個網(wǎng)站，無論是在你設計一個新的移動應用程序還是尋找特定的設計解決方案時，他們都會踏踏實實的幫助到你。

1. Konigi

這個網(wǎng)站上展示了許多完美的交互設計和視覺設計案例，網(wǎng)站提供了許多不同的方式來引導你便捷的搜尋感興趣的項目！一定要利用好標簽喲。

本文譯自蘋果官方人機界面指南 iOS Human Interface Guidelines (2015年10 月21日)，由騰訊ISUX設計師翻譯整理，非發(fā)文者一人之作。譯文首發(fā)于ISUX博客，如在閱讀過程中發(fā)現(xiàn)錯誤與疏漏之處，歡迎不吝指出。

圖標設計及素材

筆者最常用的是

1>圖標搜索 http://www.iconfinder.com/，但是網(wǎng)絡速度有點慢，圖標是最多最全，最好找的，而且有相關聯(lián)性，用戶體驗很好。

2> 中文圖標搜索 http://www.iconpng.com/

3> http://www.fasticon.com/

4> http://dryicons.com/

5> http://www.icotrip.com/6

6> 提供搜索http://www.icones.pro/6>

7> 國外圖標http://weloveicons.com/

8> http://www.freeiconsdownload.com/

9> http://www.freeiconsweb.com/