標注
內容:
1、文字:大小、字體、粗細、顏色、不透明度
2、布局控件屬性:控件高度、背景色、透明度、描邊和圓角大小
3、間距:圖標文字列表等都間距、控件之間都距離和左右邊距
4、列表:列表都高度、顏色、內容上下間距等
5、段落:行距
6、全局屬性:如導航欄文字大小、顏色頁面左右邊距、默認間距
切圖
無法用代碼實現的內容需要切圖,主要切@2x和@3x圖
注意:
1、切圖輸出格式:png24位、png8位、jpg3種格式
2、同一模塊內,切圖大小應保持一致
3、切圖輸出大小必須保持為偶數(為了適配,改變圖片大小時不會出現小數情況)
4、為了減小包的大小、所有切圖盡量壓縮后再給開發
下載安裝藍湖
進入藍湖官網點擊下載插件:https://lanhuapp.com/
點擊下載都插件圖標即可自動安裝到Photoshop軟件中
然后打開Photoshop,點擊【窗口】-【擴展功能】-【藍湖】
打開藍湖后需要輸入藍湖得賬戶密碼進行登錄,如果沒有賬號需要在藍湖官網先進行注冊
登錄之后選擇設計尺寸、上傳的項目等
選擇“選中的畫板”,在圖中拉出參考線,然后沿着參考線畫出畫板,創建畫板后換回移動工具
給需要切圖的圖標進行命名
切圖的命名格式
頁面-位置-功能簡品-狀態
注意:
1、不能使用中文命名
2、不能以數字開頭
標記切圖
標記切圖時可設置固定大小
不是同一個圖層的圖
切圖前需要選中圖層進行分組,然后選擇該分組進行切圖
標記完成后選中畫板點擊上傳
上傳成功后到瀏覽器藍湖上找到相應的項目查看上傳的畫板,點擊上方的切圖圖標可以下載切圖
常用英文命名單詞
中 文 | 英 文 |
---|---|
啟動頁面 | default |
頂部導航 | nav |
左側導航 | leftnav |
工具欄 | toolbar |
狀態欄 | statusbar |
背景 | bg |
按鈕 | button |
照片 | photo |
圖片 | img |
圖標 | icon |
個人資料 | porfile |
用戶 | user |
彈出 | pop |
返回 | back |
刷新 | refresh |
刪除 | delete |
編輯 | edit |
下載 | download |
內容 | content |
廣告 | banner |
登錄 | login |
注冊 | register |
標題 | title |
提示信息 | msg |
鏈接 | link |
注釋 | note |
標志 | logo |
主頁 | home |
列表 | list |
設置 | set |
更多 | more |
取消 | cancel |
按鈕常態 | nor |
按鈕選中 | sel |
按鈕突出 | hig |
按鈕不可用 | dis |