1尺寸 我們要將頁面上有所需要告知尺寸的內(nèi)容進行標(biāo)注，例如圖標(biāo)圖片頭像等等關(guān)于尺寸維度的標(biāo)注我們需要注意的是有圓角的地方，需要將圓角半徑標(biāo)出對于一些控件，如button列表，一定要隨時問自己有沒有特殊狀態(tài)，如按壓狀態(tài)無效狀態(tài)選中狀態(tài)等等，如果你不標(biāo)明，開會就會默認沒有這些效果；界面設(shè)計是為了滿足軟件專業(yè)化標(biāo)準化的需求而產(chǎn)生的對軟件的使用界面進行美化優(yōu)化規(guī)范化的設(shè)計分支明確對任何界面而言，明確是首要的也是最重要的一點用戶語言，界面中要使用能反應(yīng)用戶本身的語言，而不是用戶界面設(shè)計者的語言，即用戶至上原則記憶負擔(dān)最小化，人腦不是電腦，在設(shè)計界面時必須要考慮。

一遵循一致的準則，確立標(biāo)準并遵循 無論是控件使用，提示信息措辭，還是顏色窗口布局風(fēng)格，遵循統(tǒng)一的標(biāo)準，做到真正的一致二Color顏色使用恰當(dāng)，遵循對比原則 三Resource資源 一個多姿多彩的人機交互界面，少不了精美的鼠標(biāo)光標(biāo)圖標(biāo)以及指示圖片底圖等四Font字體 使用統(tǒng)一字體，字；UI交互設(shè)計規(guī)范中的交互提示規(guī)范主要用于規(guī)定在交互過程中交互的方式及其信息提示，包括1預(yù)先信息提示 a表單提交類，b謹慎類操作，c差異化規(guī)則2操作信息提示 a操作確認提示，b操作錯誤提示3結(jié)果信息提示 a查詢類結(jié)果，b保存類結(jié)果，c附加類結(jié)果控件規(guī)范 UI交互設(shè)計規(guī)范中的控件。

ui設(shè)計規(guī)范怎么寫

一軸線的韻律 軸線，作為UI設(shè)計的靈魂，是組織界面架構(gòu)的基石它不僅是視覺上的一條虛線，而是引導(dǎo)用戶感知的隱形線索設(shè)計中，對齊強化運動和連續(xù)性這四個維度都與軸線息息相關(guān)1 對齊與秩序 軸線在對稱元素的布局中尤為明顯，如iTunes專輯列表，左側(cè)的專輯整齊排列，圍繞著軸線，形成有序的。

1簡易性 界面的簡潔是要讓用戶便于使用便于了解產(chǎn)品，并能減少用戶發(fā)生錯誤選擇的可能性2用戶語言 界面中要使用能反映用戶本身的語言，而不是游戲設(shè)計者的語言3記憶負擔(dān)最小化 人腦不是電腦，在設(shè)計界面時必須要考慮人類大腦處理信息的限度人類的短期記憶有限且極不穩(wěn)定，24小時內(nèi)存在約25%。

模塊規(guī)范是一個大的板塊，如金剛區(qū)列表流圖片流等因為banner運營是一個很復(fù)雜的模塊，需要單獨定義規(guī)范4特殊狀態(tài)規(guī)范 設(shè)計場景中一些特殊的狀態(tài)，也是我們設(shè)計時經(jīng)常忽略的地方特殊狀態(tài)規(guī)范有彈窗空白頁加載態(tài)toast浮層啟動圖等等通過這四種規(guī)范的建立，UI設(shè)計規(guī)范已經(jīng)很全面細致了。

4顏色標(biāo)注規(guī)范文字的顏色已經(jīng)歸類到文字屬性里面，不用重復(fù)標(biāo)注顏色標(biāo)注內(nèi)容有分割線顏色背景色按鈕顏色等等#160建議使用公司或品牌原有VI配色，可提高公司或品牌VI之間的關(guān)聯(lián)，增加可辨識性和記憶性二UI里圖片處理規(guī)范除了圖片風(fēng)格色調(diào)等常規(guī)的統(tǒng)一性意外，還要著重注意切圖和圖片。

總的來說，PC客戶端UI設(shè)計規(guī)范是一個綜合考量視覺交互和性能的系統(tǒng)工程，每一點都關(guān)乎到用戶的使用體驗遵循這些規(guī)范，您的產(chǎn)品將更具吸引力和競爭力希望這些信息能對您有所幫助。

好的UI設(shè)計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單自由，充分體現(xiàn)軟件的定位和特點1簡易性 界面的簡潔是要讓用戶便于使用便于了解產(chǎn)品，并能減少用戶發(fā)生錯誤選擇的可能性2用戶語言 界面中要使用能反映用戶本身的語言，而不是游戲設(shè)計者的語言3記憶負擔(dān)最小化 人腦不。

UI設(shè)計規(guī)范原則

1軟件設(shè)計前期，美工參與需求了解，分析同類軟件界面有缺點，提出主色調(diào)典型界面風(fēng)格以及構(gòu)思整個美術(shù)包裝等 2界面原型設(shè)計過程中，與開發(fā)人員共同修改商榷最終表現(xiàn)樣式，以及確立UI標(biāo)準 3程序開發(fā)過程中，提供標(biāo)準風(fēng)格的資源文件icon，cur，bmp等，并總結(jié)出統(tǒng)一風(fēng)格的資源的設(shè)計過程，形成規(guī)范文檔* 4產(chǎn)品化。

把品牌主副色調(diào)應(yīng)用到圖標(biāo)設(shè)計中同時建議大家每個星期完成一個主題的作品，提升自己的平面設(shè)計能力以上就是小編關(guān)于UI圖標(biāo)規(guī)范的分享，總之，圖標(biāo)與品牌標(biāo)志一樣，在設(shè)計時都需要做適當(dāng)?shù)臏p法，應(yīng)該盡量用簡約的線條去表達其含義，還應(yīng)該盡量避免出現(xiàn)線條結(jié)構(gòu)過于復(fù)雜的設(shè)計。

每個字符同線路長度，間距也是重要的所以每個字符之間的空間至少等于字符的尺寸，大多數(shù)數(shù)字設(shè)計人員習(xí)慣選擇一個最小的文字大小的150%為空間距離，這就可以留下足夠的空間當(dāng)每一行中讀取大段的文字，且線路長度過多或線之間的空間太少，都會造成理解困難3對齊方式 無論是在文本中心，還是偏左。

手機UI設(shè)計規(guī)范1尺寸問題 480乘800，540乘960，720乘1280，1080乘1920象素尺寸是較常見的手機屏幕尺寸，在設(shè)計時可以根據(jù)實際產(chǎn)品要求進行設(shè)計，更大的屏幕可以有更多的交互表現(xiàn)和視覺元素的支持，較為自由2色彩問題 由于手機lcd本身的限制，在色彩的還原程度上沒有pc如此完善，因此在選用色彩。

一提前開發(fā)在設(shè)計工作進行中，設(shè)計師可能會面臨一些突發(fā)情況，因此對于一些我們經(jīng)常用到的，如顏色分割線tab表單等組件，如果提前設(shè)計統(tǒng)一好，能大大減少重復(fù)性設(shè)計，讓設(shè)計師專注提高設(shè)計的質(zhì)量二明確設(shè)計原則UI設(shè)計師需要知道的是，我們產(chǎn)品需要傳遞給用戶的設(shè)計特征和原則是什么，以及相關(guān)平臺。