⛺️ WordFest Live - The Festival of WordPressCatch Up Now
WordPress的节日
2022年3月4
为您带来的是
选择一种语言

5个快速设计技巧使你的网页设计水平提高

会议概览

发言人。
期待什么。

这个讲座的目的是让人们更好地进行设计。本讲座将向人们传授一些最基本的、需要遵循的设计原则。它还将涵盖一些快速的技巧,使他们几乎立刻就能更好地设计出令人惊叹的网站。

编辑文字稿

Corey Dodd - 5个快速设计技巧,提升你的网页设计水平

拒绝了。[00:00:00] 哦,太好了。我的网站又崩溃了,我放弃了。不要放弃你的梦想,乔丹!你是谁?是我。来自未来的你。你的专业网站并不是遥不可及的。你只需要Nexcess。有了Nexcess管理的主机,你可以得到快如闪电的加载时间,内置的性能监测和更新,以及总是令人敬畏的支持,24 7 365。对于您的所有项目。哇。是的。

Weglot。发现Weglot是为你的网站提供的简单的翻译解决方案。你所要做的就是把Weglot添加到你的网站,选择你需要的语言,就这样。你的网站现在可以使用多种语言了。

Yoast。你知道吗,Yoast SEO,插件,红色、橙色和绿色的反馈子弹,帮助你在网络上优化你的帖子。它在数以百万计的网站上运行。我们试图让每个人都能理解和掌握SEO。

Bluehost:谁说建立一个网上商店必须与Bluehost网站建设者是困难的。它不仅仅是简单的。它告诉我们你的事情,智能AI将采取从那里容易。它是WooCommerce友好的。因此,你可以添加其中的一个或交换这个容易。它可以在几分钟内建立商店,提供无限的产品,很容易。无论你是卖靴子、书还是碗,都可以用Bluehost创建一个网上商店,用Bluehost轻松建立一个超越界限的商店。

奥拉米-埃格巴耶洛。[00:03:00] 欢迎来到WordFest!我们现在在亚洲,作为我们24小时庆祝WordPress的人、技术和大橙心的一部分,WordFest现场,不仅提供了一个节日的教育内容、健康课程和网络机会,而且它也是大橙心的筹款活动。

奥拉米-埃格巴耶罗请在任何时候访问那个捐赠链接,以支持我们组织的使命。WordFest Live是一个24小时的机会,让WordPress社区走到一起,感觉不那么孤立,相互学习,相互陪伴。

奥拉米-埃格巴耶罗。我们这个地区的第一位发言人是科里-多德[00:04:00],他有五个快速设计技巧,有五个快速设计技巧来提升你的网页设计水平。科里是一个20多年的设计老手,也是位于澳大利亚吉隆市的机构老板和机构所有者。他曾建立,设计团队。并指导大型项目,以一对一和小组的形式指导设计师和开发人员,并与全国各地大量的国家和地方品牌合作。

奥拉米-埃格巴耶罗科里帮助设计师,提高他们的技能,教他们如何利用设计的力量建立更多的盈利业务。所以,让我们欢迎,科里!

科里-多德:你好?我希望你在享受WordFest。谢谢你抽出时间来听我谈论[00:05:00]设计。这是我的演讲,叫做提高设计水平的五个快速提示。

Corey Dodd:在这个演讲中,我想谈谈做更好的设计工作意味着什么。我相信当我们做更好的工作时,我们可以收取更多的费用,我们可以与更好的客户合作。设计对我来说是非常有价值的。它支付了我的整个生活。那么我是谁?我的名字叫科里。我已经做了20多年了,将近25年了。

Corey Dodd:我为各种地方工作过,小型机构、大型机构、国家机构,我还经营着自己的机构Elk Creative。我一直在教其他的设计师,我也指导过其他的设计师,最近我还完成了一个课程,教设计师,如何在Oxygen中不使用代码建立网站。我在这里转了一圈,赠送了一些我的设计技巧。

科里-多德:所以请系好安全带,因为我们有很多事情要做。好的。让我们不要乱来。让我们进入第一条提示,创建布局,引起注意。现在,最好的开始,或最容易的开始。这是通过在我们的布局中使用层次结构。现在,什么是层次结构,为什么要用它。

Corey Dodd:这两个问题都非常好,我们现在就来回答。层次结构本质上是一个设计原则,它从许多不同的领域或设计元素中汲取营养,比如颜色、比例、对比、对齐、位置、接近,还有像图案和重复。现在这些都可以单独或一起使用。

科里-多德为了使人们注意到我们网站的某些区域。现在,层次结构,实际上并不是指在设计中首先出现的东西,而是指最引人注意的地方,或者我们想吸引用户的地方。一个非常[00:07:00]好的现实世界的例子是像奥运会上的领奖台。这是一个很好的例子,因为,当我们看这个的时候,我们可以看到它从第二位到第一位,再到第三位,自然而然地,逻辑上会说我们是第一、第二、第三,或者是第三、第二、第一位,直到第一位。

科里-多德:但他们在讲台上所做的是把第一个人放在中间,获胜者在中间,然后给他们一个高高在上的姿态。这意味着,即使你不知道,或者你以前从未见过一个讲台,也会变得非常明显,谁是那个讲台上最重要的人。

科里-多德。我们真的可以通过层次结构清楚地看到正在发生的事情。现在在页面布局中,这将看起来像这样的东西。当然,这些只是例子。嗯,但你可以看到在左边这里,如果我们给所有的东西都是同样的工作量,它[00:08:00]变得几乎不可能拉出任何重要的东西。

