標(biāo)注是設(shè)計完頁面后，最后的一個環(huán)節(jié)，工作量大，重復(fù)工作，不被別人認可，費時，沒啥技術(shù)含量。

但是它卻是你不得不去做的事情，而且必須迅速。

 

通常我切好圖，命好名后，基本不想標(biāo)注了，不就是去圖片里面取個顏色，然后把它一個個寫出來！哇靠，這根本就是一個人的工作量好嗎？

于是滿網(wǎng)絡(luò)去找有沒有什么插件可以解決這個問題。

幸運的是：哎現(xiàn)在互聯(lián)網(wǎng)太強大了，你在工作生活中有任何不順的地方，萬能的程序員都會弄個工具來給你用。

于是姐姐就花了點銀子買了一個。 好，現(xiàn)在我是標(biāo)注小能手了。

 

今天要解決的偽命題是：

 

這個可是各個牛逼的設(shè)計網(wǎng)站怒轉(zhuǎn)的一份標(biāo)注教程，各種標(biāo)注方法的對比優(yōu)劣分析，實在是太有道理了，看完立馬跟打雞血一樣。

 

姐姐要標(biāo)注一份讓你們程序員淚流滿面的標(biāo)注

于是開始了，方法繁瑣到爆，標(biāo)注一套app頁面需要花3天時間。（頁面不多的app）

 

一個頁面分3個圖來講清楚

 

于是我的：

不休息的標(biāo)注完成后，我覺得我都開始流淚了，我都感動了，這樣還沒標(biāo)注清楚呀，看我多貼心，姐姐跟你們把每一部分都標(biāo)好了尺寸，擺好，不重復(fù)，清楚得很。

你們不要哭！

 

我很驕傲的跟程序員們說：姐姐今天跟你們標(biāo)注了一份可以讓你們淚流滿面的標(biāo)注圖，好好還原界面?。」?。

 

上傳了svn，期間一直偷瞄程序員！

結(jié)果程序員反饋他們用的時候根本不知道怎么用，他們在布局界面的時候，一段文字，是一起設(shè)置字體大小，顏色，位置的，你現(xiàn)在分成了3個頁面，他們需要在三個頁面上找，非常累，直接把全部的屬性都標(biāo)在一張圖上吧！

 

這怎么可以，標(biāo)在一張紙上，我腦海里面是這樣的：

 

如果是這樣，我也是醉了，設(shè)計師是不會允許這樣的事情發(fā)生的！我要跟你們說NO！

可是一想也對，一個屬性在幾個頁面中轉(zhuǎn)也是蠻累的！

怎么辦！一直沒有得到很好的解決，也就一直這樣處著！

不知道昨天怎么就開竅了：

如：

這樣問題就全部得到解決：

如：

1.把頁面按照模塊來標(biāo)注

因為模塊和模塊中很多元素是復(fù)用的，你標(biāo)注好前幾個頁面，后面的頁面只有沒有復(fù)用的再標(biāo)注一下，整個模塊就結(jié)束了。

 

2.為什么要分模塊標(biāo)注

一個app頁面很多時候是由幾位程序員來共同完成的，程序員之間的工作分配都是按照一個完整的模塊來分配的。

 

3.為什么第一個頁面標(biāo)注得要多一些

程序員制作頁面的時候，也是按照順序來的，第一個頁面標(biāo)注得多一些，可以在模塊開始的時候，把大部分屬性一次性寫上去，而不用再去看后面的頁面。

 

4.把標(biāo)注好的模塊在一個大圖上按照頁面順序排列好

這樣每個程序員都拿到的是全部app頁面標(biāo)注圖

 

這樣對于我這邊的好處是：

1.如果我有那個原件在這個模塊沒標(biāo)注，在其它模塊標(biāo)注了，這樣直接跟他們說去哪里找就好了。

2.制作app的時間會很短，難免會有同樣的原件用色不同，這樣可以很方便查找和修改

3.好管理我的制作文件

 

對于程序員們的好處：

1.如果我負責(zé)制作其中3個模塊的話，就不用再三個文件夾中跳來跳去了。

2.頁面完整
 

 

 

然后標(biāo)注圖的時候?qū)τ谟檬裁磫挝籶x還是dp/pt/sp，網(wǎng)上這個沒有休止的爭論。

我想說，你標(biāo)注圖就是想解放程序員一部分的精力，現(xiàn)在你標(biāo)注了一大套圖，除了顏色可以用，里面的字體大小，原件尺寸的那些數(shù)字，程序看到了，還要換算一遍除以2才能得到他們能用的尺寸，你覺得你的工作做好了嗎？你還在糾結(jié)要不要換算尺寸給到他們。

從這里我只能說：去看點書吧，把規(guī)范看一看，弄懂幾個平臺尺寸轉(zhuǎn)換的關(guān)系。

同學(xué)你露餡了。

 

網(wǎng)上的另一個偽命題：里面的原件，字體在ps里都要用偶數(shù)

我想說你是對的，可是你在誤人子弟呀！

可是你能不能講清楚深入一點，其實應(yīng)該是4的倍數(shù)

（具體請看：https://www.zcool.com.cn/article/ZNDI2NjYw.html）

在各種手機屏幕的轉(zhuǎn)換關(guān)系中有2倍的 有1.5倍關(guān)系的，有3倍關(guān)系的，如果換算后你的尺寸出現(xiàn)了0.5怎么辦。

你一個作圖的你見過PS中有0.5像素的線嗎？

 

所以我覺得上面推薦的那么高大上的方法一點都不實用，為什么還要在各大平臺互轉(zhuǎn)，應(yīng)該是我不懂吧！

找到適合自己和合作關(guān)系人的工作方式最重要了。

 

現(xiàn)在我會問“我提供的文件，有什么讓你們工作不順手的地方嗎？”答案：暫時沒有！