標注是設計完頁面后，最后的一個環節，工作量大，重復工作，不被別人認可，費時，沒啥技術含量。

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

 

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

于是滿網絡去找有沒有什么插件可以解決這個問題。

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

于是姐姐就花了點銀子買了一個。 好，現在我是標注小能手了。

 

今天要解決的偽命題是：

 

這個可是各個牛逼的設計網站怒轉的一份標注教程，各種標注方法的對比優劣分析，實在是太有道理了，看完立馬跟打雞血一樣。

 

姐姐要標注一份讓你們程序員淚流滿面的標注

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

 

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

 

于是我的：

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

你們不要哭！

 

我很驕傲的跟程序員們說：姐姐今天跟你們標注了一份可以讓你們淚流滿面的標注圖，好好還原界面啊！哈哈哈。

 

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

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

 

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

 

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

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

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

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

如：

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

如：

1.把頁面按照模塊來標注

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

 

2.為什么要分模塊標注

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

 

3.為什么第一個頁面標注得要多一些

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

 

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

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

 

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

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

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

3.好管理我的制作文件

 

對于程序員們的好處：

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

2.頁面完整
 

 

 

然后標注圖的時候對于用什么單位px還是dp/pt/sp，網上這個沒有休止的爭論。

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

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

同學你露餡了。

 

網上的另一個偽命題：里面的原件，字體在ps里都要用偶數

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

可是你能不能講清楚深入一點，其實應該是4的倍數

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

在各種手機屏幕的轉換關系中有2倍的 有1.5倍關系的，有3倍關系的，如果換算后你的尺寸出現了0.5怎么辦。

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

 

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

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

 

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