科里-多德:这一切看起来都是一样的。而如果我们看右边的布局,我们看到的是通过使用不同的尺寸突出不同的东西,用颜色突出东西,使用空间,重复相同的各种元素,把东西组合在一起,在那里讲述一个故事,我们可以一次专注于一件事。

科里-多德。好的。现在,这在现实世界中是什么样子的?我将打开一个现实世界的例子,是我目前正在工作的一个网站。现在,这并不是完全的重新设计。这实际上只是重新想象这个页面,并没有实际改变什么。所以我想在这里强调,嗯,这只是一个例子。

科里-多德:那么,让我们拿着它。现在你可以看到,这里有很多事情发生。这可能是更多的问题,而不仅仅是简单的层次结构,但很多问题可以通过关注这些领域,层次结构的领域来解决。只是为了让人们重新关注,总的来说,在字体上有很多力量,在这些字体上。

科里-多德:我想把所有这些东西拉回来。嗯,一般来说,我想把重点拉回来,嗯,让它变得更柔和一些。嗯,然后把重点放在一些层次结构上。所以,我可以看到的一些关键的东西是,导航是绝对巨大的,没有任何理由。我们有一些标题,基本上都是互为犄角,我们无法分辨它们是标题还是按钮。

科里-多德。嗯,我们也有一些东西。呃,吸引了太多的注意力,而不是没有得到足够的关注,比如水的生物多样性和土地项目后面的这个绿色背景。出于某种原因,这比那里的其他部分更亮。那四个关键部分。因此,实际上是要求更多的关注[00:10:00]。

科里-多德。好的,我将修复这三个关键领域。我将一步一步地完成这些工作。所以,我看的第一件事就是减少我拉出的背景的类型,你已经可以说这是如此的干净,但是,和更多的重点。我在低处给它加了一点填充物。

科里-多德。我仍然有关于联系人和门户按钮的问题。我真的相信,这些功能可能是类似的,因为我们的用户不会像其他的导航一样使用它们,那几乎是像跳动的那种部分。有人会登陆网站,要么点击联系然后离开,要么他们会跳转到这个门户。

科里-多德:所以我们不妨把这些放在一起。所以这个人实际上并不是从左到右、从左到右地跳来跳去,而是把注意力集中在一个区域。现在看看这些,它们可能太大。我只是在这个例子的CSS中做了这个,只是为了让我们知道我们要做什么,但他们确实感觉有点大。

科里-多德:所以可能在现实世界会吓到。回来。嗯,但是你可以看到,它给了那个导航更多的关注。它变得更有功能。好的。接下来我们要解决的是主页上的四个主要部分。我所做的是减少颜色,水生物多样性部分后面的亮度,你可以看到这已经更加平衡。

科里-多德:我增加了图片的尺寸,在标题周围增加了一些填充物,我们可以看到现在这个页面已经占到了一半左右。而且很明显,这些是主页上的主要内容。现在,它是为了帮助用户了解有四个关键领域,而且有一个猜想,人们可以前往的四个旅程。

科里-多德:如果他们正在寻找许可证类型的信息,或者如果他们正在寻找关于如何参与,例如,它变得更加[00:12:00]清晰,这些是标题和他们在这些标题下的部分。现在,最后,我刚刚添加了很多,我在这些按钮周围有很多空间。它们又被丢失了。

科里-多德:如果我是,如果这是一个真正的项目,我可能会试图,重新想象它们的样子。但实际上,我在这个例子中想做的是展示我们在不改变的情况下可以产生多大的影响。嗯,设计本身。所以你可以看到这里的左边或右边。这里真正发生的事情是,我们已经......我猜,在设计中得到了一些更多的关注。

科里-多德:这要平静得多,对人来说,用户更容易知道他们在任何一个时间点应该做什么。现在。是的,我们已经失去了一些房地产。大部分是通过我在底部的三个按钮周围增加的空间,但总的来说,我们的布局变得更加专业,更加,嗯,你知道,[00:13:00]用户友好,。

科里-多德。现在这个设计,现在不会赢得任何奖项,但它肯定是更干净,更专业。因为它对客户来说更容易使用,我们会看到对我们的客户有更多的价值。因此,这真的是在没有真正做任何事情的情况下提高了我们的设计水平。

科里-多德。顺序上没有变化。除了这些按钮之外,它只是改变了焦点。好了,现在让我们进入第二条建议。选择不讨厌的颜色。现在,这是一些颜色的提示,或者说是一种咆哮,但它的颜色出现的次数相当多。人们问我如何找到颜色,或者我如何使用困难的颜色。

Corey Dodd。通常情况下,我看到发生的事情是人们链接到颜色生成器或他们最喜欢的调色板的东西,这都是很好的,但这[00:14:00]并不是解决这种情况的最好方法。现在我不是在谈论客户没有现有资产的情况,比如低。如果发生这种情况,而你正在创建一些,一个网站,这将是很难知道从哪里开始。

Corey Dodd:为他们创造颜色是一种品牌塑造的工作。但在客户有颜色的情况下,也许他们已经有了一个风格指南,也许他们已经有了一个现有的标志。也许他们有一些已经存在的营销材料。这些都是我们需要获得颜色的地方。我们需要与他们所拥有的颜色一起工作,如果不是这样,我们实际上是在为客户和品牌提供一种伤害,我们在某种程度上消除了他们已经形成的品牌资产。

科里-多德。现在,思考像色彩理论这样的事情都是非常好的。我不打算阻止任何人走这条路,教育他们自己的颜色是如何工作的[00:15:00]。有六种基本的色彩方案,或者说有第七种,我们有单色的,赠送的分裂的赠送的。而现在我想,三联式三联式。

