学习如何更好地看待设计的 3 种方法
已发表: 2017-11-15欢迎来到我们的迷你系列“Effective Divi Web 设计原则”的第 1 部分,我们正在探索有效的设计实践,以帮助新的网页设计师和那些认为自己没有“设计眼光”的人。
在当今的视觉时代,设计比以往任何时候都更加重要。 在将潜在客户转化为客户时,良好的设计可以成就或破坏您的业务。 这可能是进行销售或让潜在客户点击您的网站寻找更专业的服务或产品之间的区别。 虽然新的网页设计师和开发人员经常声称拥有“设计眼光”,但每个人都可以应用一些基本的设计原则来帮助他们在网页设计的“设计”部分变得更好!
系列前言:
- 我们将在本系列中介绍的策略、实践和策略一般适用于网页设计,并非特定于 Divi,但本系列将基于我作为 Divi 网页设计师的经验。 提到的许多参考资料、布局和起点将专门涉及 Divi。
- 这个系列主要是为那些在网页设计方面不熟悉的人,或者是那些觉得他们没有天生的设计眼光的开发人员心态的人。 但希望这些概念中的许多概念也能为已经建立的设计师提供灵感或复习。
- 之前在博客上已经提到过伟大的网页设计原则,因此我们将在整个系列中链接回以前的一些帖子和资源。 这主要是我作为一名成功的 Divi 网页设计师应用的优秀设计中一些最重要原则的指南,您也可以应用这些原则!
- 最后,说到好的设计,没有对错之分。 事实上,这真的是一个平衡流行观点、你的个人创意观点和客户愿望的问题。 我们都有这样的客户,他认为我们知道看起来很糟糕的东西看起来很棒,对吧? 并非每个人都会同意这些设计基础知识,但可以肯定地说,专业 Divi 设计师和整个网页设计社区普遍共享这些原则。
这是我们展望未来的迷你系列的概述:
- 第 1 部分 - 学习如何更好地看待设计的 3 种方法
- 第 2 部分 - 3 非设计师有效的网页设计原则
- 第 3 部分 – 每个网站构建要关注的 3 个重要设计领域
在我们深入探讨之前,我必须说,虽然我知道有些人在创造力上比其他人更有天赋,但我强烈认为你可以学习良好的基本设计原则。 你可能不会成为 Divi 的米开朗基罗,但天哪,你仍然可以学习一些好的设计实践来应用到你的网页设计工作中。 我不会因为发布一些我的第一个网页设计而感到尴尬,但我只想说我的“设计眼光”是不断发展的,并且每天都在变得更加成熟。 我绝不是从今天的位置开始的。 坦率地说,设计不仅仅在网页设计中很重要。 它在组织内容、撰写电子邮件、使用手机拍摄精美照片等方面发挥着重要作用。 因此,了解一些基本原则以应用于您生活的其他方面也非常重要。
所以,如果你曾经发现自己说过以下任何话;
- “我只是没有设计的眼光。”
- “我的身体里没有创造性的骨头。”
- “我会编程,但我不会设计。”
那么这个系列适合你! 让我们进入它。
准备和学习如何更好地看待设计的 3 种方法
在网页设计的世界中,人们倾向于认同以下两种群体之一:
网页设计师——网页设计师,又名(前端设计师)很可能会被网页设计的设计、颜色、布局和美学所吸引。 他们可能来自平面设计背景,或者可能来自更视觉化的媒介,如摄影或其他创意艺术。 如果您对事物的外观和感觉更感兴趣,而不是它的加载速度、代码的简洁程度或 php 和 css 文件中的自定义内容,那么您很有可能在这艘船上
Web 开发人员——Web 开发人员,又名(后端开发人员)可能对数学、数字和网页设计领域、网站的代码、功能和后端更感兴趣。 “设计师”可能会看到形状、颜色、外观、感觉等,而更具开发意识的人可能会看到类似于矩阵的东西——代码、功能、可用性和网站表面之下的东西。
两者都是成功的网站设计的关键,在我看来,一个成功的网页设计师需要在这两个领域拥有健康的知识组合。 就我个人而言,虽然我现在精通设计和开发,但我仍然被事物的设计方面所吸引。 我需要更加努力地考虑加载时间、干净的代码和功能,而不是持续关注设计、布局、外观和感觉。 但对于那些与我相反的人来说,专注于令人赏心悦目的设计与使用干净代码快速加载的可怕网站相比同样重要。
我们在这里真正谈论的是左右脑的混合。 在这一点上,这对大多数人来说可能已经不是什么秘密了,但是有很多研究表明,左脑是分析的、数学的、顺序的、逻辑的等等。右脑是艺术的、创造性的、洞察力的、想象力的等等. 这是理解为什么您可能会成为一名设计师或开发人员的关键。
简而言之,
开发人员 = 左脑思考者
设计师 = 右脑思考者
对此的理解将我们引向第一个要点。
1) 准备好你的心态
如果你更喜欢创意,你很可能不得不在编码和网页设计的逻辑方面更加努力,反之亦然,如果你的倾向倾向于大脑的左侧,你我将不得不更加努力地工作,以培养良好的设计眼光。 如上所述,我更像是一个右脑思考者和一个创造性的人。 虽然我喜欢 CSS 并且现在使用 PHP 会很危险而且不会出太多汗,但我并没有那样开始。 我不得不在我不擅长的网页设计领域努力工作。
但它始于我的心态。 我知道我擅长哪些领域以及哪些人需要工作。 在这一点上我想再次鼓励你,如果你是新手,或者如果你是一个没有创造性的骨头的开发人员,你可以学习好的设计原则,你可以培养设计的眼光。
在这一点上,您可能会说“这一切都很棒,但是我可以做些什么来准备我的思维方式来学习良好的设计技术?” 虽然我们的学习方式各不相同,但我会告诉你什么对我有用,我知道什么对社区中的许多其他 Divi 设计师有用。

