編輯導(dǎo)語：設(shè)計(jì)師在日常工作中對(duì)于工作的細(xì)節(jié)要把握準(zhǔn)確，很多時(shí)候設(shè)計(jì)師在進(jìn)行交付的時(shí)候，對(duì)方可能發(fā)現(xiàn)設(shè)計(jì)作品有些不規(guī)整等問題，會(huì)造成后續(xù)的開發(fā)問題；本文作者分享了關(guān)于設(shè)計(jì)中需要避免的幾個(gè)錯(cuò)誤，我們一起來了解一下。

設(shè)計(jì)師有三大煩惱，時(shí)間不夠用，設(shè)計(jì)方案過稿不容易，開發(fā)還原爛，如果你也在這些事情中浪費(fèi)太多精力，那么證明在工作過程中被你忽略掉了很多細(xì)節(jié)，有些你不在意的細(xì)節(jié)，或許就是一個(gè)坑。

今天和大家分享下設(shè)計(jì)師最容易忽略的8個(gè)細(xì)節(jié)，如有改之，無則加勉。

一、圖層混亂

不知道大家有沒有這種情況，你和一個(gè)設(shè)計(jì)師合作，他源文件給到你的時(shí)候，你很崩潰，想找到其中一個(gè)元素圖層根本不知道在哪里，這個(gè)時(shí)候你再專業(yè)，技術(shù)再牛， 這個(gè)小細(xì)節(jié)都會(huì)讓你口碑下滑。

確實(shí)是這樣，在職場(chǎng)中，你的每個(gè)交付物，都是代表你的專業(yè)水平；我見過一些優(yōu)秀的設(shè)計(jì)師，文件給過來的時(shí)候，圖層名稱，切圖，以及設(shè)計(jì)標(biāo)注都非常清晰，適配規(guī)則都寫的很清楚，專業(yè)度顯而易見。

我之前問過和我合作的開發(fā)，最喜歡和什么樣設(shè)計(jì)師合作，其實(shí)很多人都說過一個(gè)，就是圖層干凈，標(biāo)注清晰的設(shè)計(jì)師。很多設(shè)計(jì)師抱怨開發(fā)還原不給力，但是試問下你自己，今天你交付給開發(fā)的每一個(gè)樣式，對(duì)方是否能很清晰的找到。

所以，在職場(chǎng)上，一定要注意這個(gè)細(xì)節(jié)，不要被貼上一個(gè)專業(yè)比較馬虎的標(biāo)簽。

二、對(duì)上線效果忽略

很多設(shè)計(jì)師做設(shè)計(jì)以為設(shè)計(jì)源文件交付開發(fā)，這個(gè)項(xiàng)目就完事了，我之前也這么理解，但是在阿里后我轉(zhuǎn)變了這個(gè)觀點(diǎn)。要開始對(duì)落地頁面負(fù)責(zé)，意味著你做的圖，不止是效果圖好看，還要上線內(nèi)容也好看。

以電商設(shè)計(jì)來說，效果圖時(shí)候大家都選的很干凈的效果，很清爽的背景，但是上線后換上商家的圖簡直就沒法去看。

你心中的頁面效果圖上線后，和上圖一樣很干凈，清爽，讓人賞心悅目。

但其實(shí)最后上線環(huán)境是這樣的，頁面擁擠不堪，有很多廣告和牛皮癬，內(nèi)容繁雜。所以今天的設(shè)計(jì)師除了我們要把頁面做好看，同時(shí)還需要思考，這個(gè)效果呈現(xiàn)給用戶會(huì)是什么樣的效果，對(duì)內(nèi)容負(fù)責(zé)是我們每個(gè)人都需要去控制的。

三、喜歡用漂亮照片

很多設(shè)計(jì)師作品集和項(xiàng)目喜歡用很漂亮的美女帥哥圖片，確實(shí)大家都喜歡漂亮的東西，但是有時(shí)候太過了，看著就特別的假，很容易看成飛機(jī)稿。其實(shí)用照片也是有技巧的，這個(gè)簡單和大家分享幾個(gè)小技巧：