科里-多德。还有第七个,是一个正方形的A,这非常像三体的,呃,颜色方案,就在那里。了解这些东西和它们的工作原理是很好的。但正如我所说的,如果客户有一个现有的颜色方案,我们应该用这个方案来工作。即使我们现在不觉得这个配色方案是正确的,与之合作的最好方法之一就是靠拢这个颜色。

科里-多德。现在,很多人实际上对颜色退避三舍,他们认为如果我少用颜色,那么这就会有帮助。现在我将展示几个真实的例子,在这些例子中,我曾用过的颜色,呃,似乎与品牌的主张或某人想要达到的目的相悖。现在让我们看看这第一个[00:16:00]的例子。

科里-多德。这个项目是一个托儿所,他们希望有一个轻快、明亮和有活力的东西。这就是他们的标志和身份。现在,这被用在标牌和车辆上。它不是要被改变的东西。我们希望它能与这个颜色和这个标志一起使用,并真正抓住其中的东西,同时仍然试图实现网站的明亮外观。

科里-多德。现在这是他们已经有的,这就是一个完美的例子,有人拉走了,嗯,而不是那种真正抓住那些深色的颜色。那些。明亮的橙色和黄色,你甚至还没有使用。避孕套的黑色拉开了距离,使用的颜色是,嗯,像白色。甚至在一些例子中,也有像沙子一样的东西在,诸如此类。

Corey Dodd:[00:17:00] 嗯,在其他页面中,现在这是我在这个网站上留下的唯一截图。嗯,还有一个例子,说明他们是如何在他们的营销材料和我们与他们一起做的东西上使用这个。所以这是实际的网站。这是我们为他们制作的东西。你可以看到我真的是在接受这种深色。

科里-多德。嗯,现在有四个部分,其中颜色如橙色和红色占据了整个屏幕。它们真的成为一个关键特征,但这仍然是轻快和明亮的,已经引入了一些图形元素,嗯,一些俏皮的东西来增加这种基调。但总的来说,即使使用了强烈的颜色、浅黑色和红色,我们仍然能够做出真正明亮和充满活力的东西,这也是简报的一部分。

科里-多德。再一次,让我们快速看一下这在他们的营销中是如何使用的,之前和之后。[00:18:00] 他可以再次看到在左边的地方,他们几乎可能害怕拥抱那个黑色。因此,他们认为这有点像背景中的木纹和这些白色区域。而我们现在已经接受了黑色作为它的一部分,并使用这些颜色来冲破和真正给予一些明亮的活力。

科里-多德。现在可能觉得用黑色工作是不对的。拥抱这种情况,拥抱这种深色的颜色,真的会产生一些东西,A是独特的,B是品牌的,C仍然适合创造一些东西,带来活力,很适合儿童护理中心的简介。现在我有另一个例子,发生了类似的事情。

科里-多德。现在,我再次得到左边和右边的例子。现在这是另一个儿童慈善机构或另一个基于儿童的,嗯,客户,但它是一个儿童的[00:19:00]慈善机构。现在他们的标志字面上有像七或八种颜色在里面。而旧的网站和旧的营销材料并没有真正拥抱当前。

科里-多德。他们只是在这里和那里使用一点颜色作为亮点。嗯,你可以看到那个捐赠按钮甚至不是正确的颜色。所以我们就这样。现在,当我们开始与他们合作时,我们所做的实际上是更多地接受了这种颜色。我们做的一件核心事情是我们选择了一种颜色作为主角,也就是蓝色。

科里-多德。然后我们使用所有这些其他的颜色作为亮点,我们经常使用它们,实际上每一种颜色都在网站中得到体现,甚至是博客的类别和类似的东西。但这里真正重要的是,我们现在接受了这种颜色。他们实际上已经把这个作为他们的营销材料和他们的,以及他们的营销材料的基础。

科里-多德。他们甚至有车辆包装,等等,用这个做。所以你可以看到当我们真正接受一些东西时会发生什么。现在,与颜色打交道其实是很有趣的,它可以是有挑战性的,但如果你改变你的信念,围绕着你不喜欢的东西,实际上真的靠在颜色上,你可以在那里寻找解决方案,仍然履行简报。

科里-多德。再说一遍,这真的可以提升你的作品,让它脱颖而出。因此,它在你的投资组合中看起来更好,非常吸引人。你为你的客户提供更多的价值。那么,这就是关于颜色的最后一点?好的。现在是第三条建议,确定你的间距。完美。现在,这是所有关于白色的空间,你可能会想到白色空间的东西,看起来有点像这样。

科里-多德。现在,这是我目前正在做的一个项目,是的,它使用了大量的白色空间,但我想指出,白色空间与白色的颜色毫无关系。你在任何颜色的背景上或任何图像背景上都有白色空间,但它本质上只是我们在元素之间的空间,让它有呼吸的空间。

科里-多德现在,这是一个需要掌握的伟大工具。而且它实际上可以真正改变一个企业网站的基调,使它看起来更专业或更便宜,这取决于你现在想要使用的空间的数量。是的,不是每一个我们工作的网站都是一个昂贵的产品。因此,我们可以改变留白的数量,但仍有一些简单的东西,我们可以注意到空间。

科里-多德:但如果我要围绕留白给出一个提示,那就是我们应该比平时多留一些留白。我很少看到有太多空间的网站,而我总是看到空间不够的网站。[00:22:00] 因此,再次,让我们看看这里的几个快速的例子。

