現(xiàn)在iOS app 的尺寸也變多了，要適配到各種尺寸需要選擇一個(gè)折中的尺寸來向上向下適配，以前一般用的是iphone5的尺寸，iPhone6 plus出現(xiàn)后，iPhone6尺寸成了大多數(shù)設(shè)計(jì)師的選擇一iPhone6的界面布局是 屏幕是47；布局原則的應(yīng)用示例 這樣就可以完成基本的頁面布局了 但是，就這樣結(jié)束了嗎？當(dāng)然不是 如何建立一個(gè)更符合用戶認(rèn)知習(xí)慣，方便用戶瀏覽操作的更科學(xué)的頁面，也需要以下策略 1控制信息量 心理學(xué)研究表明，人一次只能“記住”四件事。

簡單來說，以160dpi的設(shè)備為準(zhǔn)，該設(shè)備上1dp = 1px如果屏幕密度大，1dip代表的px就多，比如在320dpi的屏幕上，1dip=2px即1dp代表2個(gè)像素在app開發(fā)時(shí)，最好用dp來做界面的布局，以保證適配不同屏幕密度的手機(jī)；設(shè)計(jì)文字時(shí)應(yīng)保證文字辨識度高和信息傳達(dá)的準(zhǔn)確性相對于圖片文字擁有更加清晰準(zhǔn)確的表達(dá)能力，使得用戶能更加清晰從APP中獲取信息信息，界面內(nèi)容也更加直觀文字設(shè)計(jì)要遵循以下原則用語要簡潔，信息內(nèi)容清楚，避免使用專業(yè)的。

在APP應(yīng)用的界面中，往往有很多板塊構(gòu)成整個(gè)界面，企業(yè)在設(shè)計(jì)中布局板塊時(shí)要慎重考慮用戶在使用APP應(yīng)用的過程中，如何快速找到自己需要的版塊，實(shí)現(xiàn)自己的需求因?yàn)橹挥兄庇^清晰的布局才能讓用戶更容易找到需要的內(nèi)容，給用戶留下好；1重視用戶體驗(yàn)2突出應(yīng)用的特點(diǎn)3重視設(shè)計(jì)中的每一個(gè)環(huán)節(jié)在激烈的市場中脫穎而出，成為其中的佼佼者，最為關(guān)鍵的環(huán)節(jié)就是AndroidApp開發(fā)界面的設(shè)計(jì)界面不僅僅是面向企業(yè)，還是為用戶而設(shè)計(jì)的，只有以用戶為中心的。

app頁面布局構(gòu)架圖

這種布局用途廣泛，適用于網(wǎng)站的內(nèi)頁，例如，當(dāng)您有大量文本要閱讀時(shí)一些頁面示例是博客，說明，常見問題解答，操作方法，您希望在其中使導(dǎo)航或其他方便用戶使用的內(nèi)容 移動(dòng) 在移動(dòng)設(shè)備上，這是一個(gè)簡單的層次結(jié)構(gòu)問題您需要根據(jù)側(cè)面板中。

APP設(shè)計(jì)規(guī)范主要包括對界面布局背景色字體顏色大小界面元素間距彈層loading圖標(biāo)按鈕常態(tài)點(diǎn)擊態(tài)等進(jìn)行統(tǒng)一的梳理和規(guī)范頁面布局和交互規(guī)范上建議安卓ios盡量統(tǒng)一，這樣可以避免安卓和ios分別設(shè)計(jì)一套稿子當(dāng)然。

1 APP主頁 你的APP主頁是呈現(xiàn)給用戶的第一印象，所以，一定要做到頁面的合理布局，相關(guān)內(nèi)容的排序等級以及導(dǎo)航模塊的多元化設(shè)計(jì)依據(jù)接近原則準(zhǔn)和相似原則，設(shè)計(jì)師可以將APP主頁進(jìn)行模塊劃分，使主頁的布局更加明晰化，達(dá)到。

2界面尺寸布局滿屏尺寸375x667px 3高度電量條高度20px，導(dǎo)航欄高度44px，標(biāo)簽欄高度46px4各區(qū)域圖標(biāo)大小導(dǎo)航欄圖標(biāo)16px，底部標(biāo)簽欄圖標(biāo)23px5各區(qū)域文字大小電量條文字10px，導(dǎo)航欄文字14px，標(biāo)簽欄。

app頁面布局原則有哪些

一般來說，手機(jī)屏幕是從上往下布局的，重要的信息會(huì)放在上方但是在操作上，大部分人都是單手拿手機(jī)，常用的操作，要放在界面的下方另外還有一個(gè)原則，最小的觸摸單位，一般是44個(gè)像素如果再小，你的拇指難以觸碰。

手機(jī)界面排版布局的簡潔可以從屏幕顯示量精練顯示一致性和即看即所得這三個(gè)角度來體現(xiàn)首先來看屏幕顯示量的適度精練，它是指適度地安排手機(jī)軟件界面中的各要素例如選項(xiàng)標(biāo)識等，既不能過于擁擠，亦不可過于稀疏科學(xué)證明。

app功能位置排版原則一對齊 對齊Alignment任何東西都不能在頁面上隨意安放每個(gè)元素都應(yīng)當(dāng)與頁面上的另一個(gè)元素有某種視覺聯(lián)系這樣能建立一種清晰精巧而且清爽的外觀這個(gè)頁面是一個(gè)推薦關(guān)注的列表頁，處處能體現(xiàn)。

2采用不同的排布方法，讓頁面更加豐富 在進(jìn)行頁面布局的過程中，可以愛同一個(gè)頁面中采用不同的布局方法，這樣能夠讓用戶在豐富的內(nèi)容中進(jìn)行了解，并且還能在頁面停留很長的時(shí)間沙河電腦培訓(xùn)發(fā)現(xiàn)現(xiàn)在很多購物網(wǎng)站都是采用這。

等都采用這種布局九宮格TAB多面板彈出框手風(fēng)琴用戶點(diǎn)擊分類可展開顯示二級內(nèi)容，在不用的時(shí)候，內(nèi)容是隱藏的可承載比較多的信息，同時(shí)保持界面簡潔抽屜側(cè)邊欄抽屜也是將內(nèi)容先藏起來，在需要時(shí)再展開標(biāo)簽。

APP界面設(shè)計(jì)應(yīng)從圖片文字色彩圖標(biāo)留白這些方面注意著手于設(shè)計(jì)1圖片，如同一個(gè)人的衣著品味圖片在APP中是非常常見的，圖片的展現(xiàn)形式和圖片的質(zhì)量都影響著用戶對產(chǎn)品的感官體驗(yàn)圖片的定位就如同一個(gè)人的衣著品味，不同的穿衣風(fēng)。

從而具有秩序美感，這種秩序美感就會(huì)形成自己的設(shè)計(jì)節(jié)奏以上是環(huán)球青藤小編為考生整理的APP界面色彩運(yùn)用原則與規(guī)范的相關(guān)內(nèi)容，希望對大家有幫助！更多技能資訊的相關(guān)內(nèi)容盡在本平臺，快來看看吧。