圖形設(shè)計(jì)大師Paul
Rand（保羅.蘭德）曾經(jīng)說(shuō)過(guò)：“設(shè)計(jì)絕不是簡(jiǎn)單的排列組合與簡(jiǎn)單地再編輯，它應(yīng)當(dāng)充滿著價(jià)值和意義，去說(shuō)明道理，去刪繁就簡(jiǎn)，去闡明演繹，去修飾美
化，去贊美褒揚(yáng)，使其有戲劇意味，讓人們信服你所言……”，由此可見，設(shè)計(jì)絕非輕而易舉之事，優(yōu)秀的設(shè)計(jì)更是難上加難，今日小編偶然發(fā)現(xiàn)一篇界面設(shè)計(jì)師
Joshua Porter博客當(dāng)中的一篇文章——《Principles of User Interface
Design》，文章中列舉了20大UI設(shè)計(jì)原則，看完之后，覺得挺受啟發(fā)，于是試著將其編譯，希望能夠給廣大設(shè)計(jì)師——特別是剛?cè)腴T的初級(jí)設(shè)計(jì)師，提供
較好的學(xué)習(xí)機(jī)會(huì)。全文編譯如下：

好設(shè)計(jì)如空氣般存在。

傳達(dá)出對(duì)生活的思考，對(duì)美的追求。

每次看到別具匠心的設(shè)計(jì)作品，都會(huì)微微一笑；抑或忍不住驚嘆，哇，暖到心里了！

但一段時(shí)間之后，就不記得曾經(jīng)與她怦然心動(dòng)的邂逅了。當(dāng)時(shí)印象深刻，找尋靈感的時(shí)候，卻怎么也記不清她的模樣。

App Store和Google Play里的app多如牛毛。很難說(shuō)未來(lái)的趨勢(shì)是什么，不過(guò)顯然我們可以輕易選出當(dāng)下的5種趨勢(shì)并加以分析。今天@十萬(wàn)個(gè)為什麼 同學(xué)簡(jiǎn)單歸納了當(dāng)下的5種移動(dòng)APP設(shè)計(jì)趨勢(shì)，來(lái)漲姿勢(shì)吧。

看看時(shí)下的app中的顏色、創(chuàng)意和簡(jiǎn)單樸素，我們能從中學(xué)到一些設(shè)計(jì)移動(dòng)app的技巧。

編者按：今天問(wèn)題非常有代表性，該如何融合看似對(duì)立的簡(jiǎn)約與細(xì)節(jié)？怎樣讓簡(jiǎn)約的界面看起來(lái)不那么糙？來(lái)看@-eno-one- 老師分享的內(nèi)部培訓(xùn)教程，全文都是易懂的大白話，外行人也能看得明白，希望對(duì)同學(xué)們有幫助 >>>

正好，前段時(shí)間公司的內(nèi)部培訓(xùn)就講到這方面。我將內(nèi)容整理一下。

之所以決定將這個(gè)問(wèn)題作為公司內(nèi)訓(xùn)的原因，因?yàn)榘l(fā)現(xiàn)一些同事們的設(shè)計(jì)粗糙，缺乏細(xì)節(jié)。而所謂設(shè)計(jì)的細(xì)節(jié)，又是一種很難用理性文字來(lái)表述清楚的東西。所以，我花了好幾天時(shí)間去觀察同事們做的東西，總結(jié)其中常犯的通病。本篇內(nèi)容，我會(huì)盡量用最易懂的大白話來(lái)回答。外行人也能看得明白，就是我的目的。所以，希望下面的內(nèi)容對(duì)你有幫助。

@5key ：小 A 前段時(shí)間接手了一個(gè)大項(xiàng)目，需要獨(dú)立完成一個(gè)社交類的應(yīng)用。為此他花了大量時(shí)間進(jìn)行前期準(zhǔn)備，然后才開始著手進(jìn)行應(yīng)用的設(shè)計(jì)。一個(gè)月后我參加了這個(gè)項(xiàng)目的設(shè)計(jì)評(píng)審，評(píng)審結(jié)果很糟糕。業(yè)務(wù)方會(huì)后和我說(shuō)這位設(shè)計(jì)師不太行，設(shè)計(jì)方案完全沒(méi)有考慮清楚。

(Lennart Hennigs 著     Ellazou & Charrywang譯    Crispinzhu校正     查看原文   轉(zhuǎn)載請(qǐng)注明出處)

移動(dòng)端用戶體驗(yàn)設(shè)計(jì)正日趨成熟。衡量這一點(diǎn)的方法之一就是看工具。原型工具可以讓我們創(chuàng)建線框圖以及點(diǎn)擊事件，比如Balsamiq、Axure以及Fireworks，幫助我們?cè)忈屇繕?biāo)用戶體驗(yàn)?？鐬g覽器的框架工具如PhoneGap、Zurb Foundation以及jQuery Mobile可以幫助我們用互聯(lián)網(wǎng)本地化語(yǔ)言來(lái)創(chuàng)建原型：HTML、CSS以及JavaScript。

