創(chuàng)新互聯(lián)為你帶來的：【設(shè)計資訊】移動端UI設(shè)計規(guī)范

前言

設(shè)計目的設(shè)計

1. 幫助設(shè)計端對提高設(shè)計質(zhì)量、工作效率。當然我們在做一個移動UI時肯定是我們要有所需求的
2. 減低各方溝通成本， 統(tǒng)一設(shè)計標準及工作方法
3. 支持模塊化設(shè)計，減低開發(fā)成本、加快產(chǎn)品開發(fā)代的制作速度。
4. 逐步提高交互體驗，更好的服務(wù)與用戶體驗工作

標準原則

1. 高效設(shè)計，優(yōu)質(zhì)的閱讀體驗、保持專注、簡約流程
2. 快速認知 、快速記憶，降低認知成本。
3. 標準的基礎(chǔ)設(shè)計規(guī)范
4. 進階標準，情感化設(shè)計體現(xiàn)、產(chǎn)品品牌印象傳播

界面設(shè)計構(gòu)成

圖標層、圖文排版層、布局層

設(shè)計標準尺寸

不同的手機型號都有他不同的分辨率和尺寸。

布局標準原理

以為移動端有著不同的像素，所以我們在設(shè)計布局是要一定的標準。

布局標準控件

移動端頁面的控件是少不了的，但是我們對移動的界面布局也有著規(guī)則。

字體大小標準

移動端界面設(shè)計，移動端設(shè)備，桌面的尺寸大小不一，閱覽時要提升舒適度，給出了字體大小的標準。

字體使用規(guī)則標準

在用戶瀏覽時更加的舒適，推出了字體使用規(guī)則標準，1.設(shè)計稿標準文字；2.文字搭配；3.詳情頁標題文字與詳情文字間距；4.行間距設(shè)定；5.對齊原則。

字體搭配標準

文字大小的搭配也是給出了標準，用于詳情頁的標題文字和詳情文字，分別采用36px和30px；文字大小用于索引列表標題和詳情簡介，分別是32px和26px，或者30px和24px；字體大小用于帶頭列表標題和輔助信息，分別是30px和22px。

文字案例-（導(dǎo)航欄標題、二級導(dǎo)航文字、菜單欄文字、內(nèi)容信息文字）

文字案例-(帶頭像列表文字搭配)

文字案例-（設(shè)置列表文字、設(shè)置列表輔助信息文字、未讀信息文字）

文字案例-(內(nèi)輔助信息)

文字案例-（文字大小）

按鈕大小、帶頭像文字搭配文字、內(nèi)文標題文字、內(nèi)文詳情文字、小標題文字、提示文字

桌面圖標柵格系統(tǒng)

系統(tǒng)圖標柵格系統(tǒng)

系統(tǒng)圖標視覺比例柵格

以上創(chuàng)新互聯(lián)為你提供的，設(shè)計資訊中移動端UI設(shè)計規(guī)范。不僅有設(shè)計資訊，還有網(wǎng)站建設(shè)方案資訊。

文章標題：【設(shè)計資訊】移動端UI設(shè)計規(guī)范
本文來源：http://jinyejixie.com/news/161398.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、小程序開發(fā)、網(wǎng)頁設(shè)計公司、網(wǎng)站收錄、服務(wù)器托管、網(wǎng)站設(shè)計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)