常見UI設(shè)計(jì)模式

交互設(shè)計(jì)師在設(shè)計(jì)線框圖原型時(shí)，熟知常見的web設(shè)計(jì)模式很有幫助，做到“心中有數(shù)”才能創(chuàng)造出符合需求，用戶易學(xué)易用的界面來。所謂“沒有必要重復(fù)發(fā)明輪子”，模式往往容易解決常見問題，正確的模式能幫用戶熟悉界面、提高效率。

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都做網(wǎng)站、成都網(wǎng)站制作、湘陰網(wǎng)絡(luò)推廣、微信小程序定制開發(fā)、湘陰網(wǎng)絡(luò)營(yíng)銷、湘陰企業(yè)策劃、湘陰品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供湘陰建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：muchs.cn

常見的UI設(shè)計(jì)模式如下圖：

下面分別進(jìn)行具體分析，遇到不同需求的時(shí)候就可以選擇合適UI設(shè)計(jì)模式。

01.主體/細(xì)節(jié)（Master/Detail）模式

主體/細(xì)節(jié)模式可以分為橫向和縱向兩種。如果想讓用戶在同一頁(yè)面下，引導(dǎo)他們?cè)陬惸肯赂咝У厍袚Q，這無疑是一種理想的方式。如果主體信息對(duì)于用戶來說更重要，最好選擇橫向布局?；蚴侵黧w部分不僅條目多而且包含信息也多，那也該選擇這種橫向布局。

舉例來說：

Windows窗口屬于縱向排布

Mac mail的橫向排布

0.2分欄瀏覽(Column Browse)

分欄瀏覽也分為橫向和縱向兩種。用戶可以通過它，選擇不同的類別點(diǎn)進(jìn)并逐步引導(dǎo)用戶找到需要的信息。

舉例：

Outlook采用逐級(jí)分欄的界面，用戶可以選擇進(jìn)入“收件箱”——>“某封收件”——>“具體郵件內(nèi)容”

0.3搜索/結(jié)果(Search/Result)

搜索屏幕模式對(duì)于想快速、直接看到具體結(jié)果的用戶來說非常便捷。從很簡(jiǎn)單的到非常復(fù)雜的都有。

Gmail采用簡(jiǎn)單搜索

而對(duì)于google學(xué)術(shù)的用戶，高級(jí)搜索限定更復(fù)雜的搜索條件會(huì)提煉出用戶更期望得到的信息。

網(wǎng)頁(yè)名稱：常見UI設(shè)計(jì)模式
網(wǎng)站地址：http://muchs.cn/article12/cheigc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、定制開發(fā)、網(wǎng)頁(yè)設(shè)計(jì)公司、電子商務(wù)、網(wǎng)站導(dǎo)航、企業(yè)網(wǎng)站制作

廣告

聲明：本網(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；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)