隨著(zhù)JS與XHTML的應用普及，越來(lái)越多的web界面應用技術(shù)出現在網(wǎng)站上，比如我們常見(jiàn)的日歷控件，搜索下拉框等，這些web界面應用技術(shù)大大的豐富了網(wǎng)站的表現形式，本文將為您精心推薦十種最常見(jiàn)的web界面應用技術(shù)。

 

Web應用程序的界面設計，其核心就是網(wǎng)頁(yè)設計 ，但它的重點(diǎn)主要是在功能方面。要超越桌面應用程序， Web應用程序必須提供簡(jiǎn)單、直觀(guān)和即時(shí)響應的用戶(hù)界面，讓他們的用戶(hù)花更少的精力和時(shí)間當你點(diǎn)擊 Kontain 搜索框的搜索鏈接時(shí)，會(huì )出現一個(gè)類(lèi)似于下拉菜單的層。所以，如果您需要來(lái)縮小搜索范圍，您可以選擇菜單中你所需要的類(lèi)型。這些選項的聚合簡(jiǎn)化了搜索框。

 

隱藏或者掩蓋高級功能 是使事情更加簡(jiǎn)單的一種方法。找出最常用的功能，并且把剩下的藏起來(lái)。你可以用彈出式菜單和操作來(lái)做這件事，這在桌面軟件中很常見(jiàn)。例如，如果您的搜索欄擁有高級過(guò)濾器，把它們放在尾部的一個(gè)特別的下拉菜單中。如果用戶(hù)需要使用這些過(guò)濾器，他們只需幾下點(diǎn)擊便可以開(kāi)啟這些功能。決定該保留什么隱藏什么不是一個(gè)簡(jiǎn)單的任務(wù)，也會(huì )取決于重要性和操作時(shí)的頻繁程度。

 

當你點(diǎn)擊 CollabFinder 的搜索鏈接時(shí)你不需要打開(kāi)不同的頁(yè)面，相反，搜索框的控制菜單下拉下來(lái)，允許你能夠直接開(kāi)始搜索。去完成事情。

 

以前，我們并沒(méi)有注意到web應用程序這個(gè)方式，但是現在是時(shí)候仔細看看一些實(shí)用的技術(shù)和設計解決方案，讓W(xué)eb應用更友好更漂亮。

 

1、界面元素的需求

 

在Web前端開(kāi)發(fā)中，簡(jiǎn)單這個(gè)原則是很重要的。在任何時(shí)候，你在屏幕上顯示越多的控制，您的用戶(hù)將不得不花費更多的時(shí)間去搞清楚如何使用界面。當選擇變少時(shí)，可用的功能變得更加明顯更容易被發(fā)現。簡(jiǎn)化的界面雖然是不容易的，尤其是如果你不想限制應用程序的功能的時(shí)候。

 

當你點(diǎn)擊 CollabFinder 的搜索鏈接時(shí)你不需要打開(kāi)不同的頁(yè)面，相反，搜索框的控制菜單下拉下來(lái)，允許你能夠直接開(kāi)始搜索。

 

 

2、專(zhuān)門(mén)操作

 

根據情況選擇合適的界面控件 是很重要的。不同情況下可以用不同的方式處理，而且某些控件會(huì )比其他控件能夠更好地完成他們的目標工作。

 

Backpack 里有一個(gè)緊湊的日歷和時(shí)間選擇器選擇提醒日期。

 

例如，你可以通過(guò)一個(gè)下拉列表來(lái)選擇年月日，但是和日歷選擇器相比下拉列表不是非常高效的，在日歷里你可以直接通過(guò)點(diǎn)擊選擇你想要的某一天。日歷選擇器也會(huì )讓你更容易看到日期、周期和月份（特別是工作日和休息日），因此能夠讓你比用簡(jiǎn)單的下拉列表更快地做出更明智的選擇 。

 

 

 

---