网站UI设计--设计模式

日期 : 2021-10-09 19:48:19
模式对于我们的生活是至关重要的。人类再自然界中使用模式来帮助他们狩猎、种植和逃生。这些模式现在对于我们是不可见而仍然存在。他们传达了我们的期望。当我们听到轰隆隆的雷声时,就会理解暴风雨将至。当应用程序被人称赞很直观时,就意味着它遵循了底层模式。模式提供了一种与用户交流的方式,而不必从头开始解释所有的一切。模式给我们提供了预测的意识和能力,它可以把有意义的设计与视觉噪声隔离开。
在开始设计过程时,第一个推动力是提出具有创意和完全原创的思想。客户希望把他们自己与竞争对手区分开,即使他们经常推出与竞争对手类似的方案。设法通过添加更多的特性以及使设计更浮华来超越另一件产品最终会取悦于客户,但是会使用户受损。我们需要同时考虑用户和客户的目标,然后尽可能以最佳的方式提出我们的解决方案。我们不应该从头开始,而是以我们受众的集体精神为基础。我们可以把大多数应用程序归类为某些结构。
  1. 创建:当人们需要创建新内容或者修改现有的内容时,要使用正确的结构。例如,写博客、加插图、编码、图片编辑、图解
  2. 过程:当人们需要以结构化的方式提供信息时,要使用正确的结构。例如,产品配置、装配或安装;注册表单;报税、结账‘;预订旅程。
  3. 信息:当人们需要浏览、比较、理解信息时,要使用正确的结构。例如,地图、新闻阅读器、仪表板、媒体播放器、在线商店等。右边的图突出显示了一些常见的模式,当前的Web应用程序通过它们提供功能。建立这些模式用于现实信息和提供功能的最佳实践。像用户在自然界和路牌中所熟悉的模式一样,这些屏幕显示了用户今天所熟悉的模式。你的目标用户可能已经使用了大量带有这些模式的应用程序。这些屏幕模式定义了在开始设计时可以采用的基本布局和方法。通过理解用户的主要任务和他们的总体目标,可以在设计过程中及早选择正确的结构。这把设计限制于普遍认可的模式如果你正在设计应用程序入口,那么偏离已知的入口模式可能使你的工作进展受挫。但这并不意味着你没有机尝试新的入口模式,坚持使用用户熟悉的模式很重要,这些限制提供了强大的力量,可以让我们设计师重点关注设计,而不会醉心于添加太多的选项。通过选择一种合适的模式,我们可以集中精力迭代其他的细节,并且把更多的时间专门用于创建优秀的i体验。
  4. 使之真实:今天的许多界面都具有超现实的外观,并且有时表现得非常真实。像APPLE这样得公司不仅会在它们自己得应用程序中推行这种界面,而且会建议设计师采用这种方法为像IPAD这样的设备设计下一代界面。这种附加的物理维度既有优点,也是缺点。在界面中使用真实物体的隐喻可以给用户提供一种轻松的方式来学习如何使用应用程序。最著名的计算机隐喻是桌面,它来源于第一款Apple Macintosh中的图形界面(GUI),它自身有基于Xerox于20世纪70年代中期创建早期界面。文件夹、垃圾箱和纸堆都是用户熟悉的元素,并且比电脑高手用户将输入用于导航的命令快捷键更容易理解。用户将很好地理解如何使用真实的垃圾箱,因此他们可以合乎逻辑地设想电脑中垃圾箱的功能。使用来自现实世界的熟悉纹理和物体也给可能令人厌烦的应用程序增添了一些乐趣。例如,带有一些逼真的缝纫效果的皮革镶边将笔记本应用程序增加美感,它还有助于宣传产品。在选择要购买的应用程序时,界面通常只会”打包“用户所看到的内容。在比较多个笔记本应用程序时,最有可能吸引用户的是看起来最像笔记本,并且具有所有细微细节的应用程序。
  5. 界面设计准则:下面列出了一些设计界面的常规准则。
  • 有目的平衡样式和功能,不要只为了设计而设计。
  • 把元素进行分组,创建一种视觉层次结构,并通过坚持一种结构在每一层指导流程。
  • 保持一致。如果用户理解一种交互或元素,他们应该能够把这种知识转换成类似的元素(一个称为”继承“的概念)
  • 不要使用户感到不知所措。使多余的事物(比如动画和醒目的悬停效果)保持最少。
  • 在交互式元素 与非交互式元素之间应该有清晰的区别(可视的功能可见性)。
  • 按钮应该看起来像按钮,而不应该混人界面中。
  • 使视觉元素保持高效。从像素中获得最大的价值。对像文字大小和颜色这样的方面进行限制;相反,可以使用某些颜色使重要的元素更为突出。
  • 照顾辨色困难和视力受损的用户的需要: 遵循最佳实践,比如给链接加下划线以及使用符号(在合适时)。●这里列出的准则仅仅是准则,如果另一种方式更有益于用户,则可忽略
相关文章