020-29815005
预约专线时间:09:00-23:59

UI设计中让设计作品更有说服力的7个原则

新闻来源:本站 日期:2022-02-28
作为一名设计师,在日常工作时除了完成设计需求以外,更要对设计中的情感做研究;很多时候用户在用产品时对视觉方面会有很多感觉,所以设计师需要合理的运用情感层面的原理进行改变和设计,我们一起来了解一下。
  作为一名设计师,在日常工作时除了完成设计需求以外,更要对设计中的情感做研究;很多时候用户在用产品时对视觉方面会有很多感觉,所以设计师需要合理的运用情感层面的原理进行改变和设计,我们一起来了解一下:UI设计中让设计作品更有说服力的7个原则。


UI设计中让设计作品更有说服力的7个原则”


  好的设计不仅能解决问题,还能为用户带来积极的情感,并通过三个层面产生情感:


  本能层:用户想要的感受;行为层:用户想要做什么;反思层:用户想要成为谁。

  作为设计师除了要掌握基本的设计原则外,还需要对每个层面的情感以及创造情感的心理学原理有更深入的了解。

  一、格式塔原则

 1.连续原则

  用户倾向于把连续排列的元素视为一个整体,这条原则与对称性和相似性密切相关;通过在序列上创建相似且重复的元素,引导用户的视线方向,使操作更加连贯和清晰。

  只露出一部分的卡片会向用户发出信号,表示滑动可以查看更多的书。

  应用位置:菜单和子菜单、列表、产品页、轮播页。

 2.相似原则

  人的眼睛会把具有相似特征的元素当成一个整体,认为这些元素具有相同的作用。

  界面中的绿色图标具有相同的功能,方便用户快速认知和操作;因此在设计具有相同功能或内容的界面元素时,应该保持一致性。

  应用位置:导航、链接、按钮、内容页。

 3.封闭原则

  当看到不完整的图像时,我们会依据已有的经验把不完全封闭的图像当成一个统一的整体,这是在平面或logo设计中常用到的原则。

  尽管页面右上方的饼图只显示了一部分,我们仍然能够轻松地识别出来。

  应用位置:图标、加载、数据可视化。

 4.邻近原则

  人们会将彼此相邻的元素视为一组。在设计时要注意使用间距将元素组合在一起;使用较大的间距来分隔大的内容组,再使用较小的间距来分隔大内容组中的小内容组。

  页面上的每个卡片中都含有4组信息,很难快速识别具体的内容。通过调整间距,可以将这些信息清楚地分为2组。

  应用位置:导航、卡片、横幅、列表页、分页。

  5.对称原则

  我们喜欢看到对称且平衡的事物,它是所设计领域中最常用和最安全的原则,有助于营造一种稳定感和秩序感。

  对称的布局不仅增强了用户的印象,还强调了中间的视频播放按钮。

  应用位置:产品展示页、列表、导航以及任何内容丰富的页面。

  6.共同区域原则

  通过信息分组和内容组织,实现内容的组合,有助于提升内容的层次结构和可扫描性。

  卡片式UI有助于将信息分组并创建内容的层级深度。

  应用位置:卡片、内容、服务、摘要。

  7.共同命运原则

  向同一方向移动的元素被认为比静止或向另一个方向上移动的元素更相关,这个原则有利于建立不同分组或状态之间的关系。

  页面右侧的3个图形方向相同,有利于展示信息并让用户了解它们的功能。

  应用位置:导航/下拉、折叠条目、工具提示、产品滑块、滚动条。

  以上就是优漫教育小编为大家介绍的“UI设计培训】:UI设计中让设计作品更有说服力的7个原则”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !