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

前言

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

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

標(biāo)準(zhǔn)原則

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

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

圖標(biāo)層、圖文排版層、布局層

設(shè)計(jì)標(biāo)準(zhǔn)尺寸

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

布局標(biāo)準(zhǔn)原理

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

布局標(biāo)準(zhǔn)控件

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

字體大小標(biāo)準(zhǔn)

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

字體使用規(guī)則標(biāo)準(zhǔn)

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

字體搭配標(biāo)準(zhǔn)

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

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

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

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

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

文字案例-（文字大?。?/h2>

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

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

系統(tǒng)圖標(biāo)柵格系統(tǒng)

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

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

文章標(biāo)題：【設(shè)計(jì)資訊】移動端UI設(shè)計(jì)規(guī)范
本文來源：http://chinadenli.net/news/161398.html

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

廣告

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