1.圖層混亂

不知道大家有沒(méi)有這種情況，你和一個(gè)設(shè)計(jì)師合作，他源文件給到你的時(shí)候，你很崩潰，想找到其中一個(gè)元素圖層根本不知道在哪里，這個(gè)時(shí)候你再專業(yè)，技術(shù)再牛， 這個(gè)小細(xì)節(jié)都會(huì)讓你口碑下滑。確實(shí)是這樣，在職場(chǎng)中，你的每個(gè)交付物，都是代表你的專業(yè)水平。我見(jiàn)過(guò)一些優(yōu)秀的設(shè)計(jì)師，文件給過(guò)來(lái)的時(shí)候，圖層名稱，切圖，以及設(shè)計(jì)標(biāo)注都非常清晰，適配規(guī)則都寫(xiě)的很清楚，專業(yè)度顯而易見(jiàn)。

我之前問(wèn)過(guò)和我合作的開(kāi)發(fā)，最喜歡和什么樣設(shè)計(jì)師合作，其實(shí)很多人都說(shuō)過(guò)一個(gè)，就是圖層干凈，標(biāo)注清晰的設(shè)計(jì)師。很多設(shè)計(jì)師抱怨開(kāi)發(fā)還原不給力，但是試問(wèn)下你自己，今天你交付給開(kāi)發(fā)的每一個(gè)樣式，對(duì)方是否能很清晰的找到。所以，在職場(chǎng)上，一定要注意這個(gè)細(xì)節(jié)，不要被貼上一個(gè)專業(yè)比較馬虎的標(biāo)簽。

2.對(duì)上線效果忽略

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

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

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

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

3.喜歡用漂亮照片

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

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

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

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

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

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

4.不考慮文字極端情況

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

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

如想看到更多干貨內(nèi)容分享，可以添加wx：ddm7851，歡迎圍觀我票友圈～

5.英文大小寫(xiě)不分

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

6.顏色亂用

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

所以，這也是為什么很多團(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ī)則。

7.行高和尺寸比例隨意

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

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

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

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

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

8.盲目使用設(shè)計(jì)趨勢(shì)

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

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

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

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

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)