移動(dòng)設(shè)備已經(jīng)成為人們生活中不可或缺的部分，對(duì)于開發(fā)相關(guān)App的人員來(lái)說(shuō)，在設(shè)計(jì)過(guò)程中難免會(huì)遇到編輯框、帶邊框的小圖像等需求。然而，通常UI設(shè)計(jì)的圖像要么太大，要么不夠大，在程序中進(jìn)行縮放時(shí)可能會(huì)導(dǎo)致細(xì)

移動(dòng)設(shè)備已經(jīng)成為人們生活中不可或缺的部分，對(duì)于開發(fā)相關(guān)App的人員來(lái)說(shuō)，在設(shè)計(jì)過(guò)程中難免會(huì)遇到編輯框、帶邊框的小圖像等需求。然而，通常UI設(shè)計(jì)的圖像要么太大，要么不夠大，在程序中進(jìn)行縮放時(shí)可能會(huì)導(dǎo)致細(xì)框線出現(xiàn)不連續(xù)的問(wèn)題。在這篇文章中，我們將介紹一種簡(jiǎn)單的解決方法。

矢量圖像的應(yīng)用

首先，可以考慮將圖像轉(zhuǎn)換為矢量圖像，這樣無(wú)論如何縮放都不會(huì)出現(xiàn)問(wèn)題。但是本文重點(diǎn)介紹非矢量圖像的解決方法。例如，在下面的示例中，修改前縮放框線可能會(huì)出現(xiàn)斷點(diǎn)。

鋼筆工具調(diào)整方式

第一種解決方法是使用鋼筆工具選擇框線，并重新給它填充一下，然后調(diào)整方式為平滑，這樣就可以改善框線不連續(xù)的情況。另外一種方法是在圖層中選擇該圖層，右鍵選擇混合選項(xiàng)，分別選擇描邊和光澤效果。接著，在圖層效果中，先雙擊描邊，設(shè)置外部為正常，根據(jù)個(gè)人需求選擇邊框像素。然后雙擊光澤，選擇消除鋸齒，設(shè)置為正常即可。

適量圖像的重要性

最根本的解決方案是使用適量圖像，在設(shè)計(jì)過(guò)程中直接考慮到縮放的問(wèn)題，這樣就能避免細(xì)框線縮放不連續(xù)的情況。本文所提供的小技巧只是在面對(duì)非矢量圖像時(shí)的一種暫時(shí)解決方法，希望能對(duì)您在移動(dòng)設(shè)備UI設(shè)計(jì)中遇到類似問(wèn)題時(shí)有所幫助。