1.合理的模塊區(qū)分

界面設(shè)計(jì)中不乏內(nèi)容信息很多，需要折疊的情況。因此經(jīng)常存在信息的層級(jí)關(guān)系，而這時(shí)就需要利用不同的顏色對(duì)各個(gè)模塊進(jìn)行區(qū)分，利用同色系不同明度來(lái)體現(xiàn)這樣的層級(jí)關(guān)系。這樣也讓用戶更容易理解當(dāng)前所處的模塊。也讓頁(yè)面看起來(lái)更豐滿些。

2.正確的文字層級(jí)關(guān)系

工作中我們拿到的需求總會(huì)出現(xiàn)大篇幅的文案，不能像概念設(shè)計(jì)那樣任性的刪減，在進(jìn)行文字排版的時(shí)候，正確的處理信息之間的層級(jí)關(guān)系將會(huì)提高用戶對(duì)信息的識(shí)別度。我們通常會(huì)通過(guò)字體大小、顏色、留白、層級(jí)分割等技巧來(lái)處理，把相同屬性的信息歸類設(shè)計(jì)，通過(guò)留白的不同達(dá)到層級(jí)的區(qū)分，讓整個(gè)信息排列主次分明，層級(jí)清晰。

3.合理的內(nèi)容歸納

應(yīng)該善用色塊和分割線對(duì)頁(yè)面的內(nèi)容進(jìn)行合理的歸納和整理。線條通常用于分割同一類別或擁有相同屬性的元素；而色塊更多的是用于分割不同類別或者區(qū)分不同屬性的元 素，以達(dá)到層次清晰，歸類明確的目的。但是所有的一切都應(yīng)該服務(wù)于信息的準(zhǔn)確表達(dá)，切忌不可為了視覺(jué)上的協(xié)調(diào)而強(qiáng)行的合并或折疊。

4.預(yù)估內(nèi)容承載范圍

新人總是會(huì)忘記規(guī)范信息呈現(xiàn)的邊界寬度。程序在開(kāi)發(fā)的時(shí)候總會(huì)問(wèn)，你這個(gè)超過(guò)長(zhǎng)度之后如何顯示。有一些程序更是直接用右圖的”…”顯示。但是在這樣的情況下，作為地址這樣的簡(jiǎn)單信息的展示，還需要用戶去點(diǎn)擊一次才能看見(jiàn)全部地址，明顯是不合理的交互。因此我們?cè)谠O(shè)計(jì)界面應(yīng)該要考慮到超過(guò)展示邊界的時(shí)候該如何展示，如何取舍。

5.尊重App用戶的使用習(xí)慣

許多App的設(shè)計(jì)師都是由網(wǎng)頁(yè)設(shè)計(jì)師轉(zhuǎn)行而來(lái)的，但是App界面有其特殊性。它界面小，過(guò)小的按鈕無(wú)法像鼠標(biāo)一樣能夠精確點(diǎn)擊。因?yàn)橛幸恍┚W(wǎng)頁(yè)的設(shè)計(jì)習(xí)慣不應(yīng)該帶到App的設(shè)計(jì)中來(lái)，這也是交互設(shè)計(jì)師在App的設(shè)計(jì)過(guò)程中需要去把關(guān)和注意的。

本文由成都網(wǎng)站建設(shè)公司 成都做網(wǎng)站公司 成都網(wǎng)站制作  成都網(wǎng)站設(shè)計(jì) 成都網(wǎng)絡(luò)公司 

網(wǎng)站題目：淺析用戶體驗(yàn)的界面設(shè)計(jì)細(xì)節(jié)--布局篇
當(dāng)前URL：http://www.2m8n56k.cn/news10/50360.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有用戶體驗(yàn)等

廣告

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