设计过程中如何思考

2019-04-03    来源:飞灵交互志

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

这两天的状态很好,人在什么都不在乎的情况下越是能完全放空自己。可以从业务、原型中抽离出来,重新审视自己的作品。当然,交互原型不能作为评判一个设计师的标准,它们只是在项目过程中辅助表达设计的产物。最有价值的是,在线稿背后形成一套思考方法,指导你去做设计。之后便是有自己的评判标准,帮助你去衡量设计的优劣。所谓的设计有理有据,大致如此。下面是一些输出,来消灭那些“我觉得…”

1 思考的过程

做一个设计或者重新设计时,应该从哪里开始

首先,从设计目标开始,确定用户最想看到的是什么。

然后,将信息分组。按逻辑进行分组,确定这些组之间的关系。通过判断组之间的关系靠近与否(亲密性)来显示这些关系。

在页面上组织文本和图片时,要建立并维护明确的对齐。如果能看到一个明显的边界,比如照片边界或者垂直线条,可以通过其他文本或者对象的对齐来加强这个边界。

创建重复,或者找出可以重复的项。为建立重复,可以使用粗体、线、装饰符号或者一种空间布局。看看哪些元素已经自然地重复,再看看是否适合加大力度重复。

可以建立强烈的对比来增强页面的冲击力,这样会更容易吸引用户,否则页面就跟白开水一样无味。对比要黑白分明,比如说,如果页面上的所有一切都是又大又粗,很华丽,那么根本不存在任何对比!不论是通过更大更粗来建立对比,还是通过更小更细来形成对比,关键是要有所不同,这样才能引人注目。

2 如何实现和判断

2.1 页面信息的亲密性

如果多个页面信息之间存在挺近的亲密性,它们将形成一个视觉单元,而不是多个孤立的元素。彼此相关的元素就应当归在一组。要有意识地注意自己或者别人是怎样阅读的,建立视觉敏感度。观察你的视线怎样移动,从哪开始;沿着怎样的路径;到哪里结束;读完之后,接下来看哪里?这整个过程应当是一个合理的过程,有确定的开始,而且要有确定的结束。

判断页面信息亲密性的最根本的目的是为了实现组织性。如果信息有条理,将更易阅读和记忆。在此过程中,要注意用好“空白”,空白本身就是一种形式。

如何来看页面上的信息是否有组织性呢?跟画素描一样。微微眯起眼睛,统计你的眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过3~5个,就要看看哪些孤立的元素可以归在一组建立更近的亲密关系,使之成为一个视觉单元。

要避免的问题。不要因为有空白就把元素放在角落或者中央。避免一个页面上有太多孤立的元素。不要在元素之间留出同样大小不一的空白,除非各组同属于一个子集。不属于同一组的元素之间不要建立关系;如果元素彼此无关,要把他们分开。

2.2 页面信息的对齐

任何元素都不能在页面上随意安放。每一项都应当与页面上的一些内容存在视觉联系

在设计中,统一性是个重要的概念。要让页面上的所有元素看上去统一、有联系而且彼此相关,需要在各个单独的元素之间存在视觉纽带。

对齐的根本目的是为了统一而且有条理。相关于归纳法。要特别注意元素放在哪里,应当总能在页面上找出与之对齐的元素,尽管这两个对象的物理位置可能相距很远。

要避免混用很多种对齐方式。要着力避免居中对齐,除非你的设计本意就是建立非常正统的页面。

2.3 页面信息的重复

设计的一些方面需要在整个作品中重复。重复可以将作品中的各个部分连在一起,从而统一并增强整个作品,否则这些部分只是彼此孤立的单元。重复不仅对只有一页的产品很有用,对于多页文档的设计更重要,即保持一致。

重复的目标就是统一,并且增强视觉效果。如果一个产品看起来很有趣,往往也更易于阅读。当然要避免的问题是过程重复。就好像穿一身红色的衣服然后妆也是暖色调查,再抹上鲜艳的口红。

2.4 页面信息的对比

要想实现效果,就必须对比强烈。千万不要畏缩。(于设计,于生活都适用~)

如果两个项不完全相同,就应当使之完全正确不同,截然不同。不用要14px跟12px来对比,也不要用0.5点的线和1点的线来进行对比。此外,深棕色也不要跟黑来对比,没效果的事情一开始也不如不要做!

对比的根本目的有两方面,这两个方面相辅相成,无法分开。一个目的是增强页面的效果;另外一个是有助于信息的组织。让用户立即能了解信息以何种方式组织,以及从一项到另一项的逻辑流程。

对比一定要强烈!如果要对比,就加大力度!如果两种形式不完全一样,干脆让他们完全不一样~

文章来源:feelingmm.com 转载请注明出处链接。

标签: 交互设计 设计方法 交互原型 

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:写给产品经理:你的未来核心竞争力

下一篇:细节展示分类信息网站推广策略