大寶：
聽過很多建議窒悔，翻過很多干貨，追過很多講座敌买，也看過很多雞湯简珠。我也曾寫過幾篇建議類文章，也會(huì)被很多小伙伴們推從虹钮，每個(gè)寫作或是設(shè)計(jì)者都有自己對未來方向的看法聋庵。我很少在具體操作的維度里建議什么給大家。因?yàn)橄Ｍ麑懙臇|西能讓不同領(lǐng)域的設(shè)計(jì)師都能有所受益芙粱，最近翻看這篇文章覺得不錯(cuò)祭玉，互聯(lián)網(wǎng)設(shè)計(jì)現(xiàn)在被炒得火熱，也有大批設(shè)計(jì)師想永進(jìn)這個(gè)領(lǐng)域春畔。即便這篇文章也有會(huì)讓你質(zhì)疑的地方脱货，那又有什么呢。找到自己受益的點(diǎn)然后彌補(bǔ)和強(qiáng)化就好了嘛拐迁。
UI設(shè)計(jì)師蹭劈，給你的40條建議
Jon Moore
1.使用UI框架
我知道你想主宰自己的設(shè)計(jì)，但你先拿出來一個(gè)有Material Design 10%的美麗和可延展的設(shè)計(jì)系統(tǒng)线召，然后我們再來談?wù)勚髟鬃约旱脑O(shè)計(jì)铺韧。使用UI框架，開發(fā)人員可以更快地構(gòu)建缓淹，你也可以節(jié)省自己的時(shí)間哈打，并且用戶不會(huì)花費(fèi)更多的精力找出使用方法塔逃。
2.停止創(chuàng)建自己的排版規(guī)則
我知道Dribbble上華麗的作品看起來很棒。但你真的解釋了你的字距規(guī)則對未來6個(gè)月發(fā)展有什么細(xì)微差別嗎料仗？
3.選擇5種顏色
用5種顏色工作湾盗，我知道你可以做到的！在coolors.co網(wǎng)站上立轧，每當(dāng)你按下空格格粪，它就會(huì)給你5種新的顏色，超棒氛改！
4.讓你的灰色更灰
沒有人能看清這些文字帐萎。（但認(rèn)真地說，我同意它看起來很好看胜卤。所以我把它應(yīng)用在設(shè)計(jì)中疆导，但在開發(fā)后繼續(xù)進(jìn)行優(yōu)化）。
5.對稱沒那么重要
或許這種情況只在我身上有葛躏。我曾經(jīng)花了很長的時(shí)間使一切對稱澈段，直到我為了對稱設(shè)計(jì)而昏迷了，還是我的設(shè)計(jì)伙伴用嗅鹽喚醒的我舰攒。
6.找到設(shè)計(jì)中的所有輕量級字體败富，并給它們增加一個(gè)重量
然后打開字體庫，刪除所有輕量級字體芒率，你并不需要他們囤耳。
7.你的設(shè)計(jì)不是一件藝術(shù)作品
我知道你是獨(dú)特的，但你的設(shè)計(jì)是用來完成使用任務(wù)的工具偶芍。這并不意味著它不能是美麗的，恰恰相反德玫，它就應(yīng)該是美麗而吸引人的匪蟀！在不讓自己陷入像素泥沼中而最終失去產(chǎn)品終極價(jià)值的前提下，盡量使它可視化而又保持它的價(jià)值宰僧。
8.顯示器越來越大材彪，但你不需要使用所有的空間
這是積蓄的開始。
9.空白不能浪費(fèi)
要讓它呼吸琴儿，有呼吸感段化。
10.折疊UI不應(yīng)該存在于App中
下一次你的PM要求你：“把這些圖形折疊起來，并停止浪費(fèi)空白造成∠匝”你依然是我沒有建議的態(tài)度。讓我知道你是否有一個(gè)比“用戶有使用trackpads和鼠標(biāo)滾動(dòng)習(xí)慣”更好的回答晒屎，因?yàn)榻缑嬗袝r(shí)是平的喘蟆。
11.停止給你的圖表添加陰影
或者讓圖表浮出屏幕缓升，或者花費(fèi)任何時(shí)間在他們身上。在為產(chǎn)品設(shè)計(jì)圖表時(shí)蕴轨，你應(yīng)該采取三個(gè)步驟：①選擇正確的圖表類型港谊。②將其設(shè)計(jì)的易于理解。③填充令人信服的數(shù)據(jù)橙弱。
12.Dribbble喜歡不支付賬單
他們讓你感覺很好歧寺，但要記住如果你的設(shè)計(jì)不能建立，那么你的自定義中世紀(jì)現(xiàn)代的家在懸崖上也不能建立棘脐。
13.在白板上創(chuàng)新斜筐，而不是在你的App上
你的想法應(yīng)該堅(jiān)如磐石，然后你坐在你的電腦前將它實(shí)現(xiàn)荆残。設(shè)計(jì)不是魔術(shù)般地出現(xiàn)在屏幕之上并在閃爍的像素中顯現(xiàn)出來奴艾。
14.使用f_cking圖標(biāo)集
在比賽中是沒有恥辱的。嘗試Nucleo或Nova内斯，他們是偉大且多才多藝的蕴潦。
15.沒有人比你更愛你的設(shè)計(jì)
可能除了你的媽媽吧。我們愛上了我們的作品俘闯，我們愛上了其他設(shè)計(jì)師的作品潭苞。但是你的用戶最終不會(huì)真正關(guān)心你所做到的程度，利益相關(guān)者也不會(huì)關(guān)心真朗，他們只要設(shè)計(jì)達(dá)到了滿足用戶的目標(biāo)此疹。
16.你的設(shè)計(jì)應(yīng)該植根于價(jià)值，而不是藝術(shù)
我們已經(jīng)確定你不是倫勃朗和波洛克遮婶。但除此之外蝗碎，你目前的工作方式無論是在Dribbble，與你的客戶旗扑，或者與你的PM和開發(fā)人員蹦骑，你應(yīng)該總是反映業(yè)務(wù)和用戶價(jià)值。我知道我們的UX設(shè)計(jì)師并不總是做很酷的東西臀防，但我們應(yīng)該得到報(bào)酬眠菇，難道不是嗎？我認(rèn)為這是最重要的事情袱衷。當(dāng)然捎废，還有用戶。
17.在開發(fā)沖刺期間擔(dān)心組件級別的詳細(xì)信息
我不會(huì)忽視下拉菜單和焦點(diǎn)狀態(tài)以及溢出狀態(tài)和換行等事情的重要性致燥，但這些討論會(huì)復(fù)雜得多登疗，所以在概念階段提出比在開發(fā)過程中提出費(fèi)時(shí)要短得多并且高效得多。
18.每一個(gè)錯(cuò)誤的像素就像是小說中的一個(gè)錯(cuò)字
以演示和布局為傲篡悟，每一個(gè)像素都要嚴(yán)格檢查谜叹。
19.你知道一個(gè)屏幕上有一個(gè)按鈕沒有對齊匾寝？
你的設(shè)計(jì)團(tuán)隊(duì)馬上就在你的設(shè)計(jì)審查中指出的那個(gè)人？是的……馬上指出荷腊。這其實(shí)是一個(gè)將放在網(wǎng)站上的營銷艳悔。
20.命名圖層
“湯姆”、“蝙蝠俠”什么的女仰，只是給他們一個(gè)名字猜年。
21.使用網(wǎng)格
我不是在說網(wǎng)格設(shè)計(jì)，用713個(gè)圓疾忍、橢圓和矩形來顯示你的標(biāo)志乔外。只是用一個(gè)最基本的，沒有花里胡哨的圓柱形網(wǎng)格一罩，做出來給你的開發(fā)者使用杨幼！
22.開發(fā)能準(zhǔn)確理解你表達(dá)的意思嗎？
他們不會(huì)準(zhǔn)確理解的聂渊。不要通過電子郵件來告訴他們差购，面對面的對他們進(jìn)行表述。
23.Mila Kunis不使用你的APP營銷
無論是Obama, Charlie Sheen, Taylor Swift, 或者是The Weeknd汉嗽，走在街上你會(huì)看到許多人使用圖片欲逃，或者笨拙地盯著你寫這篇文章。
24.不要讓你的下一個(gè)界面變成“野獸派”
我保證你真的不知道這意味著什么饼暑。我當(dāng)然不會(huì)嘗試稳析，因?yàn)槲乙呀?jīng)閱讀了兩篇關(guān)于它的文章，甚至還有一個(gè)野獸派的畫廊網(wǎng)站弓叛，這真的沒有什么幫助彰居。
25.也許你的PM不能理解你的才能
或者也許你并不是一個(gè)天才，你應(yīng)該采取他們的建議撰筷，因?yàn)樗麄兺ǔＪ钦_的裕菠。
26.減少你花在動(dòng)畫UI設(shè)計(jì)上的時(shí)間
你真的認(rèn)為動(dòng)效設(shè)計(jì)是大勢所趨嗎？只要找出你想要從你的產(chǎn)品中切出的功能闭专，然后讓它發(fā)生，在寫一篇關(guān)于你在創(chuàng)業(yè)中如何看到曲棍球棒式成長的文章旧烧，正因?yàn)槟阍陂喿x一篇關(guān)于UI設(shè)計(jì)中使用迪斯尼動(dòng)畫原理的文章影钉？
27.做演示時(shí)，如果想不到原因掘剪，可以作如下回答
像“哦平委，這只是一些我試驗(yàn)的東西”或“我的Invision文件不同步”。如果客戶端注意到你的InVision文件已完全同步夺谁，只需告訴他們只是沒有看到大圖片廉赔。
28.Lobster字體是新的Comic Sans字體
你可能不同意肉微，但你不能忽略這個(gè)消息，下一次你可以嘗試使用它蜡塌。
29.如果Proxima Nova是一個(gè)星座碉纳，它將是北斗星。每個(gè)人都可以看到它馏艾，但沒有人真正關(guān)心它
好吧劳曹，我現(xiàn)在完成翻錄字體。 Proxima Nova是偉大的琅摩，但它有點(diǎn)像慢跑褲√酰現(xiàn)在，每個(gè)人都穿著他們房资，你真的有那么新潮嗎蜕劝？
30.停止談?wù)撃惚痪芙^的設(shè)計(jì)
他們被拒絕了，他們在過去轰异，他們像你以前那種可怕的發(fā)型岖沛。把他們從你的作品集中刪除，展示你已經(jīng)構(gòu)建的設(shè)計(jì)溉浙，但不要忽視你從這些舊的迭代設(shè)計(jì)中學(xué)到的東西烫止，這才是關(guān)鍵。
31.設(shè)置熱鍵
我不想站在你身后看著你慢慢地制作你的UI戳稽，請使用你的工具馆蠕，充分發(fā)揮它們的潛力。如果你不知道從哪里開始惊奇，我們寫了一篇有用的文章：https://medium.com/ux-power-tools/shortcuts-hotkeys-and-gestures-5-ways-to-become-a-design-ferrari-in-sketch-or-blazingly-fast-in-389929e89115#.lqnypp6fh
32.教開發(fā)人員捕魚
不要給他們魚互躬，“魚”的意思是：想象一下用戶的瀏覽器寬度可能會(huì)隨著LG，雙寬颂郎，34“顯示器不同而受到影響吼渡。當(dāng)你開始這樣做時(shí)，他們總是會(huì)期望它乓序，他們會(huì)愛你做你的產(chǎn)品寺酪，但你的產(chǎn)品可能會(huì)受到影響，因?yàn)槟阒饾u陷入瘋狂替劈。寄雀。
33.當(dāng)你意識到你的設(shè)計(jì)可能不偉大時(shí)，你知道那可怕的恐慌的感覺嗎陨献？
我也不知道盒犹！
34.那沉重的感覺，你忽略了什么事情？
我們都有這種情況急膀，但你必須弄清楚如何解決它沮协。好的一方面是，你錯(cuò)過的“事情”會(huì)越來越小卓嫂，因?yàn)槟惬@得了更多的經(jīng)驗(yàn)慷暂，你提升了你自己的標(biāo)準(zhǔn)。與你的團(tuán)隊(duì)合作命黔，你會(huì)盡量減少這些時(shí)刻煤傍。
35.不要用數(shù)據(jù)為你的設(shè)計(jì)辯護(hù)
慣例的變化和用戶總是會(huì)讓你驚訝想际。坦白地說唁毒，如果你設(shè)定了這個(gè)先例常侦，你最終會(huì)遇到一個(gè)開發(fā)者，他會(huì)挖掘一篇文章坠宴，推翻你的聲明洋魂。相反，擁抱設(shè)計(jì)的不確定性喜鼓，并與您的團(tuán)隊(duì)坦誠副砍。
36.記得漢堡包菜單嗎？
這是一個(gè)奇怪的時(shí)間庄岖。你還沒有在你的本地移動(dòng)應(yīng)用程序中使用它嗎豁翎？
當(dāng)我們年輕時(shí)，我們都試驗(yàn)了這一點(diǎn)隅忿。這個(gè)方案確實(shí)很酷心剥，但要注意的是：它們?nèi)匀皇琼憫?yīng)網(wǎng)站的適當(dāng)解決方案。
37.如果你寫了一段以上的段落來解釋一個(gè)屏幕背桐，那么你應(yīng)該重新設(shè)計(jì)优烧。
或者額外的獎(jiǎng)勵(lì)積分，也許重做的設(shè)計(jì)链峭。
38.想想嘗試一個(gè)很酷的漸變畦娄？小心！
這就像一個(gè)腰包弊仪，很難拉斷熙卡。也就是說兩個(gè)色調(diào)的圖像和漸變是復(fù)雜的。即便你這樣做了励饵，你也可能只是想知道你是否真的需要它再膳。
39.你是一個(gè)全能設(shè)計(jì)師嗎？
我不是一個(gè)全能的設(shè)計(jì)師曲横，我的設(shè)計(jì)同事會(huì)一點(diǎn)開發(fā)，我們都喜歡各方面涉獵一點(diǎn)。
40.讓我們把代碼留給專家
我們都會(huì)一點(diǎn)編碼禾嫉，但事實(shí)是有人訓(xùn)練后灾杰，編碼速度會(huì)非常快熙参⊙薹停花時(shí)間磨練和完善自己的核心技能。繼續(xù)學(xué)習(xí)孽椰，但要認(rèn)識到你最好的技能昭娩。
以上內(nèi)容由本人原創(chuàng)轉(zhuǎn)譯，轉(zhuǎn)載請?zhí)崆案嬷⒆⒚鞒鎏幨蜇遥駝t后果必究栏渺！
關(guān)于大寶（我本人）：
互聯(lián)網(wǎng)領(lǐng)域設(shè)計(jì)師，跨界于廣告锐涯、創(chuàng)意磕诊、工業(yè)設(shè)計(jì)、用戶體驗(yàn)等領(lǐng)域纹腌，喜歡潮流霎终，本身卻很土，定期寫文升薯，歡迎提出你感興趣的設(shè)計(jì)莱褒、藝術(shù)、創(chuàng)意等話題涎劈，試著做一個(gè)書寫設(shè)計(jì)來影響你的人广凸。
歡迎關(guān)注，閱讀更多原創(chuàng)設(shè)計(jì)思考责语。
