UI知識(shí),UI設(shè)計(jì)切圖的命名規(guī)范

2022-12-26 11:10:16 來(lái)源/作者: / 己有:20人學(xué)習(xí)過

首先分享一個(gè)比較好用且快捷的切圖軟件.....................

Cutterman;

這是一個(gè)photoshop擴(kuò)展功能切圖插件,它支持IOS、Android、WEB切圖,一鍵切圖,方便快捷。

它在Photoshop中是這個(gè)樣子的;

UI知識(shí),UI設(shè)計(jì)切圖的命名規(guī)范

大家可以試一下,畢竟軟件只是工具,適合自己的軟件才是最好的。

好了,言歸正傳,下面開始分享切圖基本命名規(guī)范;

UI知識(shí),UI設(shè)計(jì)切圖的命名規(guī)范

這是網(wǎng)易考拉海購(gòu)的啟動(dòng)頁(yè),首先確定需要切圖的內(nèi)容有幾塊,

1、啟動(dòng)頁(yè)LOGO;

2、啟動(dòng)頁(yè)背景;

3、登錄按鈕;

4、登錄的輸入框;

首先第一個(gè)啟動(dòng)頁(yè)LOGO命名