“細(xì)節(jié)決定成敗?！?/p>

相信這句雞湯從小大家都聽過，而且沒少聽，但是什么是細(xì)節(jié)，他真的強(qiáng)大到可以決定成敗的程度？

阿里巴巴的創(chuàng)始人馬云，大家都知道他很有演講的魅力，作為早期的互聯(lián)網(wǎng)人，難免談到一些難懂的概念“大數(shù)據(jù)”，“云計(jì)算”，他注意到這個(gè)細(xì)節(jié)，化繁為簡(jiǎn)，經(jīng)常利用類比的方式給聽眾解釋。

比如他將“大材小用”類比為：把波音飛機(jī)的引擎安裝到拖拉機(jī)上。這種類比不僅讓聽眾記憶深刻，也會(huì)讓那些不能立刻理解有些情況“大材小用”會(huì)是一件壞事的人明白——為什么飛機(jī)引擎不適合拖拉機(jī)。

你是一名設(shè)計(jì)師，不僅面對(duì)上下游的產(chǎn)品經(jīng)理和開發(fā)哥哥們，還有設(shè)計(jì)師團(tuán)隊(duì)內(nèi)部的工作交接與協(xié)調(diào)，怎么才能讓別人覺得你是一個(gè)“靠譜”的人？我分析了這幾點(diǎn)細(xì)節(jié)：

1. 明確的文件管理；
2. 清晰的圖層管理；
3. 用更真實(shí)的數(shù)據(jù)填充你的設(shè)計(jì)；
4. 讓你的設(shè)計(jì)稿看起來更有規(guī)章制度。

來具體分析一下：

1、明確的文件管理

如果與你交接工作的設(shè)計(jì)師給了一份下圖的文件，你估計(jì)氣的想打人！

什么鬼！這是想搞事情嗎？估計(jì)連他媽都不認(rèn)識(shí)他了，如果想讓你們以后還有良好的合作氛圍，你最起碼需要交給對(duì)方一個(gè)足夠明確的文件交接。

其實(shí)，命名文件夾其實(shí)只需要掌握一個(gè)原理：讓每個(gè)文件有一個(gè)合理的歸屬。

例：以一份已經(jīng)完成的APP設(shè)計(jì)圖為準(zhǔn)：

包含：

1. APP名稱+版本號(hào)；
2. 與上游對(duì)接的UE稿，設(shè)計(jì)過程中的設(shè)計(jì)圖，切圖，過程圖，與用到的素材；
3. 設(shè)計(jì)完成以后的視覺走查稿。

文件命名有很多種方式，目的就是很好的管理我們的工作內(nèi)容，你記得今天發(fā)生的事情，不一定記得一年前的事情，就是這個(gè)道理。

2、清晰的圖層管理

與文件夾命名管理一樣，對(duì)于圖層的管理體現(xiàn)了一位設(shè)計(jì)師的基本素養(yǎng)。現(xiàn)在有些公司面試的時(shí)候要求看設(shè)計(jì)師的源文件，其中有一個(gè)原因應(yīng)該就是想看設(shè)計(jì)師的命名是否清晰。

如果他看到的是這兩個(gè)：

你覺得面試公司會(huì)優(yōu)先選擇哪位設(shè)計(jì)師入職，很明顯不言而喻，一份命名清晰的圖層應(yīng)該具備這幾點(diǎn)：

1. 不要出現(xiàn)copy等字樣，把設(shè)計(jì)圖按照模塊劃分，自上而下按照1234的序號(hào)命名好，每一塊內(nèi)容都有一個(gè)大的標(biāo)題；
2. 對(duì)于大模塊中的小模塊同樣采用編序號(hào)的方式進(jìn)行管理命名；
3. 將需要切圖的部分一定需要成組規(guī)范命名，切圖命名開始之前盡量與開發(fā)溝通命名習(xí)慣，防止做無用功，每個(gè)公司的情況不一致，此處就不做贅述了。

良好的設(shè)計(jì)習(xí)慣需要平時(shí)慢慢積累起來，雖然是小細(xì)節(jié)，關(guān)鍵時(shí)候或許是你的一個(gè)重大轉(zhuǎn)機(jī)。

3、用更加真實(shí)的數(shù)據(jù)填充你的頁面

先不多說，看下圖：

右側(cè)的圖很明顯感覺比左側(cè)的圖有要豐富，飽滿很多，好多設(shè)計(jì)師為了偷懶，用一張圖布滿了整個(gè)設(shè)計(jì)稿，這樣的做法并不占少數(shù)。

其實(shí)，用豐富的數(shù)據(jù)來填充你的設(shè)計(jì)稿有幾個(gè)好處：

1. 讓你的設(shè)計(jì)看起來更加真實(shí)；
2. 讓設(shè)計(jì)通過的幾率加大。

此時(shí)有另外一個(gè)聲音就跳出來了：

“我做的是排版樣式，至于數(shù)據(jù)填充，后期我也決定不了，干嘛還要浪費(fèi)時(shí)間找圖填充”。

說浪費(fèi)時(shí)間的是你沒有找對(duì)方法，給大家推薦一款插件：craft，支持sketch和ps，被譽(yù)為“幫你提高效率的自動(dòng)填充神器”，文末會(huì)給大家提供安裝包和安裝方法，和使用方法。

有了這個(gè)插件再也不要說懶得找了，再說那就是你的問題了。

4、讓你的設(shè)計(jì)稿看起來更有規(guī)章制度

這點(diǎn)是為了保證你交付的東西無可挑剔，每次準(zhǔn)備將設(shè)計(jì)稿交付開發(fā)的時(shí)候，一定要問自己這四個(gè)問題：

1. 是否每個(gè)可點(diǎn)擊的東西都已經(jīng)做完；
2. 是否每個(gè)icon，button的幾種狀態(tài)都已經(jīng)給出；
3. 是否給出當(dāng)沒有數(shù)據(jù)，沒有網(wǎng)絡(luò)時(shí)候的界面；
4. 是否考慮到數(shù)據(jù)出現(xiàn)時(shí)候的極限情況。

這四點(diǎn)會(huì)最大程度的保證你所交付設(shè)計(jì)稿的完整度，我相信如果你做到這幾點(diǎn)，后期會(huì)節(jié)約你大量的時(shí)間，是從成本控制的時(shí)間管理。

總結(jié)

通過對(duì)做設(shè)計(jì)中4點(diǎn)細(xì)節(jié)的把控，我相信當(dāng)你做完設(shè)計(jì)圖的時(shí)候，也一定是胸有成竹，其實(shí)不難，重在習(xí)慣的培養(yǎng)。

1. 明確的文件管理；
2. 清晰的圖層管理；
3. 用更真實(shí)的數(shù)據(jù)填充你的設(shè)計(jì)；
4. 讓你的設(shè)計(jì)稿看起來更有規(guī)章制度。

插件craft的安裝及使用方法網(wǎng)址鏈接：http://sketch.im/plugins/16

好了，分享完畢，以上的觀點(diǎn)，希望我們?cè)诿孔鲆环菰O(shè)計(jì)稿的時(shí)候都能懷有一份信仰的去完成。

如果你有更好的辦法，歡迎留言互相交流哦～

本文由 @隔壁劉設(shè)計(jì)?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

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