<th id="wu2k2"><s id="wu2k2"></s></th> <blockquote id="wu2k2"></blockquote>
  • <tr id="wu2k2"></tr>
  • <samp id="wu2k2"><tbody id="wu2k2"></tbody></samp><samp id="wu2k2"><tbody id="wu2k2"></tbody></samp>
  • 更多精彩內容,歡迎關注:

    視頻號
    視頻號

    抖音
    抖音

    快手
    快手

    微博
    微博

    ui設計規范怎么寫

    文檔

    ui設計規范怎么寫

    1、UI標注的規范:尺寸,標注文字的字體、字號、顏色、行高和透明度等,間距的規范,顏色標注規范。2、UI里圖片處理規范:除了圖片風格、色調等常規的統一性意外,還要著重注意切圖和圖片優化。3、UI中的命名規范:統一的、規范的命名,做好版本管理、文件歸檔的工作。
    推薦度:
    導讀1、UI標注的規范:尺寸,標注文字的字體、字號、顏色、行高和透明度等,間距的規范,顏色標注規范。2、UI里圖片處理規范:除了圖片風格、色調等常規的統一性意外,還要著重注意切圖和圖片優化。3、UI中的命名規范:統一的、規范的命名,做好版本管理、文件歸檔的工作。

    一、UI標注的規范

    1、尺寸。例如圖標、圖片這些內容關于尺寸維度的標注。

    需要注意,比如圖片的尺寸比例,不是固定的它的大小數字,這樣開發才能更好的適配,常用的圖片比例有4:3、16:9等。如果控件給出固定的尺寸數值,按鈕的寬和高度都標注出來,開發就會寫死按鈕的尺寸,一旦遇到屏幕有比例不同的時候,按鈕還是固定的大小,就會影響視覺效果;

    2、標注文字的字體、字號、顏色、行高和透明度等等。

    這些都要給出一個極限情況的規范,如最多顯示幾個字符,字符超過極限值就用“...”的方式處理;

    3、間距的規范。

    間距相對比較簡單,只要標注清晰就不會有太大問題。但有時候將間距和尺寸混淆。我們可以這樣理解為尺寸是容器的大小,而間距是容器之間的距離,所以間距和尺寸有著很大的不同;

    4、顏色標注規范。文字的顏色已經歸類到文字屬性里面,不用重復標注。顏色標注內容有:分割線顏色、背景色、按鈕顏色等等。?建議使用公司或品牌原有VI配色,可提高公司或品牌VI之間的關聯,增加可辨識性和記憶性。

    二、UI里圖片處理規范:

    除了圖片風格、色調等常規的統一性意外,還要著重注意切圖和圖片優化。

    1、安卓系統

    安卓系統切圖:

    統一采用Png格式

    部分需要做適配的圖片需要制作.9格式

    安卓系統圖片優化:

    圖片壓縮優化

    ICON 可采用PNG 8

    支持完全透明和完全不透明兩種效果和256色

    需要高清的可采用 PND24/32

    2、iOC系統

    iOC系統切圖:

    統一采用Png格式

    以640/750寬分辨率為@2x輸出三套尺寸:@1x @2x @3x

    iOC系統圖片優化:

    圖片壓縮優化

    ICON 可采用PNG 8

    支持完全透明和完全不透明兩種效果和256色

    需要高清的可采用 PND24/32

    三、UI中的命名規范:

    統一的、規范的命名對我們自己的文件整理有很大的幫助,后期修改文件、圖層的時候更加方便快捷。

    并且做好版本管理、文件歸檔的工作,會提高項目溝通銜接,能更好的為版本管理、文件歸檔做鋪墊。

    比如常見文件包命名規則是:項目名字+切圖+作者名字+日期。

    比如常用的英文單詞列表:

    bg(backgrond 背景)

    nav(navbar 導航欄)

    tab(tabbar 標簽欄)

    btn(button 按鈕)

    img(image 圖片)

    icon(圖標)

    selected(選中)

    default(默認)

    pressed(按下)

    back(返回)

    content(內容)

    以上就是小編的分享,希望可以幫助到大家。

    文檔

    ui設計規范怎么寫

    1、UI標注的規范:尺寸,標注文字的字體、字號、顏色、行高和透明度等,間距的規范,顏色標注規范。2、UI里圖片處理規范:除了圖片風格、色調等常規的統一性意外,還要著重注意切圖和圖片優化。3、UI中的命名規范:統一的、規范的命名,做好版本管理、文件歸檔的工作。
    推薦度:
    為你推薦
    資訊專欄
    熱門視頻
    相關推薦
    ui設計和交互設計區別 ui用什么設計軟件 什么是UE設計 ue設計是什么 ue設計師是干什么的 ue4軟件是什么 UI、UE、交互設計的區別是什么 ue設計和ui設計的區別 ue設計要學些什么 ue設計用什么軟件 ue設計與ui設計區別 ue設計師是什么 ue設計流程 ue是設計嗎 ue是交互設計嗎 ue設計需要學什么 ue工程師是干什么的 ue設計師需要學習什么 ue設計師崗位職責 ue設計師主要做什么 ui設計要做什么 ui設計和前端哪個好 ui是平面設計嗎 ui與ue設計區別 ui設計師工作內容 網頁ui設計流程 ui設計容易學么 學習ui設計難嗎 ui設計需要學什么軟件 ui設計師的前景怎么樣 ui設計師證怎么考 ui設計是什么 ui設計學習什么軟件 ui設計可以學習嗎 ui設計分為哪幾類 UI設計主要是指哪些 ui設計主要學什么 ui設計怎么做 ui界面設計技巧 ui設計師的前景
    Top 麻豆人妻少妇精品无码专区| 国产精品VIDEOSSEX久久发布| 亚洲国产精品va在线播放| 国产精品亚洲w码日韩中文| d动漫精品专区久久| www.久久精品| 国产精品成人观看视频网站| 亚洲精品美女久久久久99小说| 日本五区在线不卡精品| 午夜精品久久影院蜜桃| 日韩精品无码永久免费网站| 色精品一区二区三区| 亚洲国产精品无码久久久久久曰| 青青青青久久精品国产h久久精品五福影院1421 | 无码精品黑人一区二区三区| 国产精品最新国产精品第十页| 无码精品人妻一区二区三区影院| 国产精品一区电影| 精品一区二区高清在线观看| 大桥未久在线精品视频在线| 亚洲精品无码专区2| 99re6在线视频精品免费| 国产伦精品一区二区三区| 久久国产精品范冰啊| 亚洲精品无码不卡| 揄拍自拍日韩精品| 亚洲AV无码一区二区三区久久精品| 麻豆精品国产免费观看 | 亚洲精品无码永久中文字幕| 国产精品丝袜一区二区三区| 久久亚洲精品中文字幕| 精品黑人一区二区三区| 日韩精品一线二线三线优势| 国产剧情AV麻豆香蕉精品| 精品国产婷婷久久久| 九九精品免视看国产成人| 久久精品中文騷妇女内射| 精品久久久一二三区| 国产在热线精品视频| 9久久9久久精品| 99久久久国产精品免费牛牛|