UI设计原则:汇总深入人心的UI设计原则

Date 2024-07-21 20:14:24

  引言

  自从设计职位以来,一些设计师一直习惯于将设计视为一项纯粹的视觉艺术工作,但背后仍有许多工作要做。因此,美感和灵感不足以创造和支持非常熟练的设计。这就是为什么UED设计师应该在不同的科学和领域有一些知识和技能来支持工作的完成。在这里,我们可以称这种学习方法和学习思维为“多元思维”。

  无论是工业设计、产品设计、服装设计、平面设计等,这些不同的设计,事实上,本质上,不仅是纯粹的设计,还是艺术设计?除了他们自己的领域知识外,他们还应该涉及其他学科知识的各个领域知识,可以肯定地说,这些多学科知识和知识、知识和实践可以帮助我们更高效、更有效地工作。

  我们今天想和大家讨论的也是一些基础研究,可以帮助设计师了解用户:心理学,包括心理学在设计中的作用,以及我们在设计过程中需要记住的心理原理知识点。 心理学在设计中的作用

  如今,以用户为中心的设计可以大大提高设计师对工作的效率和对接,对目标受众和群体有更深入的了解。《设计心理学》(作者:唐纳德·诺曼)将设计定义为一种交流行为,这意味着设计师将对与之交流的人有更深入的了解。此外,为了更好地了解人们的需求,我还建议设计师记住人类的自然行为,了解用户心理、习惯和动机的心理原理。

设计原则

  如果设计师在创作过程中使用心理学,工作结果将更加有效和匹配,因为科学的总结对目标受众和人群有了非常深入的了解。同时,心理学知识也有助于创建设计,使用户能够执行设计师期望的操作过程,如点击购买或滑动界面。

UI设计原则

  面对这些知识,一些初级设计师可能会将心理学视为改进设计的复杂方法,因此他们可能会故意或忽视这部分研究和学习。然而,当你简单地理解它时,你会发现这些本该有的知识是你日常工作中最容易忽视的,同时你一眼就能理解它们。事实上,在日常设计工作中,你只需要简单有效地使用它,你就可以大大提高你的工作效率和产品逻辑。你需要考虑的是设计中不断提出的基本原则。根据经验和研究,我总结了设计过程中常用的六个有效的心理原理。 格式塔原理

  格式塔心理学又称“完形心理学”格式塔心理学明确指出,构造主义将心理活动分为独立元素进行研究是不合理的,因为人们对事物的理解是完整的,心理和意识并不等于感觉元素的机械总和。这一理论至今已有近100年的历史,但它从未消失过现实。原则包括:

  1. 亲密性

设计原则04-亲密性

  当物体彼此靠近时,这些物体被视为一个整体,而不是独立的。

  2. 相似性

设计原则05-相似性

  当物体看起来相似时,人们经常把它们看作是一个组或一个模式。

  3. 焦点

设计原则06-焦点

  焦点是图片中用户感兴趣、强调或不同的区域,能够吸引用户的注意力。

  4. 共同区域

设计原则07-共同区域

  这意味着当物体在同一封闭区域时,它将被视为同一组元素。

  5.闭合原则

设计原则08

  基于人类的完形心理,有一种常见的视觉分类方法:将局部图像作为一个整体图像来感知。这种特殊的感知现象被称为闭合。

  6.对称原则

设计原则09-对称原则

  不管距离有多远,对称元素都会被认为是一体的,给我们一种坚固有序的感觉。

  7.共同命运原则

设计原则10-共同命运原则

  向同一方向运动的元素被认为比向不同方向运动的元素更相关。

  8.连续性原则

设计原则11-联系性原则

  排列成直线或柔和曲线的元素被认为与随机排列或粗线排列的元素有关。 本能反应

  你曾经有过这种感觉,当你第一次打开一个网站或应用程序时,立即喜欢这个网站或应用程序,或者一个网站或应用程序会立即取笑你,让你感到非常不舒服吗?如果有以上两种情况,恭喜你,你之前无意中经历过本能反应。事实上,这种反应来自大脑负责本能的部分。我们称之为“旧脑”。它的反应比我们的意识要快得多。在我们的大脑中,三个部分负责我们的情绪或决策,包括:新脑、旧脑和中脑,而旧脑负责我们的本能反应,也就是说,我们常说的感觉和直觉,这是因为它植根于我们的DNA,所以我们可以很容易地预测一些外部事物,或者例如,当我们看到一只老虎时,我们的本能反应是逃跑和恐惧,这就是旧脑在工作。