1. 該放頭像時(shí)候就不要放風(fēng)景

▲在頭像時(shí)候該放頭像就放頭像，不要放照片和插畫。另外圖片選擇時(shí)候，也可以選擇一些真實(shí)點(diǎn)圖片，比如可以用朋友微博上照片，或者微信頭像，可以挑一些好看的，那樣看著會(huì)更加自然。

▲網(wǎng)站里面照片都可以使用，而且都是比較真實(shí)的，你可以選擇皮膚顏色，性別等等，發(fā)設(shè)計(jì)稿中，會(huì)比我們找的明星帥哥美女要真實(shí)。

2. 如果這個(gè)產(chǎn)品是中國人別放外國人

▲如果你今天做的產(chǎn)品是一個(gè)面向國內(nèi)的產(chǎn)品，那么照片就應(yīng)該是中國人，就不要出現(xiàn)國外照片。真實(shí)很重要，當(dāng)然這里有一些細(xì)節(jié)，就是照片不要太完美了這樣會(huì)產(chǎn)生虛假感，照片的清晰度最好足夠，別出現(xiàn)馬賽克。

四、不考慮文字極端情況

▲一般在設(shè)計(jì)時(shí)候，特別是文字我們需要考慮兩種極端情況，文字最長的時(shí)候，文字最短的時(shí)候，如果忽略掉，你只按最佳效果設(shè)計(jì)，上線后就會(huì)出現(xiàn)問題，所以如果你設(shè)計(jì)文字最長，和文字最短時(shí)候，你都兼容到就不會(huì)出現(xiàn)太大問題。

▲在做金融產(chǎn)品適合，數(shù)字最大值和最小值也是容易被設(shè)計(jì)師忽略的地方，所以同樣的需要考慮最長的數(shù)字和最短的數(shù)字場(chǎng)景。

五、英文大小寫不分

可能很多人說，英文大小寫這個(gè)不是什么大事吧，但是還真是大事，我之前一個(gè)同事在內(nèi)部講方案述職時(shí)候，就因?yàn)橐粋€(gè)英文單詞大小寫弄錯(cuò)了，就被領(lǐng)導(dǎo)說粗心，后來領(lǐng)導(dǎo)還經(jīng)常拿這個(gè)事情來說，做設(shè)計(jì)粗糙，就這么一個(gè)下插曲，被貼了一個(gè)小標(biāo)簽。但是職場(chǎng)就是這樣，你任何一個(gè)細(xì)微的瑕疵都容易被放大。

六、顏色亂用

做平面設(shè)計(jì)時(shí)候，或者做印刷時(shí)候我們都知道要去遵循一定色彩原理，比如潘通印刷色等等，但是在做產(chǎn)品設(shè)計(jì)時(shí)候，很多時(shí)候會(huì)出現(xiàn)設(shè)計(jì)師色彩亂用的情況，這個(gè)地方紅色淺一點(diǎn)，那個(gè)按鈕深一點(diǎn)，雖然你滿足了你當(dāng)前頁面的訴求，但是放到整個(gè)APP上來說，就是很亂。

所以，這也是為什么很多團(tuán)隊(duì)都會(huì)去每年花很大精力做規(guī)范，規(guī)范的目的其實(shí)就是建立一把尺子，這把尺子讓今天這個(gè)產(chǎn)品設(shè)計(jì)有一套規(guī)則遵守，否則就會(huì)出現(xiàn)百花齊放。

▲在谷歌材料設(shè)計(jì)規(guī)范中，很清晰的描述了每個(gè)顏色的運(yùn)用場(chǎng)景和使用方式，目的就是保證所有設(shè)計(jì)的一致性和統(tǒng)一性。

▲谷歌材料設(shè)計(jì)，對(duì)于不同產(chǎn)品會(huì)給出不同的配色建議，這樣的規(guī)范會(huì)讓整體的設(shè)計(jì)更加合理。所以設(shè)計(jì)師在做方案時(shí)候，一定要去遵循團(tuán)隊(duì)設(shè)計(jì)及規(guī)則。

七、行高和尺寸比例隨意