科里-多德。这是我与客户合作的一个网站,这是前。我想向你展示之后的情况,这里有很多事情要做,但你已经可以看到已经添加了大量的白色空间,实际上改变了这个外观。设计整体上有很大的变化。因此,我将把重点放在实际页面上的几个元素上,并分解出一些留白的地方,以增加一点,嗯,多一点档次,多一点焦点。

科里-多德:所以在这里,我们已经有了基本相同的内容。我们已经有了你的本地可确认的全球机会和我们的愿景。现在,我在这里所做的实际上是允许更多的空间,嗯,八个元素之间的东西不是那么拥挤的。如果你看左边,我们有一些间距问题,我们的,[00:23:00]我们的愿景在文本和图像之间有一个奇怪的间隙。

科里-多德:但是在文字和灰框之间的顶部和底部的空间,都是非常非常紧凑的。嗯,这只是让人感觉有点杂乱无章,几乎是幽闭的,而与此相反,我在右手边得到的东西是真正的呼吸,因为实际页面上的内容有点少,但它有更多的焦点和更多的等级。

科里-多德。再一次,让我们看一下这里的另一个要素。我们有四个项目,我们在说,看看我们最新的一些项目。这里有几个关键因素。有一些区别,我使用了滚动。因此,当他们滚动时,他们会看到额外的信息,而不是试图把它全部塞进去。

科里-多德:但是如果你看一下左边,有一些例子,文字疯狂地靠近按钮,这只是让它看起来[00:24:00]非常非常便宜,或者它没有被规划得非常好。所以这只是一些需要注意的事情,要注意间距真的很重要。现在你可以看到区别了。

科里-多德:我曾用过一个标志,图像只是增加了很多东西。因此,通过减少其中的一些东西,嗯,我们实际上是让人更容易理解它是什么。他们需要知道的是,这些是项目。这些项目已经卖完了,如果他们想点击查看项目,他们可以找到这些信息,他们不需要预先知道所有这些东西,或者正在做这种假设。

科里-多德。现在好了,这是最后一个部分。这只是在看一些非常、非常明显的东西。这是在他们的 "关于 "页面中的页脚部分。嗯,我们有一些核心价值。现在我已经用了很多空间在这周围。嗯,我已经把这些信息放在中心位置。在这些价值的上方和旁边有很多空间,它真的让这些东西感觉它们很重要。

科里-多德。现在,这实际上是企业的价值观,是他们所要代表的东西。这一点。不应该像杂乱无章的和一个结束语,在网站设计本身没有真正考虑过。因此,我们的留白真的很重要,我们在说什么,我们试图实现什么。

科里-多德。这真的很重要。我们使用空间的方式实际上是在讲述一个故事,就像划分层次一样,它们是相辅相成的。当我们看内容时,它给我们一些呼吸的空间,它只是给我们做的工作增加了一个层次。因此,注意留白,与留白交朋友,现在开始第四条建议。

科里-多德。为什么[00:26:00]保持事情的一致性是关键。是的,这都是关于一致性。而这可能是你自己对客户采取的一个角度。那么,为什么一致性是重要的?嗯,当事情是一致的,他们是熟悉的。当他们熟悉时,我们就会对他们感到舒服。我们想学习一些东西,比如导航在哪里,我们不想重新学习这些东西。

科里-多德当我们从一页跳到另一页时,我们希望感觉到我们在同一个地方。是的,我们希望有一点变化,但我们不希望感到分心或不舒服,因为一致性的情况恰恰相反。当事情不一致时,它们会导致人们感到不舒服。它们导致他们,下意识地质疑其他事情,如实际用品的质量。

科里-多德。这是一个真正的大问题。这就是为什么一致性 [00:27:00] 是如此重要。现在,我将尝试在这里展示让事情保持一致和同时拥有事情,相当不同之间的平衡。而这是一种平衡行为。现在有几件事你可以做,那就是设置全局观念。

科里-多德:拥有全局性的颜色和相同数量的间距,把这些事情做对了,就真的能保持事物的一致性。但是,让我们看一下一个项目,我们将通过一些旧的网站和新的网站之间的差异,其中的东西是一致的。所以你可以在这里看到,这是我为content snare工作的一个网站,这是最古老的网站。

科里-多德:如果我们翻阅每一页,你会看到什么。是有开始得到一些不一致的一致性,围绕使用的颜色,区域的空间量,字体的大小,正在使用的背景类型,[00:28:00]缺乏背景,甚至区域的高度。因此,如果我们看一下那些完全相同的页面,我们已经在这里得到了主页,现在,这是速率是在。

Corey Dodd:这是一个完全不同的品牌。我知道,我们实际上只是在看这里的空间,而不是我在这里创建的品牌。嗯,这是一个完全不同的设计,但你可以看到,有一些东西我们已经在这里了。就像如果我们从一页跳到另一页,我们可以看到这些都有相同的那种高度。

科里-多德。嗯,对于,实际的标题。我们有一个类似的东西,我们有一个小小的蓝色标题,白色标题,蓝色标题,白色标题。我们已经有了这个大文本。我们在这里使用了大型文本。这些东西的大小保持不变,但即使我们从这个模板页面跳到我们的主页,这也会从深紫色变成浅紫色。

科里-多德:但是这里的间距,也就是这个.的地方,虽然这个明亮的地方从紫色开始,在这个[00:29:00]的地方到白色是一样的。我们要保持所有这些间距的感觉非常一致。现在,这一点之所以如此重要,是因为我们真的向用户展示了他们是在同一个地方,让事情保持一致实际上是这个项目的一个非常重要的部分,是人们向他们指出的东西,他们知道一致性是一个问题。

