设计过程中如何思考

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

1 思考的过程

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

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

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

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

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

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

2 如何实现和判断

2.1 页面信息的亲密性

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

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

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

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

2.2 页面信息的对齐

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

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

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

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

2.3 页面信息的重复

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

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

2.4 页面信息的对比

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

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

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

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

(编辑：小酷)