新聞資訊
合作流程?。?a target="_blank">在線咨詢?。?a href="/about/service.html#cjwt">常見問題?。?a href="/about/contact.html">聯系我們
用戶體驗的界面設計細節——布局篇
點擊率:7473 發布者:合肥網站建設 時間:2017-10-19 10:48
1.合理的模塊區分
界面設計中不乏內容信息很多,需要折疊的情況。因此經常存在信息的層級關系,而這時就需要利用不同的顏色對各個模塊進行區分,利用同色系不同明度來體現這樣的層級關系。這樣也讓用戶更容易理解當前所處的模塊。也讓頁面看起來更豐滿些。
2.正確的文字層級關系
工作中我們拿到的需求總會出現大篇幅的文案,不能像概念設計那樣任性的刪減,在進行文字排版的時候,正確的處理信息之間的層級關系將會提高用戶對信息的識別度。我們通常會通過字體大小、顏色、留白、層級分割等技巧來處理,把相同屬性的信息歸類設計,通過留白的不同達到層級的區分,讓整個信息排列主次分明,層級清晰。
3.合理的內容歸納
應該善用色塊和分割線對頁面的內容進行合理的歸納和整理。線條通常用于分割同一類別或擁有相同屬性的元素;而色塊更多的是用于分割不同類別或者區分不同屬性的元 素,以達到層次清晰,歸類明確的目的。但是所有的一切都應該服務于信息的準確表達,切忌不可為了視覺上的協調而強行的合并或折疊。
4.預估內容承載范圍
新人總是會忘記規范信息呈現的邊界寬度。程序在開發的時候總會問,你這個超過長度之后如何顯示。有一些程序更是直接用右圖的”…”顯示。但是在這樣的情況下,作為地址這樣的簡單信息的展示,還需要用戶去點擊一次才能看見全部地址,明顯是不合理的交互。因此我們在設計界面應該要考慮到超過展示邊界的時候該如何展示,如何取舍。
5.尊重App用戶的使用習慣
許多App的設計師都是由網頁設計師轉行而來的,但是App界面有其特殊性。它界面小,過小的按鈕無法像鼠標一樣能夠精確點擊。因為有一些網頁的設計習慣不應該帶到App的設計中來,這也是交互設計師在App的設計過程中需要去把關和注意的。
界面設計中不乏內容信息很多,需要折疊的情況。因此經常存在信息的層級關系,而這時就需要利用不同的顏色對各個模塊進行區分,利用同色系不同明度來體現這樣的層級關系。這樣也讓用戶更容易理解當前所處的模塊。也讓頁面看起來更豐滿些。
2.正確的文字層級關系
工作中我們拿到的需求總會出現大篇幅的文案,不能像概念設計那樣任性的刪減,在進行文字排版的時候,正確的處理信息之間的層級關系將會提高用戶對信息的識別度。我們通常會通過字體大小、顏色、留白、層級分割等技巧來處理,把相同屬性的信息歸類設計,通過留白的不同達到層級的區分,讓整個信息排列主次分明,層級清晰。
3.合理的內容歸納
應該善用色塊和分割線對頁面的內容進行合理的歸納和整理。線條通常用于分割同一類別或擁有相同屬性的元素;而色塊更多的是用于分割不同類別或者區分不同屬性的元 素,以達到層次清晰,歸類明確的目的。但是所有的一切都應該服務于信息的準確表達,切忌不可為了視覺上的協調而強行的合并或折疊。
4.預估內容承載范圍
新人總是會忘記規范信息呈現的邊界寬度。程序在開發的時候總會問,你這個超過長度之后如何顯示。有一些程序更是直接用右圖的”…”顯示。但是在這樣的情況下,作為地址這樣的簡單信息的展示,還需要用戶去點擊一次才能看見全部地址,明顯是不合理的交互。因此我們在設計界面應該要考慮到超過展示邊界的時候該如何展示,如何取舍。
5.尊重App用戶的使用習慣
許多App的設計師都是由網頁設計師轉行而來的,但是App界面有其特殊性。它界面小,過小的按鈕無法像鼠標一樣能夠精確點擊。因為有一些網頁的設計習慣不應該帶到App的設計中來,這也是交互設計師在App的設計過程中需要去把關和注意的。