設(shè)計(jì)是無(wú)限的，可作為借鑒

這一套UI設(shè)計(jì)規(guī)范，包含了界面布局、顏色、文字規(guī)范、按鈕規(guī)范、圖標(biāo)規(guī)范、圖片規(guī)范、列表規(guī)范、控件規(guī)范、彈出浮層，超級(jí)詳細(xì)。

大家可以借鑒下，學(xué)會(huì)自己設(shè)計(jì)一套APP設(shè)計(jì)規(guī)范，成為高級(jí)設(shè)計(jì)師。但是不要生搬硬套，畢竟不是一個(gè)產(chǎn)品，總之可參考的價(jià)值很高。大家自己吸收吧!

千呼萬(wàn)喚始出來(lái)！隨著Apple Watch開賣的日子臨近，我們終于等來(lái)了Apple Watch的官方文檔（HIG）！發(fā)布會(huì)的時(shí)候，許多用戶都對(duì)水果神教的智能手表的設(shè)計(jì)表示懷疑，為什么要這么設(shè)計(jì)？答案就隱藏在官方的這份設(shè)計(jì)指南當(dāng)中。

經(jīng)常有新入職的同學(xué)，搞不清設(shè)計(jì)師和別的職位如產(chǎn)品經(jīng)理，在工作內(nèi)容上有什么區(qū)別。回答了幾次之后，我總結(jié)出兩方面的差別，簡(jiǎn)單概括為：技能和定位。

“技能”指的是設(shè)計(jì)師掌握了項(xiàng)目中其他角色都不具備的能力——畫圖。這么概括有點(diǎn)簡(jiǎn)單粗暴了，事實(shí)上設(shè)計(jì)師的專業(yè)能力遠(yuǎn)比畫圖兩字涵蓋的內(nèi)容要廣。但“畫圖”確實(shí)是更容易被所有人理解的說(shuō)法（向家里長(zhǎng)輩解釋我干什么的時(shí)候，他們?nèi)绻焕斫馕揖蜁?huì)說(shuō)是畫圖的，他們就會(huì)貌似恍然大悟地哦一聲，終于聽到一個(gè)他們想要的能聽懂的答案了）。伴隨著人機(jī)界面從命令行到圖形可視化，再進(jìn)化到哪兒哪兒都可以摸的觸屏?xí)r代，用戶對(duì)于“美”和“交互”的要求越來(lái)越高，設(shè)計(jì)師的能力和價(jià)值也愈發(fā)受到重視。

設(shè)計(jì)師的“定位”，是隨著用戶體驗(yàn)受重視而發(fā)展起來(lái)的?；ヂ?lián)網(wǎng)產(chǎn)品有一個(gè)很重要的特點(diǎn)是免費(fèi)。聊天是免費(fèi)的，搜索是免費(fèi)的，游戲是免費(fèi)的，殺毒也是免費(fèi)的。免費(fèi)對(duì)用戶來(lái)說(shuō)當(dāng)然是好事，但免費(fèi)也意味著用戶遷移的成本很低，特別是當(dāng)產(chǎn)品同質(zhì)化嚴(yán)重時(shí)。一款免費(fèi)游戲，如果突然宣布收費(fèi)，市場(chǎng)上又有同類游戲，結(jié)果很有可能是大規(guī)模的用戶流失。和傳統(tǒng)行業(yè)不同，在免費(fèi)的商業(yè)模式之下，用戶黏性、忠誠(chéng)度對(duì)產(chǎn)品來(lái)說(shuō)至關(guān)重要；而用戶體驗(yàn)就是構(gòu)成黏性的一個(gè)重要因素。于是伴隨著互聯(lián)網(wǎng)行業(yè)的蓬勃發(fā)展，用戶體驗(yàn)設(shè)計(jì)師，以用戶體驗(yàn)衛(wèi)道者的姿態(tài)站了出來(lái)。

看完這篇文章之后，你也許會(huì)意識(shí)到，你在各種應(yīng)用里看到的所有動(dòng)效，其中有80%可能是不恰當(dāng)?shù)模蚴歉緵](méi)必要存在的。

本質(zhì)上講，應(yīng)用界面是在顯示屏的2D框架當(dāng)中為我們呈現(xiàn)更廣闊的2D甚至是3D世界的。在現(xiàn)實(shí)生活中，如果你把錘子放在抽屜里，那么它就在那里，你知道拉開抽屜就能看到。而在手機(jī)里，如果一個(gè)元素移出屏幕，它就不再“存在”了。所以，要把應(yīng)用設(shè)計(jì)的更加“符合直覺”，很重要的一點(diǎn)就是盡量讓界面元素以用戶在現(xiàn)實(shí)生活中熟悉的方式進(jìn)行運(yùn)動(dòng)。