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

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

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

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

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

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

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

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

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

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

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

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

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

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

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