簡評：假都放完了皇钞，收收心吧臭猜。
介紹些移動設(shè)計基礎(chǔ)知識和技巧挪钓，幫助非專業(yè)設(shè)計人員快速爬坑。
在開始之前洒闸，引用一位知名搖滾演奏家 Dave Grohl （上圖）的話：
我從未學(xué)習(xí)過音樂染坯，但把音樂做出來了。如果你對某些事情充滿熱情丘逸，并且主動去做单鹿，專注投入，那你可以完成任何事深纲。
很多人覺得學(xué)習(xí)一項新的技能充滿著各種門檻仲锄，自我設(shè)限劲妙。其實很多事情沒有想象的那么難，最重要的是跨出第一步儒喊，去操作镣奋，去實踐，把看到的各種知識技巧落實在項目上怀愧，哪怕再小的項目侨颈。以結(jié)果為導(dǎo)向，激勵自己芯义。這樣才是學(xué)習(xí)一門新知識的最佳途徑哈垢。
本指南會為你提供一些可以應(yīng)用的基礎(chǔ)設(shè)計知識，和實用的設(shè)計技巧扛拨。希望能夠?qū)Υ蠹矣兴鶐椭欧郑€是那句話，說一千道一萬绑警，不如做一下求泰。
1.近黑色比純黑色更適合閱讀
試試用 #333333 RGB（51，51待秃，51）來代替純黑色的文字，近黑比純黑更能讓讀者專注與文字痹屹。
另外章郁，背景和字體顏色應(yīng)該有對比，這樣不會造成視覺疲勞志衍。通常暖庄，白底黑字是最清晰的。盡量避免淺灰 - 黃色 - 綠色的配色方案楼肪。如果你不得不瞇眼看培廓，看肯定是搭配有問題。
2.內(nèi)容可讀性和重點
排版時春叫，要首先安置最重要的信息肩钠，在你的 app 或者網(wǎng)站上，要清楚地看到這些信息暂殖。再不放大或者滾動的情況下价匠，重點內(nèi)容應(yīng)該清晰可見。
我們接著看幾個例子來說明這個問題呛每。
Instagram 的重點是用戶發(fā)布的照片/視頻踩窖，所以在頁面中把這一塊變得更顯眼。
Pinterest晨横，通過將搜索欄固定在頂部洋腮，然后在其下方的漂亮網(wǎng)格來創(chuàng)建視覺風(fēng)格箫柳。Pinterest 特意將搜索框作為頁面上的第一個項目。搜索是 Pinterest 的核心功能啥供。
舉個另類的例子悯恍，Spotify 和網(wǎng)易云音樂，封面占據(jù)屏幕的主要區(qū)域滤灯，播放器次要坪稽，他們雖然是音樂類 app，但是對于視覺的刺激要求很高鳞骤。
3.對齊排版
對齊是排版的基礎(chǔ)窒百，最起碼不會出錯。
比如我們用 medium 的頁面舉例子豫尽。
仔細(xì)看這個頁面篙梢，有什么感覺么？給你 30 秒美旧。
注意左側(cè)和右側(cè)的對齊方式渤滞，整體很不協(xié)調(diào)。
經(jīng)過調(diào)整榴嗅，把左側(cè)對其之后妄呕，就會顯得整潔舒服。
所以嗽测，在很多時候绪励，當(dāng)我們無法駕馭或者不能確定一個排版的可接受性的時候，可以中規(guī)中矩的把它們對齊排列唠粥。
4.文字大小和間距
不要讓字體拘束疏魏，增加字體大小和間距，更容易讀者閱讀晤愧。
5.如果排序的順序很重要大莫，使用 list
大多數(shù)應(yīng)用都有搜索功能，如果搜索的順序很重要官份，那么列表是最好的表達方式只厘。
如果順序不是那么重要，那可以采用更開放的樣式舅巷，比如上面的 Pinterest 的網(wǎng)格視圖懈凹。
（上圖：網(wǎng)頁點擊熱力圖，list 的黃金三角區(qū)能夠獲得絕大多數(shù)流量）
6.先設(shè)計黑白版悄谐，再做彩色版
在設(shè)計之初介评，特別是思考核心功能和 UX 時，建議采用黑白初稿。
因為色彩可能會激起我們的情緒们陆，打擾我們對于核心功能的設(shè)計寒瓦。
7.舒適的設(shè)計
既然為移動設(shè)備做設(shè)計，那一定要考慮到手部的放置坪仇≡友可以參考專欄的另一篇文章：拇指區(qū)域：為移動用戶設(shè)計
記住幾點：
- 重要鏈接以及一些導(dǎo)航設(shè)計，放在容易到達的區(qū)域椅文；
- 移動設(shè)備和語言將會改變喂很，但只要是觸摸屏，拇指區(qū)域?qū)⑷匀皇窃O(shè)計的關(guān)鍵部分皆刺；
- 拇指區(qū)域內(nèi)恰當(dāng)好處的內(nèi)容和動作少辣，對于卡片式設(shè)計會有很大益處；
當(dāng)我們考慮一個人的拇指如何在屏幕上滑動時羡蛾，要思考如何讓手勢區(qū)域變得更加簡單漓帅。
8.使用調(diào)色板
顏色是一門難以捉摸的藝術(shù)〕赵梗可以專欄參考文章：設(shè)計師自學(xué)手冊：配色方案指南 忙干。強烈建議去 Dribbble 并搜索「調(diào)色板」或使用調(diào)色板生成器，如 Coolors 或 Color Claim浪藻。
9.遵照 Apple 和 Google 的設(shè)計規(guī)范
Google 和 Android 的設(shè)計都非常優(yōu)秀捐迫，我們在設(shè)計的時候可以多參考他們的設(shè)計規(guī)范。
- Google： [https://material.io/)
- Apple： HIG?—Human Interface Guidelines
園長：其實我也寫過不少的設(shè)計類文章（都比較淺）爱葵，但是真正去執(zhí)行的朋友施戴，我相信沒多少人，哪怕給自己設(shè)計「個人logo」這么有趣钧惧，有意義的事情暇韧，可能都沒多少人去操作勾习。
真的浓瞪，我們看了那么多文章，聽過那么多故事巧婶，見了那么多人乾颁，為什么他們還是他們，傳說還是傳說艺栈？
一定是有機遇和運氣成分英岭，但是主動也很關(guān)鍵。就算上帝讓你發(fā)財湿右，你連彩票都不買诅妹，怪誰？
實踐和行動！
去吧吭狡！
原文：How to not suck at design, a 5 minute guide for the non-designer.
“本譯文僅供個人研習(xí)尖殃、欣賞語言之用，謝絕任何轉(zhuǎn)載及用于任何商業(yè)用途划煮。本譯文所涉法律后果均由本人承擔(dān)送丰。本人同意簡書平臺在接獲有關(guān)著作權(quán)人的通知后，刪除文章弛秋∑黪铮”
歡迎關(guān)注知乎專欄「極光日報」，每天為 Makers 導(dǎo)讀三篇優(yōu)質(zhì)英文文章蟹略。
延伸閱讀：
