國(guó)外總結(jié)的30條關(guān)于設(shè)計(jì)師的冷知識(shí),但是編輯感覺(jué)每一條都是合格設(shè)計(jì)師都應(yīng)該遵守的準(zhǔn)則,不信你看看。
1. 用UI框架框架吧!我知道你想做自己的設(shè)計(jì),但太多太多的事實(shí)告訴我們,對(duì)于絕大部分設(shè)計(jì)師來(lái)說(shuō),采用某個(gè)設(shè)計(jì)框架或者說(shuō)是系統(tǒng)(比如最近大熱的MD)設(shè)計(jì)出來(lái)的東西會(huì)更漂亮,坑會(huì)更少,拓展性會(huì)更強(qiáng),你做得輕松,程序員寶寶開(kāi)發(fā)起來(lái)也更歡快,即便不能完全遵守,也需要對(duì)規(guī)范熟悉。
2. 少整自己的字符排版規(guī)則跟上面那個(gè)問(wèn)題有點(diǎn)相似,為什么不直接使用平臺(tái)規(guī)范建議的規(guī)則而要自己整呢?當(dāng)然,這發(fā)上追波去會(huì)顯得比較酷,但是你真的有必要因?yàn)檫@個(gè)而去折磨開(kāi)發(fā)6個(gè)月嗎?
3. 只選5個(gè)顏色然后用到老仔細(xì)選好之后就堅(jiān)持下來(lái),不要再多加!不要再多加!不要再多加!重要的事情說(shuō)三遍!這只會(huì)讓你界面看起來(lái)更糟!
4. 透明度別調(diào)那么狠好吧好看是好看啊,關(guān)鍵是除了你自己沒(méi)人知道里面寫(xiě)了什么。(嘿嘿,好看就行,讓開(kāi)發(fā)自己改去哈哈哈哈)。
5. 對(duì)稱(chēng)真的真的沒(méi)有那么重要不要用這一點(diǎn)來(lái)彰顯你一絲不茍追求完美的個(gè)性。肯定不止是我,為了讓接下來(lái)的選項(xiàng)也是四個(gè)字,連語(yǔ)義通暢都不管了,這是一種病,設(shè)計(jì)昏迷候群癥。對(duì)齊很重要,對(duì)稱(chēng)不是,不要再在這里浪費(fèi)時(shí)間了,用上最簡(jiǎn)潔、最正確的詞語(yǔ)就OK了。
6. 找出用了thin或ultra-thin的字體然后統(tǒng)統(tǒng)給調(diào)回來(lái)!你也不再需要這兩種style了,找出來(lái)刪了吧謝謝。
7.你的設(shè)計(jì)不是一件藝術(shù)品你是一個(gè)發(fā)育健全的設(shè)計(jì)師,你應(yīng)該知道你現(xiàn)在"畫(huà)"的東西跟以往你在學(xué)校里面做的作業(yè)不一樣,現(xiàn)在你的設(shè)計(jì)是用戶用來(lái)操作并達(dá)成自己目的的一個(gè)工具。貴司肯定不會(huì)顧畢加索來(lái)畫(huà)UI做交互,這并不是畢加索不懂美,只是他不夠"實(shí)際"。當(dāng)然漂亮美麗是必須的,但與藝術(shù)品不同的是,你首要的目標(biāo)是讓產(chǎn)品性能更好、用起來(lái)簡(jiǎn)單、能為用戶創(chuàng)造價(jià)值。
8. 現(xiàn)在設(shè)備的屏幕是越來(lái)越大了,但這并不意味著你要填滿一切空間。填滿一切正正是一切丑的起源啊兄弟!!
9. 留白要有意義老司機(jī)們所說(shuō)的呼吸感并不是玄學(xué),快去研究研究吧!
10.如果解釋一個(gè)頁(yè)面你也要用上好幾百字,那么這個(gè)頁(yè)面可能只能由你自己來(lái)開(kāi)發(fā)了。更簡(jiǎn)單的方法是,重做。
11.求別再在圖表上加陰影了
不要浪費(fèi)時(shí)間去調(diào)一個(gè)完美無(wú)缺空間感極強(qiáng)的陰影來(lái)讓某根線懸浮起來(lái),這看起來(lái)確實(shí)非常漂亮,也不要為了好看而選擇了曲線圖或某種別的樣式。設(shè)計(jì)一個(gè)易讀的圖表其實(shí)不需要這些糊里花哨的東西,通常只需要下面這三步:
1)餅狀圖、曲線圖什么的,只選擇適合你要展示的數(shù)據(jù)的
2)簡(jiǎn)潔美觀能看懂就行,真的
3)你要選擇展示最應(yīng)該被展示出來(lái)的數(shù)據(jù)
4)這里就不要再加節(jié)奏個(gè)性、亮瞎雙眼的動(dòng)效了
12. Dribbble上的贊不會(huì)讓你發(fā)財(cái)在追波上獲得很多贊非常爽,但是我們都是"以用戶為中心的設(shè)計(jì)師",而不是"以贊為中心的設(shè)計(jì)師"。還有千萬(wàn)別迷信諸位大神po上去的飛機(jī)稿shot,什么能夠?qū)崿F(xiàn)什么不能人家門(mén)兒清著呢,你學(xué)人家po飛機(jī)稿也可以,但是千萬(wàn)別嚷著讓開(kāi)發(fā)做出來(lái),你只會(huì)被打死。
13. 如果你有啥新穎的想法,請(qǐng)先在紙上畫(huà)上幾個(gè)來(lái)回世上沒(méi)有哪件發(fā)明不是經(jīng)過(guò)仔細(xì)打磨推敲、經(jīng)過(guò)無(wú)數(shù)失敗的糾正才得以問(wèn)世的。設(shè)計(jì)也是一樣,靈感來(lái)了的時(shí)候現(xiàn)在紙上留住它,仔細(xì)思考,反復(fù)推敲。此舉經(jīng)證實(shí)能夠有效防止因?yàn)槟X洞太大而被無(wú)情地嘲笑,別問(wèn)我是怎么知道的。
14. 使用同一套現(xiàn)成的icon會(huì)讓一切來(lái)得更加輕松對(duì)于交互設(shè)計(jì)來(lái)說(shuō),一般你在畫(huà)交互稿的時(shí)候或多或少都要用到icon,這時(shí)候選擇一套大而齊全,美觀實(shí)用的icon set會(huì)讓你的原型看起來(lái)更加整潔美觀,而且效率也會(huì)更高,這里我推薦svgsus,svg格式,隨便修改顏色,隨意放大縮小,制作精良,尺寸嚴(yán)謹(jǐn),涵蓋廣泛。阿里的iconfont與之相較效率有點(diǎn)低了。
15. 事實(shí)是這樣的,沒(méi)有人會(huì)比你更喜歡你自己的設(shè)計(jì),真的
可能你媽咪能看懂的話她會(huì)比你更加喜歡。你看看是不是這么一回事:你"愛(ài)上"了你的設(shè)計(jì),縱使你經(jīng)驗(yàn)豐富然而你卻選擇性地忽視了非常多不好的地方,這是設(shè)計(jì)師的一種"疾病",發(fā)現(xiàn)別人的錯(cuò)誤容易,尋找自己的錯(cuò)誤卻困難,如果你能讓自己處于非常客觀的角度來(lái)審視自己的作品的話那恭喜你,終有一日你將成為一代宗師,這一點(diǎn)是很多人雖然知道但是卻做不到的。試著別把自己的設(shè)計(jì)看得那么重要并始終相信仍然有需要改進(jìn)的地方。其實(shí)你的用戶并沒(méi)有那么在意你的設(shè)計(jì),只要用起來(lái)沒(méi)問(wèn)題,你的董事會(huì)也沒(méi)有那么在意你的設(shè)計(jì),只能產(chǎn)品能夠賣(mài)得動(dòng)。
16. 上邊已經(jīng)說(shuō)過(guò)(第幾條去了?我忘了),作為這種設(shè)計(jì)師,體現(xiàn)你價(jià)值的從來(lái)就不是所謂"藝術(shù)"。無(wú)論你去到哪里,你的首要目標(biāo)永遠(yuǎn)永遠(yuǎn)永遠(yuǎn)都是讓產(chǎn)品對(duì)于用戶來(lái)說(shuō)有價(jià)值。價(jià)值的種類(lèi)就多了去了,不過(guò)我們收錢(qián)辦事,所以請(qǐng)停止任性,停止搶奪用戶的話語(yǔ)權(quán),心平氣和地畫(huà)畫(huà)吧!
17. 在開(kāi)發(fā)階段才去考慮一些成熟的組件的細(xì)節(jié)一些歷史久遠(yuǎn),已被大部分用戶接受的組件本身已經(jīng)非常成熟可靠,只要你決定用上,它本身并不會(huì)出多大的問(wèn)題,就算有問(wèn)題你也大概看不出來(lái)。所以在設(shè)計(jì)階段可以先把他們薅上去,等到開(kāi)發(fā)階段在看看是否有需要調(diào)整的細(xì)節(jié)。
18. 你總是會(huì)犯這樣那樣的小錯(cuò)誤,比如有些東西沒(méi)對(duì)齊,字號(hào)沒(méi)選對(duì)等等。
我打算開(kāi)解一些那些會(huì)因?yàn)檫@些事情而懊惱的設(shè)計(jì)師們,別太自卑了,每個(gè)人都是這樣的,因?yàn)槲覀兪侨祟?lèi)。大部分情況下你都搞好,有些時(shí)候粗心免不了,但這真的不需要去擔(dān)心,因?yàn)樵谡麄€(gè)設(shè)計(jì)到開(kāi)發(fā)到測(cè)試的過(guò)程中你會(huì)有足夠多的時(shí)間去發(fā)現(xiàn)并且糾正這些錯(cuò)誤。
19. 關(guān)于上面那條,你也有足夠多的同事會(huì)指出你的錯(cuò)誤。呵呵噠。
20. 圖層要命名這句話剛在設(shè)計(jì)圈里面流行的時(shí)候很多人都跟著做了,后面知道這句話的人越來(lái)越多了,然而真的做到每個(gè)圖層都命名的人又越來(lái)越少了,天知道發(fā)生了什么事情。
21. 參考線,柵格化,謝謝
這里的參考線不是說(shuō)那種你的logo用了多少回黃金分割,用了多少個(gè)圓的那種參考線。而是那種最普通的參考線,或者說(shuō)是柵格系統(tǒng),現(xiàn)在很多設(shè)計(jì)軟件都能幫你自動(dòng)生成。如果你不知道怎么拉,那么請(qǐng)去資訊一下你的程序員寶寶,看他需要哪種,例如安卓開(kāi)發(fā)就會(huì)需要8dp的方形基線網(wǎng)格,字符則對(duì)齊4dp的基線網(wǎng)格,各個(gè)平臺(tái)的需要可不一樣哦。知道了沒(méi)用,你會(huì)堅(jiān)持嗎?堅(jiān)持才是最重要的。
22. 想知道開(kāi)發(fā)究竟是怎么理解你的意思的嗎?答案就是他們不會(huì)去理解的。別寫(xiě)郵件,別微信,別試圖在會(huì)議上面跟他們說(shuō)清楚,當(dāng)面去跟他們講,去比劃比劃,他們才會(huì)知道的,別浪費(fèi)時(shí)間在些郵件上了。
23. 咱能在做Persona的時(shí)候不用宋仲基的頭像嗎?這不會(huì)產(chǎn)生什么實(shí)際影響,不過(guò)我還是想求求你們。
24. 不要讓你的界面成為下一個(gè)野獸派畫(huà)作。這看起來(lái)非常可笑,但是辣眼睛的東西或許你一不小心就會(huì)做出來(lái)了,這里送個(gè)大家一個(gè)網(wǎng)站,專(zhuān)門(mén)手機(jī)有著辣眼睛野獸派設(shè)計(jì)的網(wǎng)站,233333!!
25. 或許你的PM不知道你原來(lái)是個(gè)天才,又或者說(shuō),你根本就不是個(gè)天才,你只是個(gè)普通人,有時(shí)候也聽(tīng)聽(tīng)別人的意見(jiàn)吧。PM非常重要,有他們產(chǎn)品才能被做出來(lái),但是PM也非常欠打,因?yàn)樗麄兙褪乔反颉2贿^(guò)你的設(shè)計(jì)在不被改個(gè)兩三回的情況之下還真不可能是沒(méi)有漏洞的,所以別仇視PM,多聽(tīng)聽(tīng)別人的意見(jiàn),心態(tài)要好。
26. 追波上面那些動(dòng)效飛機(jī)稿什么的,要不得啊!!我知道,動(dòng)效什么的非常重要,但是你也不要因?yàn)樽x了幾篇教程還有那個(gè)什么迪士尼的12條動(dòng)畫(huà)原則就覺(jué)得自己意見(jiàn)知道該怎么做了。所以現(xiàn)在開(kāi)始,多多學(xué)習(xí),首先學(xué)會(huì)的甄別哪些是大牛們自?shī)首詷?lè)的灰機(jī)稿,再了解了解代碼,而后再去了解了解性能。
27. 開(kāi)會(huì)的的時(shí)候如果有人問(wèn)了你一個(gè)你根本沒(méi)考慮過(guò)的問(wèn)題的時(shí)候,千萬(wàn)別回答說(shuō):"我沒(méi)想那么多,就加上去了。"胡謅也不要告訴他你沒(méi)考慮得那么細(xì),或者你可以說(shuō):我就是想試驗(yàn)一下而已,或者說(shuō):咦,好像不是這個(gè)文件啊,我昨天改了啊!
28. 一系列最近才火起來(lái)的字體都要慎用。如果是面對(duì)一些大型的項(xiàng)目尤其如此。
29. 使用快捷鍵。一般來(lái)說(shuō)記得20個(gè)快捷鍵,你的效率就會(huì)得到非常顯著的提升了。請(qǐng)問(wèn)你一句, 你知道怎么一鍵折疊Sketch里面的所有Artboard么?
30. 讓開(kāi)發(fā)去做開(kāi)發(fā)的部分。我知道有些設(shè)計(jì)師真的懂得代碼,這非常值得鼓勵(lì),但千萬(wàn)別因此而感到驕傲并用你那點(diǎn)淺薄的知識(shí)來(lái)指點(diǎn)開(kāi)發(fā)該怎么做,我相信首位說(shuō)出設(shè)計(jì)師要懂代碼的那位仁兄的出發(fā)點(diǎn)是讓設(shè)計(jì)師在做設(shè)計(jì)的時(shí)候多為開(kāi)發(fā)著想,或許聰明的你也應(yīng)該以此為出發(fā)點(diǎn)。
新聞熱點(diǎn)
疑難解答