超全面的UI設(shè)計(jì)切圖規(guī)范指南(附切圖神器)

降低切圖大小的方法
1.點(diǎn)九切圖法
點(diǎn)九切圖是安卓平臺(tái)獨(dú)有的圖片處理方式,因?yàn)槲募U(kuò)展名問(wèn).png所以被稱為點(diǎn)九切圖法。點(diǎn)九切圖的作用主要是為了適配安卓多種多樣的手機(jī)機(jī)型適配,這種方法可以將圖片進(jìn)行橫向和豎向的隨意拉伸,并且不會(huì)損壞圖片效果。另一個(gè)重要的作用就是可以減少不必要的圖片文件大小,極大提升頁(yè)面加載速度。是安卓平臺(tái)重要的切圖方法。
制作點(diǎn)九的軟件是“DRAW9PATCH”可以很方便的制作點(diǎn)九圖并且可以預(yù)覽切圖后的開(kāi)發(fā)效果十分方便。設(shè)計(jì)師的話也可以在Ps中用鉛筆工具繪制點(diǎn)就圖。
詳細(xì)切圖方法網(wǎng)址:http://www.dbjr.com.cn/softs/150520.html
案例示意:
橫向拉伸只需在可拉伸區(qū)域內(nèi)做黑色標(biāo)記即可,外圍投影標(biāo)記黑色線即可
橫向豎向拉伸只需在可拉伸區(qū)域內(nèi)做黑色標(biāo)記即可,外圍投影標(biāo)記黑色線即可
2.在線壓縮圖片工具“Tinypng”
利用“Tinypng”智能png和jpg在線壓縮工具,將較大的圖片切圖在不影響圖片質(zhì)量的情況下壓縮。Tinypng在線壓縮工具可以在圖片質(zhì)量和文件大小上找到一個(gè)完美的平衡,基本不會(huì)降低圖片視覺(jué)質(zhì)量但卻會(huì)極大的壓縮圖片切圖大小。Tinypng是非常值得推薦的圖片壓縮利器,也是現(xiàn)在被運(yùn)用最廣廣泛的在線壓縮工具。
Tinypng網(wǎng)址: http://www.dbjr.com.cn/softs/346783.html
壓縮圖片效果范例:
一張透明png圖片原大小57kb在經(jīng)過(guò)壓縮后變?yōu)?5kb,圖片大小直接減少74%,但是圖片效果用肉眼基本分辨不出區(qū)別。不得不說(shuō)Tinypng的智能壓縮效果是如此神奇。
使用方法簡(jiǎn)述:
1.在紅色框內(nèi)點(diǎn)擊去本地選擇你想要壓縮的圖片文件,每次最多上傳20張圖片,每張圖片總大小不超過(guò)5mb
2.點(diǎn)擊紅框內(nèi)的下載按鈕下載單個(gè)已經(jīng)壓縮過(guò)的圖片,如果你有上傳多張圖片你可以選擇點(diǎn)擊全部下載按鈕一次性下載所有壓縮的圖片。在下方現(xiàn)實(shí)的是本次壓縮的大小占比,你就可以很明確的知道它的作用了。
3.恭喜你你已經(jīng)完成壓縮了
相關(guān)文章
全畫(huà)幅不是半畫(huà)幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說(shuō)到相機(jī)畫(huà)幅,估計(jì)平時(shí)聽(tīng)到最多的可能就是全畫(huà)幅與半畫(huà)幅了,以至于不少人認(rèn)為中畫(huà)幅比全畫(huà)幅要小,為了避免這種常識(shí)性錯(cuò)誤,這篇文章就來(lái)和大家說(shuō)說(shuō)相機(jī)的不同畫(huà)幅,所謂2025-04-07a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來(lái)探討這個(gè)話題2025-02-01各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請(qǐng)看下文介紹2024-02-10常用照片尺寸有哪些 常見(jiàn)證件照尺寸對(duì)照表及用途介紹
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無(wú)論是求職應(yīng)聘,還是入學(xué)注冊(cè),亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10- 平面設(shè)計(jì)是一個(gè)注重視覺(jué)效果的設(shè)計(jì),簡(jiǎn)單的排版方式有時(shí)候不能滿足視覺(jué)突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來(lái)看看8個(gè)平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個(gè)設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語(yǔ)言,今天我們來(lái)推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請(qǐng)看下文介紹2023-10-08夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫(huà)面,該怎么操作呢?下面我們就來(lái)看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02什么是真RAW 什么是偽RAW? 簡(jiǎn)單說(shuō)說(shuō)真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無(wú)損壓縮(M)”和“無(wú)損壓縮(S)”RAW的問(wèn)題,今天做一個(gè)統(tǒng)一答復(fù)2022-12-24手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁(yè)面的時(shí)候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來(lái)看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06常用照片尺寸有哪幾個(gè)? 照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總
常用照片尺寸有哪幾個(gè)?我們經(jīng)常說(shuō)一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來(lái)看看照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總2021-08-06