美文网首页交互设计与用户体验
做设计必须先掌握的基本功有哪些?

做设计必须先掌握的基本功有哪些?

作者: 设计新手村 | 来源:发表于2017-06-08 15:08 被阅读132次

    翻译自 Marvel,原文链接

    本文首发于公众号:设计新手村

    原文标题:Before You Can Master Design, You Must First Master the Fundamentals

    原文作者:Jonathan White

    文章翻译:村长道哥

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

    当我在思考如何回答这个问题时,我想起了我在学习普通话时的那些经历。不久之前,我决定自学汉语。说到学习一门新语言,你首先要从基础开始。名词、代词和动词这些东西是表达思想的根基,尤其是复杂的思想。

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

    好的视觉设计并不是与生俱来的,而是后天培养的。对自己苛求是成为一个更好的视觉设计师的关键。如果你有意识地去刻意努力,你就会成为一个视觉设计师。

    下面是一些你应该掌握的基础知识,有了这些才可以把你的视觉设计提升一个层次。

    基本功 #1:回到基本的字体

    你可以通过看字体设计来了解一个设计师的水平,因为字体是设计的基本功之一。

    作为意象的字体

    你可以只使用字体来完成整个设计,也可以根据字体来进行基础的设计,从字体库中选出特定的类型来做精妙的排列组合。为了提高作品中的字体设计,必须要首先从基本知识开始学起。

    建一个描述字体的专业术语的词汇表。弄懂字符间距、字偶距调整和行间距这些词的意思。这篇文章 A Beautifully Illustrated Glossary Of Typographic Terms You Should Know是学习这些术语的一个非常好的资源,里面图文并茂解释了字体方方面面的术语。

    接下来,如果你想要全面了解如何在网页上应用字体,请阅读Web Typography: The Elements of Typographic Style Applied to the Web。


    成也字体搭配,败也字体搭配

    最后,学习如何将字体组合在一起。有两个非常好的网站可以帮助你,FontWolf 和 FontPair。好的字体组合会极大地增加设计的活力。

    若想了解更深入了解字体设计,可以阅读我的另一篇文章:Typography can make your design… Or break it

    基本功 #2:使用空间来创造平衡

    空间有助于在设计中建立垂直和水平两个方向上的张力。在展现视觉层次和元素之间关联性上空间的作用至关重要。

    创造平衡和视觉和谐

    你可以经常查看像 Behance 和 Dribbble 这样的网站来获取关于空间元素的灵感。但重要的还是要培养自己的直觉,利用留白来创造平衡和视觉和谐。

    在学习字体设计时,你可能已经注意到间距的重要性。调整字偶距和行间距是锻炼眼睛对间距的敏感度的一个非常好的方法。出于这个原因,我建议你尝试 KernType,在这个游戏中,你可以将你的间距设计方案与一个字体厂商的设计方案进行对比。

    海报设计大奖得主 Craig Welsh 的作品简化版

    另一个有助于锻炼眼力的练习就是:找一个现有的设计作品,画出x和y轴,将设计简化成基本的几何形状,然后分析整个设计是如何达到平衡的,再然后重新排列其中的元素。平时多留意一下负空间的作品,学习负空间是如何影响元素之间的平衡。

    基本功 #3:使用尺寸大小来建立视觉层次

    当涉及到创建视觉层次时,尺寸大小是最最重要的因素。通过大小来传递元素之间的视觉关系,建立流式的布局。

    网格用处之一就是调整尺寸

    网格用处之一就是调整尺寸,通过网格来在尺寸上使用比例来突显重要性。

    一旦确定了某个元素的大小,就要在所有的相同元素上保持一致。因为在设计上,一致性是黄金法则。

    使用大小来建立视觉层次

    下面有一个练习可以帮助你提高尺寸的眼力。

    关键是要寻求反馈。

    画一个着陆页的草图或者线框图,然后请朋友看看你的设计,让他们圈出他们认为最突出的元素,最后让他们根据视觉权重来给元素编号,看看结果是不是你所期望的。

    做这个练习时,时刻提醒自己以下几个问题:

    * 着陆页的转换目标是什么?如何优化以才能到这个目标?

    * 不同元素之间的关系是什么?你想强调的是哪些元素?

    * 你的布局能否顺利引导用户浏览整个页面?

    基本功 #4:使用色彩来传达意义

    色彩多种用途,它能传达意义,建立情感共鸣,并为设计带来统一性。

    色彩有助于传达设计的意义

    为了深入了解颜色,可以阅读我的另一篇文章:Designing in Color。以下是文章的几个要点。

    选择调色板之前先确定你设计的目的。好的设计是目的与色彩的完美统一。

    找出你的目标观众。每个人对色彩的感知都不相同,色彩对人们的影响取决于他们的个人喜好、文化背景和经验。

    在选择颜色的时候,简单是关键。选择中性背景颜色,然后选择主色调和副色调,最后基于已选择的其他颜色,为不同的 UI 状态(比如错误和成功)选择颜色。

    一旦你掌握了色彩理论的基础知识,色彩的工作就会进入实验和迭代。积极尝试去打破你的舒适区,去尝试新的色彩搭配。

    电影和电视节目是颜色灵感的一大来源

    下面的练习将有助于你的对于色彩的感知力。

    花点时间通过你周围的东西收集色彩搭配,比如照片、杂志和你最喜欢的电视节目。然后找一个现有的设计作品,把你收集的色彩搭配应用到作品上面。

    注意观察色彩是如何改变设计的情绪和基调的,它是否也改变了整个作品的意义。


    把你的工作作为一种工艺,因为总有一些东西是可以不断改善的。成为更优秀设计师的动力只能源于你内心的不满足。

    相关文章

      网友评论

        本文标题:做设计必须先掌握的基本功有哪些?

        本文链接:https://www.haomeiwen.com/subject/rgftqxtx.html