IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

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

Catherine • 2017-05-04 00:53 • 交互设计

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

文章目录[隐藏]

  • 原理1:回归基本类型
  • 原理2:利用空间创造平衡
  • 原理3:使用大小建立视觉层次
  • 原理4:利用颜色传达意义

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

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

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

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

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

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

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

原理1:回归基本类型

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

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

Type as imagery

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

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

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

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

Font pairing can make or break a design

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

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

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

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

Create balance and visual harmony

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

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

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

Simplification of award winning poster by Craig Welsh

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

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

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

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

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

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

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

Use size to establish visual hierarchy

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

关键是要求反馈。

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

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

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

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

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

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

Color helps convey meaning in design

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

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

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

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

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

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

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

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

 

原文地址:https://medium.freecodecamp.com/before-you-can-master-design-you-must-first-master-the-fundamentals-1981a2af1fda

原文作者:Jonathan Z. White

译者:SKYUI

本文由 @SKYUI 翻译发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/23093/

ElementGooglelogoPSsketchUIWEB产品产品经理字体理论用户视觉视觉设计视觉设计师设计设计原理设计师转载
赞 (0)
CatherineCatherine
0
生成海报
浅谈iOS与Android设计规范:6类交互设计规范对比
上一篇 2017-05-03 23:44
交互基本功:如何设计一个好用的搜索框?
下一篇 2017-05-04 01:56

相关推荐

  • Sketch 3 布尔运算教程

      在Sketch里面,如果你发现一些基本的图形都不适合你,你想组合或者用更多的图形时,这时候就离不开布尔运算。当然,如果钢笔工具用的熟练的话,用钢笔工具也可以画出自己想要的复杂图形,但有些时候我们其实…

    交互设计 2015-08-19
  • 面试时,如何阐释设计思路? 交互设计

    面试时,如何阐释设计思路?

    这几天有一些同学问我关于面试的问题,其实我对于整个面试的过程还没怎么总结过,但是对于如何阐述自己的设计思路倒是有一套方法,今天分享给大家。由于信息安全问题,我将底部的信息主架构进行了隐藏和改变,大家主要看整个设计思路的阐述,不要纠结细节。

    2017-05-07
  • 【招商零售】海底捞VS胖东来:用户体验背后的成功基因

    点击上方“聪聪说零售”可订阅哦!招商证券零售组:许荣聪、邹恒超近期的“老鼠门”事件再将海底捞推向风口浪尖,食品安全问题再次引发关注,但与一般公关危机不同的是,本次事件发生后没有出现一边倒的对海底捞的口诛笔伐,反而海底捞及时坦率的回应得到不少消费者的理解和支持。海底捞能坦然面对此次

    微信热点 2018-05-02
  • 移动设备上的劝导式设计(译) 交互设计

    移动设备上的劝导式设计(译)

    本文围绕劝导式设计(persuasive design)而展开,介绍了移动终端上banner广告、push信息等典型的劝服失败案例,并从用户与移动设备之间的情感联系出发,探讨了移动劝导策略的几个切入点。所谓劝导式设计,是指通过说…

    2015-08-04
  • 用户吐槽:新版新浪微博的5大槽点 交互设计

    用户吐槽:新版新浪微博的5大槽点

    昨天新浪微博发布了新版V6,据说是“加强基于兴趣的信息传播,在提升用户内容获取效率、阅读体验基础 上,面向垂直领域认证用户推出兴趣内容生产、传播及变现工具,完善内容生产与消费生态。微博计划打造一张以信息…

    2014-10-15
  • 交互设计

    一“平”到底

    随着 IOS8 的更新,以及更多 APPLE 产品的出现,扁平化设计已经成为了 UI 类设计的大方向。抛开扁平大战拟物的观点,让我们看看扁平设计之路应该如何越走越远。正好因为这个风格的流行,花瓣上也积累了非常多设计师朋友们的 素材 ,来看看他们都收藏了哪些精致好素材吧。

    2015-01-04
  • 逐渐兴起的对话式设计,你了解多少? 交互设计

    逐渐兴起的对话式设计,你了解多少?

    对话式交互将逐渐改变人类的生活和习惯,未来的生活是怎样的正是我们所兴奋和期待的:)我以为使机器能与人沟通的关键是发展更好的对话系统。但我这想法并不对。成功的对话需要共通的知识和经验。它需要对四周环境、前后脉络、导致目前情况的历史背景以及当事人众多不同的目标和动机等都要有所领悟。现在我认为这正是当今科技的根本局限,这种局限阻碍了机器全面、拟人化地与人互动。人与人之间要建立共通的了解本来就很难,那我们如何寄望于机器建立这种关系?——唐纳德·A·诺曼

    2017-05-19
  • 微信热点

    同学进了大公司的UED部门,我想一部分原因是…

    2017年开年,已经陆续有毕业生提前找实习工作了,在与一位成功入职的新人设计师交谈中,有一个重要发现:交互设计越来越受重视了。这位计算机专业的小伙伴,机缘巧合接触了设计,从此一发不可收拾,短短不到一年时间就熟练掌握了PS、AI、AE等软件,还自学了手绘技能。不过即使如此,她的求职仍困难重重。不是985 重点大学/非视觉传达专业/只会画图标界面等等,都成为用人单位将她拒之门外的理由。虽然要求有点苛刻,但站在公司的角度,想要在浩浩荡荡的求职...

    2018-01-31
  • 你的产品有没有为老年人考虑? 交互设计

    你的产品有没有为老年人考虑?

    原文:smashingmagazine 木为艾欧网-交互学堂翻译 如果你在科技行业工作,很容易忘记,年长的人存在。大多数技术工人真的很年轻,所以很容易看到为什么大多数技术是为年轻人设计的。 考虑到这一点:到2030年,在美国19%…

    2015-02-08
  • 交互设计

    帮你自学到底!非科班同学如何成为交互设计师?

    前言:最近一段时间,基本每天都有小伙伴在问,“我是来自非设计专业的学生,能否做交互设计”、“我想从事交互设计工作,是否需要读一个交互设计的硕士?”、“我工作一段时间了,不是设计行业,我能转行做交互设计么?…

    2015-04-27
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress