27第五章7-App界面版式設(shè)計(jì)規(guī)范及交互設(shè)計(jì)原則

App界面版式設(shè)計(jì)規(guī)范及交互設(shè)計(jì)經(jīng)驗(yàn)法則

天津電子信息職業(yè)技術(shù)學(xué)院以App目的導(dǎo)向?yàn)樵瓌t的界面版式設(shè)計(jì)App界面版式設(shè)計(jì)規(guī)范App交互設(shè)計(jì)經(jīng)驗(yàn)法則及解析知識(shí)要點(diǎn)App界面版式設(shè)計(jì)規(guī)范第一部分App版式設(shè)計(jì)規(guī)范講解主要內(nèi)容：1、內(nèi)容布局（列表式、卡片式）2、圖片設(shè)計(jì)比例3、對齊4、對稱5、分組

…………App界面版式設(shè)計(jì)規(guī)范內(nèi)容布局列表式布局卡片式布局

…………App界面版式設(shè)計(jì)規(guī)范內(nèi)容布局列表式布局卡片式布局

…………App界面版式設(shè)計(jì)規(guī)范界面圖片設(shè)計(jì)比例常見圖片尺寸比例：16:94:33:21:1

…………App界面版式設(shè)計(jì)規(guī)范對齊對齊是版式設(shè)計(jì)基礎(chǔ)、重要的原則之一，通過整齊的外觀，給用戶一種有序一致的瀏覽體驗(yàn)。

…………App界面版式設(shè)計(jì)規(guī)范對稱對稱設(shè)計(jì)傳達(dá)出頁面的平衡、安靜和穩(wěn)定，同時(shí)表達(dá)了完整性、專業(yè)性和一致性。

…………App界面版式設(shè)計(jì)規(guī)范分組常見的分組方式就是卡片，為用戶選擇提供專注而又明確的瀏覽體驗(yàn)。

…………App界面版式設(shè)計(jì)規(guī)范設(shè)計(jì)適配顯示分辨率邏輯分辨率設(shè)計(jì)尺寸選擇

…………App界面版式設(shè)計(jì)規(guī)范設(shè)計(jì)適配ios切片常見為：@2x切圖（以750px為寬度尺寸為基準(zhǔn)切圖）@3x切圖（以1242px為寬度尺寸為基準(zhǔn)切圖）App交互設(shè)計(jì)經(jīng)驗(yàn)法則及解析狀態(tài)可見原則系統(tǒng)應(yīng)該讓用戶快速的了解自己處于何種狀態(tài)、對過去發(fā)生、當(dāng)前目標(biāo)、以及對未來去向有所了解；一般的方法是在合適的時(shí)間給用戶適當(dāng)?shù)姆答仯辉瓌t一環(huán)境貼切原則軟件系統(tǒng)應(yīng)該使用用戶熟悉的語言、文字、語句，而非系統(tǒng)語言。軟件中的信息應(yīng)該盡量貼近真實(shí)世界，讓信息更自然，邏輯上也更容易被用戶理解。原則二用戶可控原則用戶誤觸到某些功能，應(yīng)該讓用戶可以方便的退出。用戶發(fā)送一條消息、總會(huì)有意識(shí)到自己不對的地方，這個(gè)叫做臨界效應(yīng)；支持撤銷/重做功能。原則三一致性原則結(jié)構(gòu)一致性色彩一致性操作一致性反饋一致性文字一致性原則四一致性原則結(jié)構(gòu)一致性操作一致性反饋一致性文字一致性原則四色彩一致性一致性原則結(jié)構(gòu)一致性色彩一致性反饋一致性文字一致性原則四操作一致性一致性原則結(jié)構(gòu)一致性色彩一致性操作一致性文字一致性原則四反饋一致性一致性原則結(jié)構(gòu)一致性色彩一致性操作一致性反饋一致性原則四文字一致性防錯(cuò)原則在用戶提交之前給他一個(gè)確認(rèn)的選項(xiàng)。需要注意的是：在用戶操作具有不可逆效果的功能時(shí)要有提示，防止用戶犯不可挽回的錯(cuò)誤。原則五易取原則通過把組件、按鈕及選項(xiàng)可見化，來降低用戶的記憶負(fù)擔(dān)。軟件的使用指南應(yīng)該是可見的，且在合適的時(shí)候可以再次查看。原則六靈活高效原則可以同時(shí)滿足有經(jīng)驗(yàn)和無經(jīng)驗(yàn)的用戶。允許用戶定制常用功能。原則七優(yōu)美簡約原則展示的內(nèi)容應(yīng)該去除不相關(guān)的信息或幾乎不需要的信息。原則八容錯(cuò)原則出現(xiàn)錯(cuò)誤信息應(yīng)該使用簡潔的文字，指出錯(cuò)誤是什么，并給出解決建議。原則九人性化原則應(yīng)該提