<strike id="cakm0"></strike>
  • <button id="cakm0"><dl id="cakm0"></dl></button>
  • <samp id="cakm0"><tbody id="cakm0"></tbody></samp>
    <samp id="cakm0"><pre id="cakm0"></pre></samp><ul id="cakm0"></ul>
    <strike id="cakm0"></strike>
    <li id="cakm0"></li>
  • <ul id="cakm0"></ul>
  • 更多精彩內容,歡迎關注:

    視頻號
    視頻號

    抖音
    抖音

    快手
    快手

    微博
    微博

    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 六月婷婷精品视频在线观看| 午夜天堂精品久久久久| 国产精品1区2区3区在线播放| 香蕉依依精品视频在线播放| 精品国产AV一区二区三区| 国产亚洲美女精品久久久| 亚洲av无码成人精品区一本二本 | 最新精品露脸国产在线| 国语自产精品视频在线完整版| 久久精品日日躁精品| 亚洲成人国产精品| 一本精品中文字幕在线| 午夜精品美女自拍福到在线| 国产精品免费久久久久影院| 亚洲国产精品无码第一区二区三区| 真实国产乱子伦精品视频| 牛牛在线精品观看免费正| 国产精品久久新婚兰兰| 99热在线精品播放| 亚洲精品无码不卡在线播HE | 精品久久久久国产| 精品一区二区三区在线播放视频| 久久福利青草精品资源站| 亚洲一级Av无码毛片久久精品| 在线观看精品视频一区二区三区| 精品国产乱码久久久久久1区2区| 亚洲av午夜福利精品一区人妖| 国产精品熟女福利久久AV| 牛牛在线精品观看免费正| 精品久久久久久久免费人妻| 国产精品视频分类一区| 91精品国产一区二区三区左线 | 精品综合久久久久久97超人| 国产成人精品亚洲精品| 国产精品久久久久影院| 久9re热视频这里只有精品| 国产成人精品日本亚洲直接| 久久无码专区国产精品发布| 亚洲成人精品久久| 久久国产乱子伦精品免费看| 日本精品一区二区三区在线观看|