设计原则12-本能反应

  那设计师应该如何使用这些知识呢?我们的目标是在设计中创造和赋予这种积极的审美印象。其实不难猜测,只要找到符合用户需求的内容和风格,对人看起来不错的东西就能达到这个目标。因此,让我们推断,在网站或应用程序主页上提供高质量图片或颜色的界面设计并不难理解他们在设计过程中使用的方法和技术。 色彩心理学

  研究颜色对人的思想、行为和反应的科学被称为色彩心理学。今天,我们不讨论颜色的本质和知识点,因为它太复杂了。简而言之,本解释的主要思想是颜色对用户的感知和影响。这就是为什么我们的设计师应该有意识地选择颜色,以确保我们的工作呈现正确的信息和颜色。

  以下是基本颜色及其通常相关的含义列表。我在这里总结一下:

  红色:颜色通常与热情、强烈或激进的感觉有关;它象征着好与坏的感觉,包括爱、自信、热情和愤怒。

  橙色:充满活力的暖色带给你兴奋的感觉。

  黄色:这是幸福的颜色,象征着阳光、快乐和温暖。

设计原则13-色彩心理学

  绿色:大自然的颜色,它带来平静和更新的感觉;此外,它可能表明缺乏经验。

  蓝色:它通常代表一些公司形象,它通常表现出一种平静的感觉,但作为一种凉爽的颜色,它也与距离和悲伤有关。

  紫色:由于许多国王穿着紫色的衣服,长期以来一直与皇室和财富联系在一起,它也是一种神秘而神奇的颜色。

“设计原则14-色彩心理学”

  黑色:颜色有很多意义;它伴随着悲剧和死亡,它代表着一个谜,它可以是传统的或现代的,一切都取决于你如何使用它,它有什么颜色。

  白色:颜色表示纯度和纯度,以及完整性和清晰度。

设计原则15-色彩心理学黑和白

识别模式

  在浏览网站或应用程序时,您可能会注意到这一现象。产品界面风格或风格将与主题相结合,网站或应用程序通常在设计中有相同的共同模式。原因在于用户的心理认知。事实上,在用户访问网站或使用应用程序之前,他们已经确定了特定行业的属性或风格,并希望看到与特定类型产品相似和相关的信息。

  例如,当我们访问政府网站时,现有的认知是庄严的,红色或蓝色的,布局是列表,但如果打开网站真的活泼和丰富多彩,我们肯定会认为网站是不可靠的或打开错误的网页,这是识别模式的作用。

设计原则16

  这里还有一点,一个网站或应用程序不仅颜色和图片非常重要,而且一些常见的事情,如主页上的列表,过滤器对成功的导航也非常重要,这些相同的因素将使用户很快习惯这个产品,并快速使用它。 扫描图文

  在阅读网页之前,用户基本上会扫描它,以便对产品内容有一个大致的了解,这就是他们是否会对产品界面感兴趣。包括尼尔森定律在内的不同研究(Nielsen Norman Group),界面设计有几种常见的设计方法, 其中有“ F”和“ Z”模式:

设计原则17

  “F“模式被称为最常见的眼部扫描模式,尤其是内容量大的网页。用户首先扫描屏幕顶部的水平线,然后向下移动页面,然后沿着通常覆盖较短区域的水平线读取。最后一个是副本左侧的垂直线,它们在段落的初始句子中找到关键字。通常用于文本较多的页面,如微博、新闻平台、社区类网页平台等。

  而“Z“该模型适用于不太集中在副本上的页面。用户首先从左上角扫描页面顶部,找到重要信息,然后向下倾斜到对角线的对角,最后从左到右浏览页面底部的水平线。这是一个典型的模型,扫描登录页面或二级副本页面,不需要向下滚动页面,这意味着所有的核心数据都可以在预滚动区域看到。

设计原则18

  当设计师知道这些模式时,他们可以有效地放置元素和排版,以吸引用户的感知,并帮助他们执行预期的操作,以便快速完成任务。 希克定律

  希克定律说,用户的选择越多,他们做出决定的时间就越长。这意味着设计师为用户提供的选择越多,无论是选择产品还是查看图片,都需要花费更多的时间和精力来决定下一步的交互。可能的结果是,用户在使用产品后做出了选择,但他们感到不快乐,或者可能会有更糟糕的情况,也就是说,用户可能不想花那么多精力去寻找任务目标,从而离开这个网站。

设计原则19

  因此,建议设计师保留更重要的选择,包括按钮、图片和页面。删除不必要的选择,使产品更有效。 总结

  心理学是设计中更有效的工具,它能使设计师在创作过程中创造出更高效的产品风格,同时结果也会更加人性化、易用。以上是我想介绍的六个有用的心理设计原则,但它们实际上只是冰山一角,因为在这个知识领域有很多东西要学习。因此,您可以根据基本的心理知识延伸学习和使用,并在日常工作中合理使用,从而大大提高您的设计水平和能力。

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计