美文网首页
让你的设计容易理解

让你的设计容易理解

作者: 爱丽丝的UI妹妹 | 来源:发表于2018-10-23 17:46 被阅读0次

一、UI设计的核心价值是什么?

传达信息(这个信息不是指简单的文字信息而是包含了情感,界面逻辑 ,产品构架 ,品牌形象等所以综合的视觉信息这些信息可以让你不用阅读枯燥的文字或者命令通过本能的感知就能操作复杂的计算机系统。其实很多时候一般大众并不会对美观有太高的鉴赏能力,反而是产品有没有用才是他们最关心的地方,所以如果产品设计得让人无法理解的话,那么用户用不上产品就自然失去了价值。

所以UI设计最核心最基础的价值就是传达产品与用户之间沟通的信息

二、我们在设计的时候一般会出现一些什么样的问题呢?

 逻辑、时间、呈现、控件、表达

A 逻辑问题:这个是影响最大又最容易犯的问题 - 所以我们要用大部分时间来了解这方面的相关:

知识点其中一点就是关于格式塔在界面中应用的技巧。

B 什么是格式塔呢?

经验和视觉对感知影响的规律,我们平时说的格式塔是指格式塔心理学,它是1912年由几位德国心理学家创立的一套心理学理论。它主要总结了人们的经验和视觉对感知影响的规律,而这些规律又普遍存在我们一般的设计当中,所以格式塔是我们UI设计师必须熟悉的一套心理学。

知识,研究格式塔的心理学家们认为人们在观看事物的时候眼睛和大脑并不是在一开始就会去注视到眼前图形的每一个组成部分而是会将看到的所有内容组合起来把它想象成一个更容易理解的整体来进行处理除此之外。

 这些心理学家还认为在一个界面内眼睛的能力,只能接受少数几个不太关联的视觉单位这些能力的强弱,取决于这些视觉单位的差异与相似的程度。如果一个界面中包含了太多互不相关的单位,眼睛和大脑就会试图把这些复杂的结构给简化,把各个单位加以组合使之成为一个视觉上易于处理的整体。如果办不到这一点的话,整体形象继续呈现为无序或者混乱的状态,从而无法被正确地认知简单地来说就是看不懂,或者无法接受当这种情况出现的时候人们就会觉得界面不太友好。

三、怎么样的视觉表达才能使人们更容易理解和接受?

答:格式塔的创始人提出五项基本法则:

简单 、相似、接近、闭合、连续

简单:就是指人的大脑习惯尽量把看到的事物简化最终变成容易理解的状态这样无论对理解还是记忆都会有好处

相似:我们的眼睛很容易注意到那些外表相似的物体而且不管它们的位置是不是相邻 总是把它们联系起来 大小 颜色 形状

接近:人们习惯把接近的元素看成一个整体

闭合:闭合法则讲的是人们在观察熟悉的视觉形象时会把不完整的局部形象当作一个整体的形象来感知这种在知觉上的结束称之为闭合如果局部形象过于陌生或者简略的话就很可能产生不了整体闭合的联想所以闭合一定是依据观察者的经验来设计的如果设计师只考虑到自己的经验就很容易在这里出错了(多用于字体上 图标设计中)

四、闭合分类

1. 形状闭合(用于字体 图标设计中):因为可以通过特殊的缺口,即为图标增加个性的效果,同时又不影响本身要传达的信息,所以形状闭合是一个非常实用的技巧。

2. 负型闭合(是指画面中的复型 也就是留白的地方 如果能形成用户熟悉的地方,那这块留白的形状也会被当作是一个有效的信息来感知,但有时候这个做法并不是太直观需要用户去领悟理解领悟通了,又觉得很有意思)SO多用于LOGO 海报 广告等艺术设计当中

3. 经验闭合 (是指我们日常的UI界面,因为不断进化迫使人们不断地累积到新的认知习惯,从而让我们可以用更简洁的样式也能让用户明白这个图形代表的是什么控件)连续法则  (人的视觉有随着一个方向延续的习惯会把这些元素联系在一起 使它们看起来有有一种方向感)

  A. 逻辑问题:视觉元素的逻辑关系(一般来说界面中所有的信息都存在一定的逻辑关系)、从属关系、平行关系、递进关系

  B. 时间问题::

       (1) 关注时间对信息的影响

        (2) 如果有时间限制的话,一定要考虑到用户是否有机会能读完,短时记忆5-9个单元

        (3) 短时记忆正常人只能记住5-9个互不相关的信息单元,我们对信息的长度实际上是非常敏感的

        (4) 所以用户去阅读广告或文章标题的时候,最好不要让这个标题太长,控制到7个字以内的标题最容

        (5) 易被阅读 

   C. 呈现问题:

       (1)就是我们设计的界面是不是能让用户看得清楚,比如需要注意不要有类似的配色出现要注意色彩之间相互干扰的影响,同时也要留意文字的对比度够不够明显,会不会影响阅读。强调背景还是背景一定要尽量保持低调,不能和前景互抢眼球 ,文字内容一定能看到清楚

    D. 控件问题

        (2)控件是指界面中用来操作控制的原件这些控件包括;输入框 按钮 文字链 单选复选框 弹窗等等。控件使用得正不正确会直接影响到用户的理解

    E. 表达问题

        (1)四个写作的技巧:倒三角(如果我们要传达一套复杂的信息需要先把目的或者总结明确出来,这样对用户的理解非常有帮助先把总结放到前面的方法,就叫做倒三角意思是把大的放在上面,然后越讲越细);

        (2)无序列表(以序列的方式排列出来这样阅读肯定会高效的多用序的方式来排列内容的方法就叫无序列表)

        (3)有序列表(就是给这个列表加上了数字序号大体的作用和无序列表基本上是一样的,不同的地方在于有序列表还多了一个顺序和统计的属性,如果文章内容不是强调平行关系的话,用有序列表会更方便记忆)

              ;文不如表,表不如图

五、总结

1. 我们在设计的时候一般会出现的问题呢?

   逻辑、 时间 、呈现 、控件 、表达 

2. 逻辑问题--中涉及的格式塔-经验和视觉对感知影响的规律

从整体去理解

3. 格式塔的创始人提出五项基本法则 

简单、相似、 接近、闭合(形状闭合 负型闭合 经验闭合)、 连续

4. 表达问题--四个写作的技巧:

倒三角 、无序列表、 有序列表、文不如表、 表不如图

座右铭:今天多一份努力,明天多几分欢笑!

相关文章

  • 让你的设计容易理解

    一、UI设计的核心价值是什么? 传达信息(这个信息不是指简单的文字信息而是包含了情感,界面逻辑 ,产品构架 ,品牌...

  • 第十三章、设计模式相关

    一、谈谈对设计模式的理解。你知道哪些设计模式,并简要叙述。 使用设计模式的目的:为了代码可重用性、让代码更容易被他...

  • 《信息架构》学习笔记4

    网站的设计者通过信息架构的精心设计,让用户更容易查找到“需要”的内容,也让用户更容易理解到网站提供给到用户的“内容...

  • 设计模式-综述

    设计模式:设计模式可以通俗的理解为实现/解决某些问题,而形成的解决方案规范。增加代码的可重用性,让代码能更容易理解...

  • 设计模式

    设计模式 目的:使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。 设计模式主要是基于以下的面向...

  • 图形表达方法

    图形一般比公式和文字容易让人理解,在描述一个复杂的设计时,一张图可以帮助人们更好地理解其设计。因为设计的大部分问题...

  • 设计模式概览

    1. 设计模式简介 设计模式是前辈们总结的面向对象编程的最佳实践,使用设计模式是为了可重用代码,让人更容易理解代码...

  • Java常见的23种设计模式,详细讲解!

    一、什么是设计模式: 设计模式是一套经过反复使用的代码设计经验,目的是为了重用代码、让代码更容易被他人理解、保证代...

  • 《设计心理学》思维导图

    NO1:交互设计的基本原理 好设计: -----可观性:让人一看就清楚怎么使用。 -----易通性:很容易理解。 ...

  • iOS设计模式

    使用设计模式的目的:为了代码可重用性、让代码更容易被他人理解、保证代码可靠性。 设计模式使代码编写真正工程化;设计...

网友评论

      本文标题:让你的设计容易理解

      本文链接:https://www.haomeiwen.com/subject/wpbazftx.html