Corey Dodd:现在,对这个问题真正有帮助的事情之一是实际上预先设计了所有的东西,而不是在浏览器中边走边设计。这意味着我们对网站的内容和元素有了一个总体的概念。然后,除此之外,实际上只是创建了几个核心页面,而不是逐页设计。

Corey Dodd:我们实际上创建了一个模式库。因此,我们的呼吁行动会是什么样子,我们的卡片会是什么样子,自定义布局,我们的[00:30:00]英雄,我们的签名者,各种类似的东西。我们为此创建了一个库,这意味着我们保持了区域、设计本身和网站真正的一致性,但同时也是充满活力和能量的,它给了它一个真正抛光的外观和一个惊人的最终结果。

科里-多德:所以要继续努力保持一致性,因为这是关键所在。好了,现在进入最后一点,第五点,使用排版来表达更多。现在,显然这是关于排版的,这是一个很大的话题。如果我要选一件事来谈排版,那就是选择正确的字体的个性。

科里-多德:这真的很重要。很多人都有自己喜欢的字体,而蒙特塞拉特不会解决所有问题。所以我们需要考虑的是。当我们[00:31:00]选择一个字体的时候,就是我们想要表达的东西。看看地形,看看它说了什么,它让你感觉如何。当一种字体是优雅的,或者一种字体是有趣的,它就变得非常明显。

科里-多德。现在,我将展示几个例子,我将实际指出我的网站,我将展示我们的实际类型只是很快就被搞乱了。所以你可以看到,我在这里只是使用了一个默认的字体和。完全完全改变了字体的实际个性。你可以看到,这就是我实际带的东西。

科里-多德。这是我确实使用的类型,这是一种友好的类型,这是一个非常非常重要的,让我们把它们并排放在一起,你可以看到这里的区别。所以,是的,有一个有单独的重量,但它比它的方式更多,实际上是字母形状的变化。设计本身的感觉。

科里-多德:它[00:32:00]改变了我们试图沟通的信息。我将继续前进,我将向你展示另一个例子。我在这里再次使用我的网站,我将把它与我的机构网站进行比较。所以这是我经营的机构的网站。这也有一个字体,我想说的是,这也是一个有点意思的字体。

科里-多德:它有一些个性,但显然是考虑得更多一些。它试图将我定位为。呃,一个有意识和权威的人。他正在考虑设计,这真的很重要,但它仍然有一个有趣和休闲的元素。如果我们把它们并排放在一起,我们可以看到它们之间的区别。

科里-多德左手。一个是好的。幼稚,但它真的,真的很诱人。它真的是想说我是一个朋友,这就是字面上所说的,但字体也是,我试图实际上是真的,真的很随意,但真的,真的很友好。现在在右手边,我仍然试图显示我有个性,但它只是更严肃。

科里-多德:所以我想用类型指出的重要事情是有多少个人。实际上传达的是。所以应该考虑我们使用的字体,因为当我们选择了错误的字体,我们就会发出错误的信息,错误的字体或糟糕的排版真的会让一个设计在整体上失败。

科里-多德。现在,如果我们把它弄好了,我们实际上可以提升设计的水平,并提出一些远为卓越的东西。演讲到此结束。非常感谢你花费你的时间。我知道我们涵盖了很多内容,有点像旋风。所以,希望你能看到,仅仅通过应用一些基本的设计原则,你就能使你的设计水平提高到什么程度。

科里-多德。现在,如果这个[00:34:00]是你感兴趣的东西,我将坚持下去,回答问题,这将是超级令人兴奋的。但我也很想听到你的反馈。给我发电子邮件 [email protected]。而现在我已经完成了我的氧气课程,我正在考虑把关于这个的课程放在一起。所以请访问网站,https://coreydodd.com。

科里-多德寻找课程设计大师,并报名参加,表达你的兴趣。我很想看看其他的人是否有兴趣学习这个。好了,让我们开始这些问题的讨论。

奥拉米-埃格巴耶罗。谢谢你,科里,那是一个非常棒的会议。嗯,我学到了很多东西,嗯,设计和所有这些,但是,是的。欢迎欢迎大家参加问答环节。如果你有问题,请不要犹豫,与我们分享。

Olamide Egbayelo:好的,所以我有很多问题。所以你谈到了很多关于一致性的问题,那么设计师如何保持一致性?我的意思是,你必须考虑到你需要使用的工具,并获得最好的效果,然后你仍然需要保持一致。所以你能告诉我们更多关于这一点吗?

科里-多德:是的。所以一致性真的是最重要的事情之一。我认为当你在一个网站内工作时,它不应该是那么难。当你走在路上,在多个地方工作时,它就变得更难了。多个项目或多种媒介。因此,如果你在一个印刷文件上工作,例如,嗯,作为一个设计师,我的工作通常是为品牌创建风格指南,这有助于保持一致性。

科里-多德:它给人们一个想法。嗯,你确切地知道他们使用的是什么类型的涂鸦,嗯,你知道,他们的意思是如何说话,甚至在他们的语言中,嗯,以及设计元素应该如何看,他们应该如何感觉。嗯,但是当你在你自己的项目上工作时,它真的是关于,嗯,创建我猜,一组规则,你[00:36:00]想,要,作为你的,嗯,我想围绕网站的结构,嗯,一个真正的好方法是设计网站的一个部分。

Corey Dodd:首先,也许你正在设计主页,然后尝试并寻找可以重复使用元素的方法。然后,与其从头开始,使用完全相同的元素,只是稍微改变它们,你知道,以适应你已经得到的内容,而不是每次都重新想象它们。因此,我使用非常喜欢的,嗯,定义明确的调色板。

