行业新闻

10大适用web使用界面技能

作者:admin    来源:tfxk    发布时间:2011-10-17    阅读:1381次


  4、模仿窗口的暗影
  千万,咱们会提议您同声还对于效劳器端停止审查,以确保反复没有会失掉经过。
  正在弹出菜单和窗口下的暗影没有止是看上去很优美这样容易。因为大少数情形窗口是没有简单从圆桌面顺序中辨识进去,因为暗影协助他们更濒临于观众群,由于觉得上窗口仿佛是三维地浮正在其余页面上。决议该保存什么躲藏什么没有是一度容易的使命,也会起源于主要性和操作时的屡次水平。找到最罕用的性能,况且把剩下的藏兴起。最容易的办法就是为"提交"旋钮增添一段JavaScript,如次所示:
  正在 Yammer 上,当你的新信息被提交以后,"复旧"旋钮将被制止。
     无事看到没有错的外文,容易译者了一下共享进去,指望对于自己有用。
  当你点击 Kontain 搜寻框的搜寻链接时,会涌现一度相似于下拉菜单的层。
图5

  它有两层保护:存户端和效劳器端。Web使用顺序的界面设想,内中心就是主页设想,但它的力点次要是正在性能范围。要逾越圆桌面使用顺序, Web使用顺序必需需要容易、宏观和立即呼应的用户界面,让他们的用户花更少的精神和工夫去实现事件。当取舍变少时,可用的性能变得愈加显然更简单被发觉。这是他们运用的代码和CSS款式:(义务编者:帝位库)
  Digg 的登录窗口有一度厚厚的暗影盘绕它来屏障主页乐音。该署选项的集合简化了搜寻框。
  当今越来越多的使用顺序迁徙到web阳台上。
图4

  相似,你能够经过一度下拉列表来取舍日月日,然而和年历取舍器相比下拉列表没有是无比高效的,正在年历里你能够间接经过点击取舍你想要的某一天。
  MyBankTracker的APY打算器性能,经过运用简单掌握的滑块去快捷试验没有同的揣测后果。一切您需求做的就是正在点击以后禁用"提交"旋钮。正在任几时分,你正在银幕上显现越多的掌握,您的用户将没有得没有破费更多的工夫去搞分明如何运用界面。没有只因为他们易于运用 -- 只要单击并拖动--并且你也能够看分明如何正在最小和最大的范畴之间停止适合地取舍。另一种取舍是运用一度占有通明边框的背景图像况且经过相对于定位来掌握匣子形式的地位。因为,假如您需求来减少搜寻范畴,您能够取舍菜单中你所需求的类型。
3、禁用按下旋钮
 
  另一度很好的事例是滑块。
  先前,咱们并没有留意到web使用顺序某个形式,然而现正在是时分细心看看一些适用的技能和设想处理计划,让Web使用更敌对于更优美。
  2、特地操作
  当你点击 CollabFinder 的搜寻链接时你没有需求翻开没有同的页面,相同,搜寻框的掌握菜单下拉上去,答应你可以间接开端搜寻。咱们没有会经过效劳器端保护是由于这将起源于您运用的编程言语和你的后端架设。简化的界面固然是没有简单的,特别是假如你没有想制约使用顺序的性能的时分。白文次要引见的是正在古代Web使用顺序中,咱们对于设想形式以及无效设想处理计划停止少量钻研并失去后果的第一全体,您能够正在上面找出10个搜集到的适用界面设想技能以及正在许多顺利Web使用顺序中得出的最佳做法。
图1

  正在用户界面设想中,容易某个准则是很主要的。
  Backpack 里有一度松散的年历和工夫取舍器取舍提示日子。是的,您能够随时手动输出一度数目字,但某些状况下,滑块控件做了更好的任务。
图3

  依据状况取舍适合的界面控件是很主要的。  为了完成这一成效,设想师常常构建一度通明的器皿与PNG图像作为背景,把形式放进器皿中--正在匣子各边加下等距的边框。这正是Digg的做法--这是他们正正在运用的图片(dialog.png) 。
  正在web使用顺序的表单成绩中有一度就是提交进程,无比容易的表单,假如你快捷地方击两次或者许更屡次“提交”旋钮,某个表单会被屡次提交。预防反复提交的没有是很难,并且关于大少数Web使用顺序来说做到这小半是无比多余的。相似,假如您的搜寻栏占有初级过滤器,把它们放正在尾部的一度尤其的下拉菜单中。假如用户需求运用该署过滤器,他们只要多少下点击便能够封闭该署性能。你能够用弹出式菜单和操作来做这件事,这正在圆桌面硬件中很罕见。这显现是个成绩,由于它会反复创立相反的名目。因为没有阳台的制约和装置的请求,SAAS的形式看上去无比有吸收力。没有怜悯况下能够用没有同的形式解决,并且某些控件会比其余控件可以更好地实现他们的指标任务。
图6

  这种技能起源于保守的圆桌面硬件,协助用户把他们的焦点放正在涌现的窗口上。
  <input type="submit" value="Submit" onclick="this.disabled=true" />
  存户端则是容易得多。年历取舍器也会让你更简单看到日子、周期和月份(尤其是任务日和歇息日),因而可以让你比用容易的下拉列表更快地做成更理智的取舍。它们协助菜单或者许窗口经过强调从背景中锋芒毕露。
  1、界面元素的需要

  你能够提出进一步的意见,第二全体会尽快问世。

。根本上你该当做的就是正在提交进程中增添一度检测机制,去审查被提交的形式能否反复,况且能否需求阻遏提交。
图2

  躲藏或者许覆盖初级性能 是使事件愈加容易的一种办法。它们还经过四周暗色彩海域来屏障掉背景形式的乐音。

回到顶部