视觉设计师需要懂的4个设计原理

把你的工作当作一门手艺,因为总有一些你能改进的东西。靠激励自己成为一个更好设计师。

上周,我的一位读者发了一个问题:如何成为一个好的视觉设计师?

正如我在想如何回答这个问题一样。最近我决定自学普通话。当谈到学习新的语言时,你首先要从基础知识开始。名词、代词和动词的构成是传达一个复杂想法的基础。

语言是人们彼此交流方式的一种概念。视觉设计是一种视觉语言。学习视觉设计与学习一门新的语言没有什么不同。

好的视觉设计师并不是天生的。他们是后天养成的。成为好的视觉设计师的关键是需要严谨的。如果你下意识地努力,你将会提升为视觉设计师。

这里有一些你应该掌握的基础知识,可以把你的视觉设计提升到一个新的高度。

原理1:回归基本类型

你可以通过查看他们的排版来告诉很多设计师。因为这个类型是设计的基础。

Type as imagery

你可以利用类型创建整个设计。也可以将类型设计作为基础,从选择的字体中获取微妙的队列。为了改进设计中的排版,首先要学习基础知识。

开发描述类型的词汇表。了解跟踪,字距和领先意义等术语。文章 A Beautifully Illustrated Glossary Of Typographic Terms You Should Know是学习这些术语的一个很好的视觉资源。

然后,如果你想全面了解如何将排版应用于网络,请看 Web Typography: The Elements of Typographic Style Applied to the Web

Font pairing can make or break a design

最后,学习如何配对字体。 FontWolfFontPair是个很大的资源。将字体配对可以大大改变设计的动态。

原理2:利用空间创造平衡

间距有助于在你的设计中建立垂直和水平运动。它是创建视觉层次和形成元素之间的关键因素。

Create balance and visual harmony

你可以随时查看BehanceDribbble等网站,了解如何使用空间元素。但主要的是利用空间开发自己的直觉来创造视觉的平衡和和谐。

学习排版时,你要注意到间距的重要性。调整字体间距是开发你的眼间距的很大锻炼。因此,我建议你尝试KernType这个游戏,这可以把你的字距调整解决方案与打字机的解决方案进行比较。

Simplification of award winning poster by Craig Welsh

另一项有助于开发你的眼睛的练习如下:利用现有的设计,绘制x和y轴,将设计简化为基本形状,分析设计如何平衡,然后重新排列元素。密切关注负面空间如何影响元素的平衡。

原理3:使用大小建立视觉层次

当创建视觉层次结构时,规模是必须条件。通过利用大小来传达元素之间的视觉关系,建立流程。

规模化是网格有可用性的原因之一。通过网格使元素的比例大小表达的更具有重要性。

一旦确定了一个元素的大小,请在其所有实例中保持相同。在设计上,一致性是王者。

Use size to establish visual hierarchy

这是一个有助于开发你眼睛大小的练习。

关键是要求反馈。

Sketch或wireframe的登录页面。然后让朋友看看你的设计。让他们圈出最多的元素。然后,让他们根据视觉重量对圆圈的元素进行编号。结果是你预期的吗?

做这个练习时,请注意以下几点:

  • 目标网页的转化目标是什么? 你如何优化以达到你的目标?
  • 不同元素之间的关系是什么? 你想强调的是什么元素?
  • 你的布局成功是否引导用户浏览页面?

原理4:利用颜色传达意义

颜色扮演很多角色。它传达意义,创造情感共鸣,并使设计统一。

Color helps convey meaning in design

为深入了解色彩,你可以读我的文章Designing in Color。以下是文章的几个要点。

  • 在选择调色板之前确定你的设计目的。好的设计使其调色板与其目的相一致。
  • 确定你的受众人群。人们对颜色的看法不同。色彩根据人们的个人喜好、文化教养和经历对人们产生不同的影响。
  • 选择调色板时,简单化是关键。选择中性背景颜色。然后选择主要和次要重音颜色。最后根据你的其他颜色,为不同的用户界面状态选择一个错误和成功的颜色。

一旦你对色彩理论的基础知识有了很好的了解,颜色就会落到实验和迭代之中。 积极尝试突破您的舒适区,并尝试新的调色板。

这是一个有助于开发你的眼睛颜色的练习。

花时间为你周围的事物编制调色板,如照片,杂志和你最喜爱的节目。然后利用现有的设计并应用新的调色板。

注意到它是如何改变设计的语气和基调。它的改变是否有意义?

把你的工作当作一门手艺,因为总有一些你能改进的东西。靠激励自己成为一个更好设计师。

原文发布于微信公众号 - 交互设计前端开发与后端程序设计(interaction_Designer)

原文发表时间:2017-05-17

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏進无尽的文章

如何建立一款App的配色方案

当我们评价一款app时,配色应该是仅次于其功能性的另一主要因素。现如今人机交互主要通过GUI来实现,色彩在交互过程中扮演着重要的角色。良好的色彩搭配会帮助用户发...

1844
来自专栏Golang语言社区

【Golang语言社区】H5游戏开发-从零开始开发一款H5小游戏(五) 必要的包装,游戏规则和场景设计

到这里我们已经讲了游戏的整体设计和实现。一个游戏要完整,还需要给它制定一个评分机制,它是整个游戏的关键所在。就好比一部电影,特效再好看,如果剧情狗血,那也是一部...

39212
来自专栏HT

基于HTML5实现3D监控应用流动效果

http://www.hightopo.com/guide/guide/core/lighting/examples/example_flowing.html ...

2759
来自专栏IMWeb前端团队

十本学习前端必看书籍,让你效率提升10倍

自学最苦的莫过于自己一个人摸索没有人带路,本人现在推荐几套适合自学的书籍,希望能帮到大家。 第一本,入门 《Head first HTML&CSS》 最好的入门...

2420
来自专栏PHP在线

未来Web设计的7大趋势

原文出处: Medium 译文出处:朵璞 1. 手势取代点击 我们都已经忘记滚动条曾经是有多麻烦,大多数用户都得煞费苦心地把鼠标移至屏幕右侧来移动这古...

3995
来自专栏java一日一条

未来 Web 设计的 7 大趋势

关于Web设计的未来趋势,我相信很多文章都有涉及。下面就让我带你总结一下哪些才是真正的预言。

861
来自专栏理论坞

60个设计师必备APP(上)

尽管安卓手机上免费的app极具诱惑力,iPhone仍然是设计圈首选的智能手机。对设计师而言,好用的不仅是最好的iPad app,苹果的Marvel也是相当便利的...

1402
来自专栏互联网杂技

极简设计的最佳实践

随着移动设备被越来越多的使用,极简主义的设计思想也伴随着流行开来。事实上,极简主义的应用确实为无论是移动端的应用程序还是传统的网站都带来了额外的好处,比如使用户...

3487
来自专栏鹅厂优文

腾讯云游戏多媒体解决方案

说到音频,就不得不说腾讯音视频实验室了,腾讯音视频实验室,成立于2010年,八年间专注于音视频通信技术的前瞻性研究,包括全球实时音视频网络优化、音视频编解码前沿...

5917
来自专栏无原型不设计

界面设计中如何增强CTA按钮召唤力?

以下内容由Mockplus(摹客)团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。

2.1K10

扫码关注云+社区

领取腾讯云代金券