▲文字行高也是被很多設(shè)計(jì)師忽略的，不知道一堆文字怎么定義行高，一般的做法是行高=文字大小*1.5倍，這是比較通用的一些做法，當(dāng)然也有很多的閱讀軟件，行高可能設(shè)置更大一些。他們會(huì)用到黃金比例來設(shè)置行高。

▲很多人以為黃金比例就是1.618其實(shí)不是，除了黃金比外，其實(shí)還有白銀比例、鉑金比例、青銅比例這些都具有嚴(yán)格的比例性、藝術(shù)性、和諧性，并蘊(yùn)藏著豐富的美學(xué)價(jià)值，好好利用，將會(huì)使你的作品變得更多高大上。

拿行高來說，除了常用的1.5倍，還可以是1.618倍還有1.732倍，這些數(shù)值在很多閱讀產(chǎn)品中都會(huì)大量運(yùn)用到這種比例。

其實(shí)黃金比例除了可以定義這些字體行高以外，在尺寸上也可以去定義。

▲如果你設(shè)計(jì)中比例拿不準(zhǔn)的話，也可以通過這樣的黃金比例來控制你整個(gè)設(shè)計(jì)的比例尺寸，這樣會(huì)更加科學(xué)。

八、盲目使用設(shè)計(jì)趨勢(shì)

關(guān)注設(shè)計(jì)趨勢(shì)是好事，但是如果盲目的使用趨勢(shì)，就會(huì)讓頁面特別的亂。很多設(shè)計(jì)師頁面明明是扁平化的，上面都是用插畫營造著一個(gè)氛圍，但是看見最近C4D很火，然后就放了幾個(gè)C4D元素進(jìn)去，這樣就會(huì)讓這個(gè)設(shè)計(jì)很混亂。

我之前天貓的導(dǎo)師，豆爸說過：做設(shè)計(jì)的時(shí)候可以先構(gòu)思一個(gè)世界，世界要和諧就需要有它運(yùn)轉(zhuǎn)的的規(guī)則..

這個(gè)世界里面的規(guī)則會(huì)是什么呢？世界里面可能會(huì)有很多規(guī)則，字體，透視，光線，顏色，形狀 …. 可以拆解成每一個(gè)細(xì)節(jié)對(duì)應(yīng)到設(shè)計(jì)中就是它整體看起來會(huì)是怎樣的光線，元素，空間感 ……是立體的，扁平的，魔幻的，安靜的……

就像有不同風(fēng)格的電影 動(dòng)畫一樣，扁平的動(dòng)畫，木偶動(dòng)畫、黏土動(dòng)畫…. 為了讓這個(gè)世界和諧，就會(huì)要減少一些沖突。如果立體的變形金剛世界里面出現(xiàn)了一個(gè)二維的米老鼠 肯定不和諧，如果小清新的色彩世界里面出現(xiàn)了大紅大綠東北大棉襖配色，也會(huì)不和諧。

九、最后

以上8個(gè)點(diǎn)，看似很小，但是也很容易被設(shè)計(jì)師忽略，設(shè)計(jì)本身知識(shí)點(diǎn)就是一個(gè)點(diǎn)一個(gè)點(diǎn)積累起來的，當(dāng)你掌握的點(diǎn)多了，其實(shí)就形成了線，線形成了面，希望大家都可以在設(shè)計(jì)路上一帆風(fēng)順。

#專欄作家#

Sky，微信公眾號(hào)：我們的設(shè)計(jì)日記（ID：helloskys），人人都是產(chǎn)品經(jīng)理專欄作家。原支付寶體驗(yàn)設(shè)計(jì)專家，阿里巴巴天貓?jiān)O(shè)計(jì)專家；10年知名互聯(lián)網(wǎng)公司設(shè)計(jì)經(jīng)驗(yàn)，對(duì)于產(chǎn)品從0到1、品牌定位、金融產(chǎn)品、設(shè)計(jì)規(guī)范、運(yùn)營規(guī)范、大促等有豐富實(shí)戰(zhàn)經(jīng)驗(yàn)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自?Unsplash，基于 CC0 協(xié)議