科里-多德:所以我使用的调色板通常是相当小的,而且我会相当严格地坚持它们。我不会因为我想添加新的颜色,我想这是关于一致性的另一件事。这是关于,这是关于与你已经得到的东西一起工作,有时你觉得你想做一些事情,只是因为你想,因为它感觉最后,因为你认为我需要吸引一些注意力。

Corey Dodd:它试图摆脱只是做那些你想做的事情,只是因为它[00:37:00]看起来很有趣,只是坚持,坚持规则,这听起来很无聊。但是,如果你在其中工作,你实际上会得到很多更好的工作,很多更稳定的工作。

奥拉米-埃格巴耶洛。哦,太好了。谢谢你的精彩回答。那么,嗯,在我进入观众提问环节之前,嗯,我还有一个问题要问你。

奥拉米-埃格巴耶罗。那么,呃,谈谈规划吧。嗯,规划实际上是设计中最重要的部分之一。那么,嗯,你认为有多少个小时。你认为设计师应该在多长时间内集中精力规划设计过程?那么,设计过程应该进行多长时间?你应该计划多长时间?

科里-多德:是的,这是个棘手的问题。这取决于项目的规模,显然,但如果你在谈论的东西,你知道,我不知道,让我们说你在谈论的东西。你要设计的东西有五到六个屏幕。嗯,你看,我很容易就会沉入20、30、40个小时。这似乎是一个很大的[00:38:00]时间。

科里-多德。嗯,有些人,他们,他们不希望花那个时间。嗯,但对我来说,再次获得一致的工作真的很重要,嗯,让它达到最好的效果,我正在为这个时间收费。嗯,这也是真的很重要。比如说。你能做的工作越好。你越是关注细节,你就能给你的设计,嗯,你就能为它收取更多的费用,你就越能脱颖而出。

科里-多德:所以这就是这次谈话的全部意义,真的是为了让你工作得更好,嗯,让自己对客户更有吸引力,让你的工作更有价值。嗯,但是,是的,听着,我确实认真对待设计方面的工作。我也不是最快的工人,那是,我必须允许这一点。嗯,但我认为这很重要。

科里-多德:这不是一种解释。嗯,你知道,有一些人,那种,嗯,尝试和匆忙的设计过程,或者没有一个设计过程,现在,你知道,设计师,他们去。嗯,但即使你,如果你开始在你的过程中增加一些设计时间,现在[00:39:00]它所节省的时间是巨大的。

科里-多德:所以,如果我在一个大型项目上工作,或者我为别人做设计,嗯,通过所有的决定,嗯,已经做了,就像所有的决定,为他们节省的时间。在设计过程中真的是。嗯,是的,从长远来看,它确实节省了大量的时间。

奥拉米-埃格巴耶洛。好的,谢谢你。那么,呃,我们将有一个来自观众的问题。我们将有一个来自珍娜的问题。所以詹娜问,你有没有什么好的资源资源,比如说填充其他的东西,挣扎着知道要放多少空间。

科里-多德。哦。因此,简短的回答是,没有,我没有任何资源,如果这都是通过,嗯,培训和,嗯,从多年的经验来看,嗯,就像填充物这样的东西,它一般比人们目前允许的要多。

科里-多德:我认为很多[00:40:00]人,嗯,常见的错误是房地产。我们总是想到房地产,你知道,我一直在这个行业。呃,很长时间了。而这曾经是人们会谈论的东西,比如如何将东西装在折叠上方,在页面上装更多的东西。嗯,但我们已经习惯了在网站上滚动的方式。

科里-多德。我们整天都在使用这些东西,你知道,Instagram和Facebook以及所有这些应用程序,只是永远滚动。因此,这是关于使用正确的空间量。所以我不会允许更多的空间。这只是允许一定量的空间,让用户有机会专注于最重要的事情,或一次专注于一个或两个事情。

科里-多德:你不想让他们分心。嗯,所以这真的很重要。所以我没有任何可用的资源。我是按项目来处理的,当我在工作的时候,我是按项目来处理的。所以,嗯,是的,我唯一能给出的具体建议是,嗯,你知道,特别是围绕空间,给自己多一点空间,比你可能认为的多一点。

奥拉米-埃格巴耶洛。好的。嗯,谢谢你,珍娜。我希望,嗯,科里已经回答了你的问题。呃,请记住,你仍然可以在现场聊天中提出你的问题,科里在这里,参与。那么,呃,我是说,我还有一个问题要问你。嗯,所以你,你说你没有任何去处或资源。我的意思是,作为,作为一个设计师,你应该有,嗯,大多数有工具,每个设计师都应该有或应该能够很好地使用。

奥拉米-埃格巴耶洛。它可以是规划工具,可以是设计工具。它可以是帮助你保持一致的工具。它可以是生产力工具。那么你能和我们分享一些你的,真正的,常用的工具吗?

科里-多德这是我最喜欢的工具。一张纸和一些铅笔。这听起来真的很愚蠢,但是,嗯,是的,这是我要做的事情。我就会开始。是的,不管我是在做品牌推广还是[00:42:00]我在做,你知道,嗯,网站设计。呃,我可以非常迅速地勾勒出想法,并经常转移到所有真正粗略的想法。

科里-多德:我没有画出网站设计的样子,但我可能会尝试画出内容的层次结构。所以我想把什么内容放在第一位。这对我来说只是一个简单的工具。嗯,但就我使用的主要工具而言,嗯,我是一个创意云人。我一直在使用Adobe。我不认为工具真的很重要。

