九微米|设计启发：再穷不能穷设计
北京联盟_本文原题：设计启发：再穷不能穷设计
设计中的一致性会在无形之中使你的设计效果更加优秀 ， 也更易于用户使用 。 今天这篇教程免费提供了7个提升设计一致性的小贴士 ， 会让您的设计作品看上去更专业 ， 适用于视觉/UI/品牌设计等 ， 实战性很强 ， 建议阅读 。
对于一致性来说 ， 在某些些情况下 ， 要理解并实践它几乎是无需伤脑的事情 ， 而在其他情况下 ， 理解起来可能会有点复杂 。 简单来说 ， 一致性是交互设计中的一种基本规范 ， 它涉及到一份设计中的所有元素 ， 它能够用在一场活动方案的策划中 ， 也能够用在独立品牌的设计中 ， 总之就是要创建出一个可用性高而又统一协调的产品 。 下面的这些例子我们要特别注意 ， 因为每一个品牌在一致性和可用性设计方面都是佼佼者 。
1、主色、次色以及整体的色调
本文插图
为何关于如何创建一个优秀调色板有如此多的资料？这是因为颜色能够作为传递品牌效应的关键视觉因素之一 。
一个特殊的颜色标识符可以快速的告诉用户你是谁 。 想想这个世界中的那些大品牌——Coca-Cola ，Facebook ， T-Mobile， 它们无一不具有独特的品牌色 。 如果没有这些颜色 ， 你还能认出他们吗？
【九微米|设计启发：再穷不能穷设计】另外 ， 使用好颜色也可以帮助用户在使用你的网站过程中始终知道他们是不是在正确的位置 。 试想如果每个点击动作都把你带向一个使用新色调的页面 ， 你还会疑惑自己究竟是不是在正确的地方吗？
为了创建一个非常棒的调色板 ， 你应该先挑选出一个主要色 ， 然后使用色彩理论添加一到两个次要色 。 再针对每种颜色设定一组样式和使用规则 ， 在之后的设计中坚持使用这些规则便能保证你在色彩上的一致性 。
想知道大品牌都用什么颜色？这个酷站专门收录！《顶尖灵感库！专门收录世界知名品牌标准色的BRANDCOLOR》
本文插图
另外当您在色彩搭配和色彩命名没有灵感的时候 ， 也可以前往《中国/日本传统色彩》 。 点击色彩可直接吸取色值哟 。
2、字体大小、间距和位置
本文插图
如同颜色应该是基于一定样式规则的调色板 ， 字体也是需要设定规则的 ， 而且思路也是一样的 。
（1）选择一个主要字体和大小 。
（2）选择次要字体和大小 。
相比于颜色来说 ， 字体的设置规则可能会稍微复杂一些 。对于 web 端的样式风格来说 ， 你应该使用 CSS 来设置元素的大小 ， 间距和位置 ， 以便每个标签（如h1 ， h2 ， h3 ， body等）调用正确的属性值 。
在一个相对固定的位置显示的字体 ， 如导航中中的字体 ， 应该始终保持一致性 。 如果每个导航元素都采用不相同的字体 ， 用户将会感到相当的困惑 。 这种一致性规则应该贯穿整个网站 ， 所有相似的项目中应该使用相同的字体形式 。
3、元素的尺寸大小和关系
本文插图
你设计的界面元素尺寸有多大？所有的按钮都是一样大吗？标题和图片大小又是如何？
元素的大小应该由其风格决定 ， 同一元素尺寸大小应该保持一致 。
元素使用一致的尺寸大小 ， 并且不同元素间的关系也保持一致 ， 便能帮助用户理解你在设计上所使用的一致性模式 ， 并创建出一个流畅的视觉观感 ， 达到一种和谐而平衡的效果 。
4、间距留白
推荐阅读
- 人人都是产品经理|设计沉思录 | 设计师如何把产品目标转化为设计目标？
- 木地板|原创 房子装修与设计，准备做地暖，地面用木地板还是瓷砖好？答案在这
- 儿童房|两个孩子，一个儿童房，怎么设计？学着这样装，何必非得买三房！
- 两居室|72平米的两居室，简约、灵动的设计，就喜欢这样的家
- 衣柜|新房装修，卧室衣柜要不要做到顶？现在都流行这样设计，太实用了
- 洗手台|担心小户型的卫生间太小？你可以这样去设计，好看又显宽敞！
- 玄关|玄关设计得巧妙，不仅美观好看，还能为你营造触手可及的方便
- 日本|日本设计师让人佩服！这18个细节设计强悍又高明！设计率高不瞎掰
- 创意家居|22个脑洞大开的创意家居设计，你没见过？第一个看见就想要！
- 室内设计联盟|原木+白，光影与线面的交织 | 费弗设计