ui設(shè)計說白了就是界面的整體設(shè)計,這在如今的智能化不斷發(fā)展的時代尤其重要。ui設(shè)計結(jié)構(gòu)有幾種非常常見,其中就有樹狀結(jié)構(gòu)ui設(shè)計。今天就讓小編為大家詳細介紹一下吧。
樹狀結(jié)構(gòu)ui設(shè)計
UI即User Interface(用戶界面)的簡稱。UI設(shè)計是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。好的UI設(shè)計不僅是讓軟件變得有個性有品位,還要讓軟件的操作變得舒適簡單、自由,充分體現(xiàn)軟件的定位和特點。做界面設(shè)計的“美工”也隨之被稱之為“UI設(shè)計師”或“UI工程師”。一個電子產(chǎn)品擁有美觀的界面會給人帶來舒適的視覺享受,拉近人與商品的距離,這就是建立在科學性之上的藝術(shù)設(shè)計。
在幾種ui設(shè)計結(jié)構(gòu)中,有一種界面設(shè)計被稱為樹狀結(jié)構(gòu),它屬于主題式設(shè)計,強調(diào)層級關(guān)系,通過樹狀結(jié)構(gòu)能很清晰地看出彼此之間的層級關(guān)系。但是這個要求ui設(shè)計者要有清晰的邏輯思維,能把多重復(fù)雜的關(guān)系一層一層展示出來。
樹狀結(jié)構(gòu)ui設(shè)計(圖片來自網(wǎng)絡(luò))
通過樹狀結(jié)構(gòu),UI設(shè)計能展示這些功能:
1、可以動態(tài)配置數(shù)據(jù)源。
2、點擊每個元素的上下文菜單按鈕(也就是圖中的三角形按鈕),可以收縮或展開它的子元素。
3、可以單獨判斷某一元素的復(fù)選框是否被勾選,或者直接獲取當前樹形菜單中所有被勾選的元素。
4、樹形菜單統(tǒng)一控制其下所有子元素按鈕的事件分發(fā)。
5、可自動調(diào)節(jié)的滾動視野邊緣,根據(jù)當前可見的子元素數(shù)量進行橫向以及縱向的伸縮。
ui設(shè)計師的職能包括哪些方面
1、圖形設(shè)計:即傳統(tǒng)意義上的“美工”,當然,他們承擔的不是單純意義上美術(shù)工人的工作,而是了解軟件產(chǎn)品、致力于提高軟件用戶體驗的產(chǎn)品外形設(shè)計師。
樹狀結(jié)構(gòu)ui設(shè)計(圖片來自網(wǎng)絡(luò))
2、交互設(shè)計:主要在于設(shè)計軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。一個軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計,并且確立交互模型,交互規(guī)范。
3、用戶測試/研究:任何的產(chǎn)品為了保證質(zhì)量都需要測試,軟件的編碼需要測試,自然UI設(shè)計也需要被測試。這個測試和編碼沒有任何關(guān)系,主要是測試交互設(shè)計的合理性以及圖形設(shè)計的美觀性。測試方法一般都是采用焦點小組,用目標用戶問卷的形式來衡量UI設(shè)計的合理性。
綜上所述UI設(shè)計師就是:軟件圖形設(shè)計師、交互設(shè)計師、用戶研究工程師。
以上就是小編為大家介紹的關(guān)于樹狀結(jié)構(gòu)ui設(shè)計的相關(guān)內(nèi)容。ui設(shè)計是當下最火的一種設(shè)計,要求ui設(shè)計者要具備多種能力,學會使用樹狀結(jié)構(gòu)就是其中一種。