苏州上元教育培训中心

平面设计未来趋势发展

1、办公室要变成教堂或录音室才行

现在的工作越来越不受空间的限制，网络那么发达，你能在任何地方办公， 那为什么还要要求雇员来办公室？这一点在提醒老板们：要让办公室变得像是一个教堂或者录音室。教堂的空间和混响不仅能调整一个人的声音，还能 够将多个人的声音混合起来，激发更大的效能。录音棚则是专门用于创建高质量的音轨的，既然你要求员工们要到办公室，就要让他们在这里获得其他 地方没有的工作体验。

2、设计更需要同理心

要真正的、深层次的去感受用户的需求。比如你要开发一款智能手环，用以 检测和提醒老年人的身体状况，虽然他们需要这款产品，但是未必真会花钱去买它——没人希望在自己身上时时刻刻挂着一个标志上面写着 “我老了 ”。所以，设身处地地去了解用户真的十分必要。

3、广告和市场营销将成为设计的一部分

以前是把产品生产出来之后再去考虑营销，现在则不同了，要将营销视为设 计的一部分才行。一款成功的产品，一切都需要超级一致。

4、设计将更多地基于“人”运行系统本身

人类基因组计划和其他的一些研究结果让科学家们对“人”的运作方式有了 更深的理解。这些革新性的认识也将被用于设计上——不管是规划一座城市还是设计一把椅子，设计师们都可以借助这些理论来思考：什么设计能激发 人的创造性？如何创造更强的归属感？如何真正的消除干扰、引发更深层放松？

5、会有更多的工程师变成设计师

有越来越多的工程师在设计领域初露端倪，这在十年前几乎不能想象。比如 Inkling 的Peter Cho，Opower 的 Deena Rosen ， Flipboard 的 Marcos Weskamp。

平面设计课程

设计基础、平面设计等。
机械制图/CAD/UG

会计全科/会计考证/会计做账

淘宝全科（淘宝开店/淘宝美工/淘宝推广）

电脑办公/平面设计/PHOTOSHOP/CDR/AI

Photoshop 学习图像处理、编辑、通道、图层、路径综合运用；图像色彩的 校正；各种特效滤镜的使用；特效字的制作；图像输出与优化等，灵活运用图层风格，流体变形及褪底和蒙板，制作出千变万化的图像特效。

CorelDraw **CorelDraw的全方面的设计及网页功能融合到现有的设计方 案中，制作矢量的插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。

Illustrator 学习图形绘制、包装、宣传页的制作，让你更加方便地进行 LOGO及CI设计，不到一个月，您就会成为一名真正的前|进培训美术大师，在Photoshop的基础上再学它如虎添翼，效率成倍提高。

自学体系**课！写给新人设计师的界面排版原则（上）

---

前面的视觉体系和大家简单提到过传统平面排版的四大原则：亲密性、对比、重复、对齐。那界面排版有什么原则呢？今天菜心就来用实例分享一下界面排版中需要注意哪些原则。

视觉自学体系回顾：《新年自学计划！写给UI设计新人的知识体系指南》

欢迎关注作者的微信公众号：「菜心设计铺」

大纲如下：

一、亲密原则

二、对比原则

三、平衡原则

四、相似原则

五、简洁原则

六、封闭原则

七、情感原则

由于篇幅原因，今天先来介绍前四个原则，剩下的我们下期再分享。

一、亲密原则

空间上接近的内容，我们更容易将之归类到一组，这就是我们所说的亲密原则。

如下图：

我们很容易将唐僧、孙悟空、沙僧分成一组，而将猪八戒单独分离出来，因为前三者离的更近。

我们来看下面这张图：

你能分清标题是属于上面还是下面吗？

当你了解了亲密原则后，就知道为什么分不清，这也就是我们学习理论知识的原因，当我们看到错误的设计时，可以说出哪里不对，而不是凭感觉。

那这个原则如何运用到我们界面设计上呢？

看下图：

