如何定义Web用户界面设计原则

2019。07。24 mf_web

181

学习Web用户界面设计原则,以促进您的网页设计。我们将讨论清晰度,KISS,以用户为中心的设计,视觉层次等。

用户界面设计的总体设计是指人机交互,操作逻辑和令人惊叹的软件界面。良好的界面设计不仅可以使网页看起来特别,而且还可以使操作变得更加简单和舒适。它可以完全显示网站的定位和元素。以下是我们应该了解的一些基本Web用户界面设计原则。

原则1:清晰度

Clarity是最重要的Web用户界面设计原则,它意味着用户可以有效地使用您设计的界面,他们可以识别它是什么,如何与界面交互,可以解决哪些问题以及预测将发生什么时他们用它。清晰度还意味着可以准确地将信息传达给用户。它可以防止用户犯错误,并提供重要信息,同时提供完美的用户体验。


原则2:以用户为中心的设计

Web UI设计人员应该了解谁是您的目标用户,以及如何让自己置身于用户之中以考虑设计过程。用户将体验您的最终产品。更重要的是,用户从不阅读,他们只是扫描网络,找到符合他们期望的信息。一旦找到,他们将毫不犹豫地跳到下一页。Web UI设计者应该了解用户之间不同的操作习惯,需求和能力。但是你无法满足所有用户的期望和需求。永远不要尝试,因为这是不可能的。我们要做的是遵循Web用户界面设计原则,使Web更易于理解和导航。

原则3:吻(保持简单和愚蠢)

KISS,这是最基本的Web用户界面设计原则。用户在控制某些东西时总觉得最舒服。用户的习惯和能力有很大差异,他们不是网页设计师,他们无法完全理解你设计的网页的设计原则和操作,你做的是减轻用户的负担,保持操作简单和愚蠢。

KISS原则

原则4:一致性

一致性是Web UI设计的主要原则。一致的施工设计可以给用户留下良好的印象; 一致的导航设计可以指导用户快速有效地找到他们最需要的信息; 一致的操作设计可以使用户快速学习整个站点的各种功能。如果您不遵守一致性原则,可能会误导用户,使网站混乱并给用户留下不好的印象。当然,一致性原则并不意味着不变。随着时间的推移,一些网站可能会更改不同列中的样式,并在用户更改网站版本时给予用户新的感觉。

原则5:强烈的视觉层次

视觉层次结构是Web用户界面设计的关键原则,当屏幕上的视觉元素有清晰的查看顺序时,可以实现它,您应该具有区分主要和次要信息的能力。主要信息应该是粗体并放在中心位置以吸引用户的眼睛,如导航,徽标,标题。但是辅助信息应该始终保持在次要状态。

“当每个人都很大胆时,没有什么是大胆的”

例如,请看下面的图片:

你刚开始看到哪一个?也许是第一个圆圈,或者中间的一个或所有圆圈。关键是没有任何东西引导我们的眼睛,因为所有的圆圈看起来都一样。

视觉层次

现在,看看第二张图片:

你的目光在哪里?我打赌你会选择红色的。因为它直接引导你到红色圆圈,这是视觉层次结构。

视觉层次

您可能想知道的另外两个Web用户界面设计原则:

突出颜色:颜色对人类大脑有巨大的视觉冲击力。如何在网页设计中使用颜色?在屏幕上将颜色类型减少到少于7,并使用醒目的颜色作为重要信息。

插图:拥有太多图像会减少网站上的内容,但过多的内容会使网络枯燥乏味。Web UI设计师的工作是将它们两者恰当地结合起来,使网站更加生动。

这里有一些我最喜欢的网站,希望这些可以给你们一些灵感:

ETQ

ETQ


饲料

饲料


Mikiya Kobayashi

Mikiya Kobayashi


结论

Web用户界面设计不同于一般的图形设计。它侧重于“信息沟通”的主题。目前,Web界面上的主要信息通信形式是视觉信息。因此,我们可以知道Web UI设计属于可视通信领域。因此,Web UI设计的主要视觉元素和视觉原则应遵循视觉传达的一般规律.Web UI设计师的工作是使视觉信息清晰,准确,有效。上述Web用户界面设计原则可能很简单,但我们应始终牢记在心。

最后,我建议使用Google Analystics工具来分析您的网站数据。

最新案例

联系电话 400-6065-301

微信咨询 寒总监

江苏快三官网 北京赛车pk10app 北京赛车pk10APP 江苏快三官网 北京赛车 北京赛车官网app下载 北京赛车pk10APP苹果手机 北京赛车pk10投注 幸运快3官网 北京赛车pk10APP 皇家