2) 如何学习和培养良好设计的眼光
通过复制好的网站设计来学习——是的,我说过。 如果您看到一个好的设计,请尝试重新创建它,复制它们的颜色、字体、间距、布局等。我不是说为了将其作为儿童主题或作为您的作品而出售的网站,而是从教育的角度来看,提高设计水平的最佳方法之一是复制已经设计精美的网站。 通过复制可以模仿的精美设计,您会惊讶于您将学到多少知识以及您会感到多么强大。
对于与 Divi 相关的灵感,您可以通过像这样的每月网站展示、通过 Divi 主题示例或通过关注您最喜欢的 Divi 设计师并查看他们的想法,在 ET 博客上经常找到一些很好的设计示例!
通过检查无处不在的设计来学习——虽然印刷设计和其他广告可能不是网页设计趋势的理想学习,但您仍然可以学到有价值的设计原则。 例如,也许您看到一个具有强大图像的广告,其文字以现代、时尚的方式设计,您可以很好地采用相同的想法并将其作为强大的设计应用到您的网站上! 我现在不再害怕和妻子一起去商场逛逛化妆品店,因为我把它当作“Josh 的时尚设计及时行乐”。 以前花在盯着手机上的时间现在通常可以有效地用于检查可以应用于我的网页设计项目的新设计理念和概念!
通过构建 Divi 库来学习– 使用 Divi 设计网站最神奇的事情之一是它附带了一个完整的库,其中包含您可以构建的经过验证的有效布局和设计。 如果您是设计和 Divi 的新手,或者在看空白画布时感觉卡住了,您可以从库中加载预制布局之一,更改颜色,替换图像并快速开始! 观看重新设计已经很专业的设计将如何开始为您的下一个项目训练您的大脑。
通过下载和构建每周免费的 Divi 布局包来学习– 如果您是 Elegant Themes 的新成员或还不知道,博客上每周都会提供专业设计的 Divi 布局包,可免费下载。 如果您有兴趣在设计方面做得更好,这些不仅是学习和灵感的重要来源,而且就像上面提到的图书馆项目一样,如果您是设计新手,这些都是很好的起点!
3)获得对你的工作的反馈和建设性的批评
最后,提高设计能力的最佳方法之一是从他人那里获得反馈。 通常,当您被嵌入到一个项目中时,很容易对看起来好的和看起来不好的东西失去方向感。 获得对您工作的反馈和建设性批评是提高设计水平的关键。
现在我明白了,这说起来容易做起来难。 您可能希望避免被摧毁或士气低落,尤其是在您仍在学习的情况下,但如果您使用 Divi,您就可以自动访问参与度最高、支持度最高和最有帮助的在线社区。 有许多渠道可以与 Divi 国家联系,但我个人更喜欢 Divi Facebook 群组。 我特意创建了 Divi 网页设计师 Facebook 小组,主要目的是能够发布作品以获得专业、有用的批评和反馈,以帮助我们所有人成为更好的 Divi 网页设计师。 如果您有任何值得信赖的家人、朋友或对设计有良好眼光的网页设计同事,如果您不想在线获得反馈,我也强烈建议您听取他们的想法。
我发现获得反馈非常有用,因为它通常会指出被忽视的糟糕设计、改进的领域或更多。 例如,我没有很好的天赋并且需要努力工作的领域是排版。 不久前,我在一个我认为从头到脚都很棒的网站上工作,当收到反馈时,被告知我使用的类型似乎不适合该网站的“感觉”。 在消除了最初的设计师自豪感后,我意识到他们再正确不过了。 该类型确实与网站的感觉不符。 从那时起,我学会了更加注意我选择的字体,以使它们与网站的正确外观和感觉相匹配,而不是坚持我的“去”。
因此,如果您有足够的勇气接受一些建设性的批评,欢迎您在我们的 Divi 网页设计师 Facebook 群组或任何其他在线 Divi 社区中这样做,前提是它遵守该群组的指导方针。 作为旁注,如果您是提供反馈的人,我想鼓励您在措辞和提出建设性批评的方式上格外小心。 在提供反馈时,请记住尝试建立一个人,而不是摧毁他们。
在结束
我希望这篇对 Effective Divi 网页设计原则的介绍能给你启发并为本系列的其余部分加油! 同样,这第一篇文章更多地是对未来的介绍和准备,但仍然很重要,因为在您能够更好地进行设计之前,首先要为您的学习心态做好准备。
关于如何学习更好的网页设计技术,您还有其他想法或做法吗? 请在下面的评论中告诉我们!
明天:非设计师的 3 条有效网页设计原则
既然我们已经介绍了准备和学习如何更好地看待设计,现在是时候进入一些可操作的、实用的设计原则,这些原则将帮助您的设计游戏更上一层楼! 直到那时!
请务必订阅我们的电子邮件通讯和 YouTube 频道,这样您就不会错过重大公告、有用提示或 Divi 免费赠品!