破一些網(wǎng)上流行的觀念

2018-07-06 1127 0

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

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


 

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

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

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

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


 

今天要解決的偽命題是:

aae857b128190000018c1bb1409c.jpg


 

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


 

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

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


 

一個(gè)頁面分3個(gè)圖來講清楚

c70957b1282d0000018c1b281595.jpg


 

于是我的:

c6be57b1283e0000012e7e9e9c3f.jpg

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

你們不要哭!


 

我很驕傲的跟程序員們說:姐姐今天跟你們標(biāo)注了一份可以讓你們淚流滿面的標(biāo)注圖,好好還原界面啊!哈哈哈。


 

上傳了svn,期間一直偷瞄程序員!

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


 

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

18e157b128510000018c1b2fe3ef.jpg


 

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

可是一想也對(duì),一個(gè)屬性在幾個(gè)頁面中轉(zhuǎn)也是蠻累的!

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

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

如:

992e57b1285d0000018c1b8ca148.jpg

3d9457b128680000018c1b02bd7f.jpg

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

如:

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

因?yàn)槟K和模塊中很多元素是復(fù)用的,你標(biāo)注好前幾個(gè)頁面,后面的頁面只有沒有復(fù)用的再標(biāo)注一下,整個(gè)模塊就結(jié)束了。


 

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

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


 

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

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


 

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

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


 

這樣對(duì)于我這邊的好處是:

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

2.制作app的時(shí)間會(huì)很短,難免會(huì)有同樣的原件用色不同,這樣可以很方便查找和修改

3.好管理我的制作文件


 

對(duì)于程序員們的好處:

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

2.頁面完整
 


 


 

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

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

從這里我只能說:去看點(diǎn)書吧,把規(guī)范看一看,弄懂幾個(gè)平臺(tái)尺寸轉(zhuǎn)換的關(guān)系。

同學(xué)你露餡了。


 

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

我想說你是對(duì)的,可是你在誤人子弟呀!

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

(具體請(qǐng)看:https://www.zcool.com.cn/article/ZNDI2NjYw.html)

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

你一個(gè)作圖的你見過PS中有0.5像素的線嗎?


 

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

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


 

現(xiàn)在我會(huì)問“我提供的文件,有什么讓你們工作不順手的地方嗎?”答案:暫時(shí)沒有!


 


9
評(píng)論區(qū)(0)
正在加載評(píng)論...