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

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

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

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

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

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

適量圖像的重要性

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