科里-多德:这是关于对细节的关注和花费一些时间。嗯,有一件事我确实相信Adobe,因为它是一种行业标准。因此,如果你正在寻找就业机会和类似的东西,如果你,如果你只是要为自己工作,它并不,它并不那么重要。

科里-多德:但如果你要想就业。所以,这些天你想知道的标准工具,显然是Adobe创意云套件。嗯,像Figma和Sketch也是相当重要的,嗯,你知道,网页设计行业,但也有很多其他的工具在那里,我知道人们一直在使用,像Canva和那种东西。

科里-多德。嗯,在一天结束的时候,只要能帮助你把你的想法表达出来。这完全没问题,但我所有的网页设计都是用XD完成的,所以我会用创意云。嗯,我喜欢XD纯粹是因为它是Adobe的产品,我可以很容易地在各个程序之间移动。因此,如果我需要做一些插图工作,我可以迅速打开,嗯,插图并开始,你知道,做一些,一些想法,然后复制到XD文件中。

科里-多德:如果你使用。Figma或Sketch你,你知道,它更难打开。嗯,th那只是我的个人偏好,但我发现没有其他创意云专业程序,更难工作,但我注意到这么好。

奥拉米-埃格巴耶洛。好的。很好。谢谢你的分享。我们有另一个来自观众的问题。嗯,[00:44:00] Fernando Eiella问的是,在保持客户网站性能的背景下,重新设计,性能。如何处理那些希望或需要在页面上有同质的视频或图片的客户?

科里-多德。嗯,这是个很难的问题。所以我认为,就像,你知道,优化和你在这个设计中试图实现的东西,如果某些东西需要快速加载,例如,这是一个相当早期的对话,嗯,并真正尝试和解决这个问题。

科里-多德。我知道有一种思想流派认为客户永远是对的。但也有一种观点认为,客户雇用的是一位专家。所以,如果你能把自己定位为一个专家,并且少接受命令,那么你就能诊断出问题,这就是最好的开始方式。

科里-多德:因此,而不是开始与客户的关系[00:45:00],他们正在支配,你做什么,你本质上说,你要去什么。你要努力找出这些目标是什么。然后当你向他们展示设计理念时,你要解释这些,嗯,这些设计理念是如何帮助客户实现这些目标的。

科里-多德。然后当我有一些实际上对他们没有帮助的想法时,那是,那是,我不想说是坏主意,但我们说是坏主意。嗯,我向他们解释,这并不能帮助他们实现他们的目标。所以这真的不是关于我的个人品味与客户的关系。在一天结束时,我不,我不是要设计我喜欢的东西。

科里-多德:我设计的东西是要为他们的客户工作,帮助我的客户实现他们的目标。因此,如果你从某人的目标开始,他们想要实现什么,嗯,这可能是最好的解决方式。

奥拉米-埃格巴耶罗。哦,真棒。嗯,我希望那是费尔南多。我希望科里已经能够[00:46:00]回答你的问题。所以我知道,嗯,在我们等待更多观众提问的时候,我还有一个问题要问你。所以我知道,嗯,这节课显然是为设计师准备的,那些已经是专业设计师或中级或专家设计师的人。

奥拉米-埃格巴耶洛。那么,嗯,嗯,我只想让你在这里说说。你对初学者有什么团队?因为我知道有一些人只是在征税或关于学习设计的旅程,而且,嗯,他们已经听了你的话。他们已经看了你关于这个团队和所有这些的演讲。所以你能不能告诉我们,你能不能列出大约四到五件事,它开始作为设计师应该看,你知道。

科里-多德:我实际上是在玩弄关于发展你的眼睛的想法。我想这是在设计方面变得更好的最重要的事情之一,或者说我做的好的设计实际上是,嗯,一个人对设计感兴趣,并且在这个世界上看到它,你知道,注意到你喜欢什么东西,注意到其他人喜欢什么东西,然后试图找出他们为什么喜欢它们。

科里-多德。而这并不需要一直是网站。你知道有人喜欢一双鞋,有人喜欢某辆车。这不符合你的口味,试图了解这些东西的什么地方吸引人,因为,因为设计不仅仅是关于,嗯,视觉元素。它是关于事物如何运作以及它们如何发挥作用。

科里-多德:所以,是的,发展你的眼睛是非常重要的。所以要跟上潮流,找出什么东西对你有好处。而且,这是第一条。嗯,另一件事是。你要锻炼你的词汇量,所以你可以真正谈论设计,这是,这是一个很难做到的事情。而且,嗯,这是一种技能,很多人,嗯,缺乏,能够解释他们的设计的方式,而不是谈论废话。

科里-多德。这就是所有关于设计的蓬头垢面的东西。嗯,所以这真的很重要。就像我说的,在另一个关于有目标的观点中。所以我们的建议是,当你和客户一起做设计简报时,或者你正在做一个发现会议。例如,如果你问他们喜欢的东西,嗯,真的保持你的耳朵开放,听出他们使用的语言。

科里-多德:所以,如果有人说,你知道,有趣或大胆或明亮,嗯,你可能想慢下来,并找出这对他们意味着什么,因为有人的想法可能是有趣。比你的更保守。所以要弄清楚他们的实际意思,因为他们是主观的术语,但也要记住他们所使用的词语。

科里-多德。然后当你谈及。使用同样的语言。所以你把设计呈现给别人,并说,看,这真的很明亮。它真的很大胆,很有趣。然后他们就说,哦,这正是我想要的。而这只是通过语言的滥用。因此,这是另一个提示,或者对初学者的另一个提示是什么。嗯,只是为了,只是为了设计的乐趣。

