一泵三、 按iphone APP設(shè)計(jì)標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì)
現(xiàn)在大多數(shù)設(shè)計(jì)師都是以iPhone作為原形設(shè)計(jì)然后和android公用箍铲，所以沒有引入很多問題锭弊。之前有過一個項(xiàng)目是android先開始顷级，使用android的一些規(guī)范直接給iPhone使用滔驾，導(dǎo)致了很多問題胧辽。
不知道iPhone設(shè)計(jì)規(guī)范和標(biāo)注的設(shè)計(jì)師峻仇，可以參考這里：iPhone App設(shè)計(jì)規(guī)范
二、 通用性和一致性
設(shè)計(jì)的通用性和一致性也是很重要的考慮范疇邑商，特別是進(jìn)入一個已經(jīng)成型很久的項(xiàng)目摄咆，除非有想法改整體風(fēng)格，不過這個對開發(fā)來說是一件無聊的事人断，做很多沒技術(shù)含量的工作吭从，換換字體大小和顏色、換換導(dǎo)航欄顏色含鳞、換換圖標(biāo)等等影锈。
這里提到的一致性和通用性，比如：涉及整個app中比較大的顯眼的操作按鈕蝉绷，記得不要一下小圓角鸭廷、一下大圓角、一下又是矩形熔吗；再者通用的大的標(biāo)題文字一下是#333333的色號一下又是#000000的色號辆床，雖然對新進(jìn)入項(xiàng)目的你是新人，但是用戶并不想感受到這些不一致性桅狠，會讓用戶覺得app的設(shè)計(jì)亂糟糟讼载。
三、 標(biāo)注問題
標(biāo)注是一件很細(xì)致很麻煩的事中跌，標(biāo)注的認(rèn)真細(xì)致與否咨堤，開發(fā)拿到標(biāo)注稿就能一眼發(fā)現(xiàn)設(shè)計(jì)師是否足夠認(rèn)真負(fù)責(zé)，并且合適的標(biāo)注可以節(jié)省UI開發(fā)的非常非常多的時間漩符，而不是再花時間去猜測一喘，或再花時間去詢問。
![]()
標(biāo)注示例圖
我們單從這張圖來觀察它的問題嗜暴，也許會有一些輔助頁面補(bǔ)充說明了接下來提出的問題有：
1凸克、缺按鈕的寬高的標(biāo)注，是以左右間隔來標(biāo)注還是以固定寬高來標(biāo)注闷沥，不同的標(biāo)注對程序員是完全不同的理解萎战，不同屏幕的手機(jī)顯示也是完全不同的效果。
2舆逃、缺最后一個按鈕距離底部的間隔標(biāo)注蚂维，開發(fā)就不能不再重新找你戳粒。
四、 1x鸟雏、2x享郊、3x圖的含義
1x，2x孝鹊，3x是所謂的單倍圖，2倍圖展蒂，3倍圖又活，但到底哪個是單倍呢。難道你用6s的尺寸建立的源文件和模型就是單倍圖嗎锰悼？答案肯定是NO柳骄！
1x是iPhone的低分辨率屏幕，像素點(diǎn)是320*480箕般，實(shí)際的物理點(diǎn)也是320*480耐薯。而2x、3x是指分別是1x的分辨率的2倍和3倍丝里，切圖的文件名xxx@2x.png,xxx@3x.png曲初。
很多視覺設(shè)計(jì)師誤認(rèn)為1x就是4s的尺寸，因?yàn)?s是現(xiàn)在iphone手機(jī)里最小的了杯聚。真的是這樣嗎臼婆？iphone的低分辨率屏是4s之前的老手機(jī)，包括：iPhone幌绍、touch 4颁褂、iPhone 3等等。視覺設(shè)計(jì)師這時會爭辯了傀广，這些老掉牙的設(shè)備颁独，誰還在用啊。不過老掉牙的設(shè)備是不使用了伪冰，但是它的定義還在誓酒，只有這些老掉牙的設(shè)備用的是單倍圖，而你們經(jīng)常誤以為5s或4s是單倍圖糜值，常常命錯了名字丰捷，切錯了尺寸。
現(xiàn)在通常給的切圖都是2x和3x結(jié)尾的寂汇，記得命名的正確規(guī)則病往，開發(fā)有時會根據(jù)切圖的尺寸來判斷在代碼里寫多大。 比如2x的icon是8888尺寸骄瓣，代碼里寫的尺寸就是4444的大小停巷，Xcode里寫的是實(shí)際的點(diǎn)。程序載入的時候會根據(jù)具體的設(shè)備來判斷渲染的是2x的圖還是3x的圖，所以對1x畔勤，2x蕾各，3x的理解至關(guān)重要。
五庆揪、 屏幕適配問題
許多設(shè)計(jì)師在設(shè)計(jì)的時候都只考慮了當(dāng)前通用的主流的屏幕尺寸式曲，覺得所有的布局都擺放得下，完全沒有考慮過小尺寸的屏幕應(yīng)該怎么處理缸榛。
如果不考慮小尺寸吝羞，都按現(xiàn)在主流的尺寸來布局，當(dāng)用小尺寸手機(jī)使用安裝應(yīng)用時内颗，會出現(xiàn)遮擋重疊功能區(qū)消失等等問題钧排。程序員一般會在開發(fā)中詢問視覺，4s的手機(jī)怎么處理均澳，這時很多視覺才會去思考怎么兼容恨溜，然后導(dǎo)致會調(diào)整之前的設(shè)計(jì)，從而浪費(fèi)了之前已完成的開發(fā)找前。不要只考慮當(dāng)前的設(shè)計(jì)模型糟袁，請充分考慮各種屏幕上的適配和調(diào)整。
如按上圖的標(biāo)注纸厉，比如在4s就顯示不下系吭。
六、 切圖（icon颗品、按鈕肯尺、線、背景）
再來說說切圖的問題躯枢，是純色的能用純色就用純色標(biāo)注则吟。不過也有時用代碼寫很多行畫出的純色的圖，不如直接切圖方便锄蹂。
需要說明的是氓仲，如果是圖標(biāo)類型沒有點(diǎn)擊事件的，一般切一個正常狀態(tài)就可以得糜；但如果是按鈕就可能出現(xiàn)不能點(diǎn)擊狀態(tài)（失效）敬扛、高亮狀態(tài)（hover）、正常狀態(tài)朝抖，多種狀態(tài)設(shè)計(jì)師就得考慮啥箭，用不用系統(tǒng)默認(rèn)處理的效果，如果不使用就記得另外切圖治宣。
背景色急侥，現(xiàn)在簡介的設(shè)計(jì)大多采用了純色砌滞，所以也什么可提的，但如果是均勻的有花紋鋪開的坏怪，其實(shí)不用切一大塊贝润，開發(fā)可以像鋪瓷磚一樣處理鋪開就可以。
所有的圖包括線铝宵、按鈕背景框打掘，如果比較大或者動態(tài)調(diào)節(jié)大小的，其實(shí)是不用切一塊圖的鹏秋，只用給一個比較小的部分胧卤，開發(fā)也會拉伸處理的，只要你的圖拉伸后不會變形拼岳。大塊的圖如果可以用小塊圖拉伸，請切小塊的圖况芒。
七惜纸、引導(dǎo)圖、介紹圖內(nèi)置
每個APP對新安裝用戶或新版本介紹都必回有這一項(xiàng)吧绝骚，這是很常見的入門耐版。這里提醒的是，注意圖片的尺寸和內(nèi)存大小压汪，別因?yàn)槟銕讖垐D把a(bǔ)pp搞掛了粪牲。
這可不是危言聳聽，有一次一設(shè)計(jì)師丟來幾張?jiān)O(shè)計(jì)稿止剖，沒注意就放進(jìn)了程序里腺阳，然后用內(nèi)存小點(diǎn)機(jī)器一打開就掛掉。大家就緊張激動起來了穿香，程序有什么嚴(yán)重bug嗎亭引，后來一查那幾張圖，一張就可以占20M的內(nèi)存皮获，嚇?biāo)懒耍?/p>
八焙蚓、 良好的溝通
我覺得良好的溝通可以很快的解決掉上面所有的問題，這個很關(guān)鍵洒宝。設(shè)計(jì)師應(yīng)該積極主動的多與開發(fā)溝通购公，在設(shè)計(jì)完成時可以問問開發(fā)的意見，如果可以選擇的設(shè)計(jì)和效果差不多的設(shè)計(jì)雁歌，不妨給問問開發(fā)意見宏浩，這樣可以節(jié)約很多勞動力成本。
很多設(shè)計(jì)師還有習(xí)慣關(guān)掉溝通工具将宪，以免被打擾绘闷，認(rèn)真作圖的習(xí)慣橡庞。我理解人被經(jīng)常打擾效率會很慢，但是如果在剛給完標(biāo)注和視覺稿印蔗，一會就不見人影了扒最，我覺得也是浪費(fèi)了人家的寶貴的時間，也許就因?yàn)槟阋粋€模糊含義的標(biāo)注华嘹，讓別人開發(fā)一直在等待你回復(fù)吧趣，否則他按自己的理解完成，最后又會被打翻重來耙厚。
因此設(shè)計(jì)師要么隨時等待應(yīng)對强挫，要么就留有足夠的時間給開發(fā)、交互薛躬、產(chǎn)品確認(rèn)視覺稿俯渤。
大家覺得有什么需要補(bǔ)充的或說得有失偏頗的，請留言型宝，如果喜歡請點(diǎn)贊表示鼓勵吧八匠！
