<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 久久青青草原精品影院| 黑人粗长大战亚洲女2021国产精品成人免费视频 | 久久精品国产亚洲AV网站| 国产精品91在线播放| 国产高清国内精品福利| 午夜天堂精品久久久久| 中文字幕在线精品| 免费观看四虎精品国产永久| 久久亚洲欧美国产精品| 56prom在线精品国产| 久久精品中文字幕不卡一二区| 国产精品伊人久久伊人电影| 国产精品白浆在线播放| 亚洲AV无码一区二区三区久久精品| 久久精品国产第一区二区三区| 国产精品视频二区不卡| 日韩人妻无码精品系列| 国产精品激情综合久久| 日本午夜精品理论片A级APP发布| 精品一线二线三线区别在哪欧美| 久久精品卫校国产小美女| 亚洲综合国产精品| 久9re热这里精品首页| 国内精品久久久人妻中文字幕| 国产午夜精品久久久久九九| 国产精品99久久久久久www| 步兵精品手机在线观看| 国产偷窥熟女精品视频| 国产成人综合久久精品下载| 国产精品综合一区二区三区| 校园春色国产精品| 精品久久久中文字幕一区| 青草久久精品亚洲综合专区| 精品亚洲国产成人av| 精品无码久久久久久国产| 曰产无码久久久久久精品| 亚洲精品国产高清在线观看| 日本精品无码一区二区三区久久久| 一本色道久久88亚洲精品综合| 久久久99精品成人片| 九九99久久精品国产|