Corey Dodd:就像[00:49:00]当我第一次开始设计时,我会为了好玩而设计。我不是在说免费设计的问题。我不认为人们应该免费设计,但我认为他们应该为,为乐趣而设计。所以我认为,我认为如果你能设计东西,嗯,你知道,在空间里玩耍,即使现在我,我还是会,你知道,我尝试想法。

科里-多德:我做这个已经很久了,20年,超过20年了,我仍然只是尝试新的想法,只是想看看它们会把我带到哪里。嗯,也看了一些东西。如果你看到那些很酷的东西,那是另一个,那可能是最后一件事。如果你看到非常酷的东西,就建立一个记忆库,或者用某种方式来捕捉这些图像。

科里-多德。把你喜欢的东西放在一个文件夹里,那些你认为有趣的东西。嗯,我知道有一些关于偷窃想法的东西,但是就偷窃和灵感的想法而言,对我来说,越过界限的想法是如果你看着某样东西,你直接复制它,嗯,和得到[00:50:00]灵感的地方,这条界限是。

科里-多德。有一个,有一个东西,如果你从一个地方偷,如果你从一个地方拿,那就是偷,如果你从很多地方拿,那就是受到了启发。所以,如果你有很多东西,如果你从这里得到你的颜色,然后你得到,你知道,地形的想法来自这里,你得到间距的想法来自。

科里-多德。那么你真的只是被一大堆东西所影响,而不是直接看到你喜欢的东西并试图复制它。所以保留你认为很酷的东西。把它们放在一个文件里。而且,你知道,当你有一个新的项目要开始,而且它似乎是有趣的东西,也许你看一下你认为有趣的东西。

科里-多德:如果你的东西是要做企业的,那就看看那些你认为是企业的东西,它们真的很酷,并尝试和尝试获得一些灵感。

奥拉米-埃格巴耶洛。好的。非常感谢你。这些真的是非常棒的提示,并谈到了灵感。我们有一个关于灵感的问题。好的,那么,嗯,珍娜在问,你在哪里找到你的灵感?

科里-多德:是的,[00:51:00]这真是个好问题。因此,我尝试着相当用心地去做。我的工作有设计,这就是我所做的。这基本上是我获得报酬的全部工作。嗯,这就是品牌网站的设计。这是各种各样的东西。嗯,我试图得到的灵感一般不是来自我正在做的工作。因此,如果我在做一个网站,我尽量不去看网站来获得灵感。

科里-多德:我会尝试在杂志上看看,嗯,你知道,小册子,布局和类似的东西。嗯,当我在做品牌推广时,我喜欢研究现实世界中的东西。比如说,如果你走出去,知道。你知道,注意建筑物和东西上的东西。例如,这总是非常好的。我不是那种打开Pinterest然后输入鲸鱼标志的人,如果我有一个客户需要,你知道,鲸鱼作为一个标志。

科里-多德。这是我认为导致我到一个非常具体的地方。嗯,所以我试着去看那些不是字面上的我正在做的事情,为我做的东西。所以我不会坐在那里,寻找网站的灵感。我不认为有。这样做是错误的,但这不是我自己获得灵感的地方。

科里-多德。嗯,我们具体寻找灵感,如果你有一个网站要做,比方说这是一个时尚网站,你知道,打开Pinterest和topping以及时尚网站,寻找很酷的想法,这没有什么错。嗯,但我会回到我之前说的那个不变的概念,抓住,抓住50个你喜欢的想法,把它们放在一个文件夹里,看看它们,吸收它们,然后试着想出一些办法。但是看看你喜欢的东西,了解你为什么喜欢它们。如果它是关于大类型的图形,那么你知道,你想用大的地形来工作。如果它是关于全尺寸的图像,诸如此类。因此,与其抓住一个你喜欢的东西并复制它,嗯,是的。从几个地方采取一些想法。

奥拉米-埃格巴耶洛太强大了。那是如此强大。非常感谢你。科里。很高兴有你,你知道,与我们分享你的设计技巧。而最[00:53:00]重要的是,有你加入我们的WordFest Live,真的很高兴。嗯,在亚洲,我们是在一个时间和我们所有的人。那么你还有最后一句话要对我们的观众说再见吗?

科里-多德。我想说的是,你抽出时间来参加WordFest,做得很好。我想我,希望你能学到很多东西。希望你暂停和我在一起的一些时间是有价值的,嗯,只是去享受WordFest Live,分享它并告诉大家它。他们也许能在抓住即将到来的会议。谢谢大家。

奥拉米-埃格巴耶洛。谢谢大家加入我们。呃,我们很感谢你,并感谢我们的赞助商,Bluehost,Cloudways,GoDaddy Pro,Nexcess,Yoast,和Weglot,请,呃,一定要去他们的帐篷,和他们聊天。你甚至可能赢得一些[00:54:00]奖品。所以不要错过这个机会,也不要忘记在摄影棚里拍下你的照片,并在推特上写下WordFest Live的标签。

奥拉米-埃格巴耶罗。非常感谢我们在社区的媒体合作伙伴和微型赞助商,在社区帐篷里,嗯,在下一个小时的社区帐篷里。Cloudways有他们每小时的赠品,有一个特别的嘉宾活动。所以还有我们在,嗯,这里的第二阶段的休息。所以请确保你加入到社区帐篷里,我们将在一小时后回来。

奥拉米-埃格巴耶罗。所以,请确保我们的大橙心已经满了,现在就去社区中心,我们会在那里看到你,可能会有赠品给你。不要错过这个机会。我现在正在添加到社区的帐篷里。所以我们在那里见。[00:55:00] 。

分享本次会议