上图是简书文章列表中的一条，我们在平时工作中也经常会遇到这种信息排版。首先我们需要清楚，上图的内容有三个：上分割线、内容区和下分割线。此时我们可以判断，内容区内的所有间距一定小于内容区与分割线的间距，因为根据亲密性原则，有关联的内容会离的更近，内容区的内容相对分割线来说，就是关联性比较强的，所以它们的间距就会相对较小。

这样的间距规律还可以让我们清晰的区分开每一条信息，不会导致信息干扰。

亲密性原则是我们在界面排版中**常用的原则之一，大家一定要牢牢的记住并大量实践，为我们后期的排版设计打下坚实的基础！

二、对比原则

我们经常会遇到界面看着混乱的情况，但又不知道为什么，其实大部分情况都是因为界面内容对比不明显而造成的。

例如下图：

虽然上图符合亲密原则，但似乎看着还是有些凌乱，其中一个很重要的原因就是因为界面信息内容的对比不够强烈，我们不知道该看哪里！

而我们来看一下今日头条的信息排版：

你会发现重要信息和次要信息的大小对比非常强烈，使我们聚焦在主要信息（标题）上，这样看着就不会那么散乱。

看完这个排版后再去解决上面那个散乱的问题，会不会更容易些呢？大家不妨自己尝试排一下，这样会让你的印象更加深刻。

我们平时也要多去研究一些排版，好的排版你需要去分析它为什么好，不好的排版你需要分析它为什么不好，你能否排的更好，只有**这样不断地刻意练习，你才能扎扎实实的前进。

回到正题，其实关于对比的方式还远不止大小层面，还有颜色对比、粗细对比、形状对比、疏密对比等等，所以大家在进行对比排版的时候，不妨多维度考虑，一定可以找到合适的解决方案。

三、平衡原则

平衡原则是界面排版布局的首要原则，大到整个**网，小到一张图文，都需要我们对视觉平衡有一个良好的把控。

举几个例子：

看上图，我们可以发现，图片下方的文字是左对齐，为了达到视觉上的平衡，设计师将VIP 图标和更新集数放在图片右侧。

再来看下图：

我们会感觉整个页面怪怪的，好像在向右上角倾斜，就是因为没有遵循平衡原则，而当我们将**下方的按钮移动到右侧时，如下图：

整个页面看着就会平衡很多。

这里需要注意一点，一些艺术类的海报排版为了达到某些效果，可能会有意打破平衡，但那是特殊的平面艺术设计，而对于我们UI设计来说，在进行界面排版的时候，大多数情况还是要遵循平衡原则，这样才能让用户感觉整个界面更加协调、舒服。

四、相似原则

我们需要对相似的内容赋予相同的属性，例如同一级别的标题文字大小相同，相同颜色（如蓝色等）的字体都可以点击等等。

例如下图：

上图文字有两处是蓝色的，蓝色使二者具有一定的相似性，而我们需要将相似性的内容赋予相同的属性：可点击。

相反我们看下图：

虽然设计者为了统一和强调，将电话和地址都作成蓝色，但如果电话可点击，而地址不可点击，就会给用户产生困扰，以致于整个页面的交互都存在一定的问题。这一点也是我们必须要注意的内容，在进行设计的时候不要犯这种低级的错误。

当然相似原则的因素也不只有文字颜色，还有背景色、方向、大小等等，有兴趣的同学可以多多总结积累，大家一起交流。

以上就是今天分享的界面排版的前四个原则，下一期会将后面的内容补充完整。

希望你能够多多练习，完善自己的排版知识体系，早日成为一名合格的资深视觉设计师。

欢迎关注作者的微信公众号：「菜心设计铺」

「想掌握排版四原则？3个海报设计教程满足你！」

1. 《设计易容术！如何设计一张高品位高水准的海报？》
2. 《设计易容术！如何设计一张高品位高水准的海报（二）》
3. 《设计易容术！如何设计一张高品位高水准的海报？（三）》

【联展网 原创文章 】

================关于联展网================
“联展网“是国内人气**高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：****全的设计师图书导航：/book/。
设计微博：拥有粉丝量180万的@优秀网页设计 ，欢迎关注获取网页设计资源、**顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：

相关推荐：

---

苏州平面设计培训   苏州平面设计培训班   苏州平面设计培训机构