是什么使设计专业人士?


10

谁能定义为什么某些东西看起来不像“专业”?

专业/非专业设计之间有何区别?

我有一些客户说我的设计看起来不太专业。我遵循了所有事情以使其变得专业-也许我对设计还不够了解?我看过很多看起来很简单且类似于我的“专业”设计模板。大多数时候,当我无路可走时,我会遵循这些模板设计-但是当我完成时,我会收到“这看起来并不专业”的反馈。但这对我没有帮助。这里有没有人在现实世界中有帮助/经验/建议,可以在外观,字体,样式... 所有方面帮助我。请给我一种方法!

简而言之:
是什么使设计专业?


我忍不住想起这个漫画theoatmeal.com/comics/design_hell并非如此。
Joonas

这个很有趣,我已经给这个时间了,但是我不能将它们传递给我的客户或我的老板,希望我可以:D
Jack Jack

5
请他们向您展示一个专业网站的示例,并从中学习。
Kromster 2011年

4
我知道您的样本很粗糙,但是关于专业精神的另一个非常重要的观点是复制。“关于我们的一些事”; “关于创始人”的文字写得不好,甚至都没有大写字母。即使是草稿形式,评估副本的人也会对这些事情做出回应(即使您说了2,000次,仅是粗略的且仅用于立场),此时,在您的设计中,您的标题应该明确。
horatio 2011年

好的horito点我会解决的。.– 11
杰克

Answers:


19

我做出了另一个答案,因为这是对您的设计发表评论:

您告诉我们,您可以轻松地重新创建专业模板。实际上,我对此表示怀疑。您确实必须学习很多有关网页设计的知识。真的很远,但是您渴望学习,因此我制作了这个模型来解释一些事情。这并不是要b你,严重的是,没有冒犯的意思,我只是说实话。

在此处输入图片说明

基本的故事是​​它缺乏对齐和深度……很多深度。

我还将包括我目前正在处理的网格设计的宽度之一,以便您能理解我的意思。这还远远没有完成,但是你会明白我的意思的。请不要使用我正在从事的设计的某些部分,因为它们已获得版权。

在此处输入图片说明

看看我如何用平滑的渐变,纹理和阴影创建深度。除此之外,看看它是如何隔开的。

编辑:众所周知,我编辑了版权的宽度。因此,这并不是真正的纵横比。

希望这对您有帮助。


真的很高兴知道,非常感谢,我会改善这些事情,尽管由于某些原因我删除了该图像,非常感谢
Jack

@Jack,欢迎您,永远不会帮忙:)至于学习。关于这一点,有大量的教程和博客。只需谷歌它。粉碎杂志是一个不错的开始
Luuk

11

所有入门设计师的朋友罗宾·威廉姆斯(Robin Williams)都指出了四个至关重要的方面:对比度,重复性,对齐性和邻近性(是的,缩写是CRAP!)。您应该得到她的书“ 非设计师的设计书 ”并进行学习。它的所有内容与打印一样适用于网络。易于阅读且非常清晰。然后获取“ 非设计者的网络手册 ”并进行研究。我要补充一下她的四重奏:信息,和谐与相关。

  • 客户端希望传达的消息是您首先需要了解的信息,因为它可以告知其他所有信息。在成功的摄影,设计,绘画,写作中,有一个简单的三重规则永远不会被打破:1)传达信息;2)仅包括促成消息的内容;3)移除所有干扰消息的内容。在运动员的照片中,您可以在空中用她的镜头轻松地显得优美,并在背景中克隆出空的可乐罐和半吃的三明治。作为艺术家,您必须知道您想说什么。作为设计师,您必须知道客户要说的话。毕竟,这就是客户要付给您的钱。

  • 和谐是您必须尽早考虑的另一个非常广泛的要求。如果客户有徽标和公司颜色,则您的网站必须使用它们和与之相协调的颜色。标题和复制不能使用相似但不同的字体。对于初学者来说,一个好的规则是使用一个无衬线和一个衬线,并且在设计中仅使用这两个。

  • 相关性来自设计周期的开始。它适用于颜色,版式和总体布局。您不会将粉蓝色和粉红色用于高科技公司网站的设计,也不会使用嘻哈艺术家的设计。那种前卫的垃圾字体非常适合律师或会计师,但Times Roman可能有用。(对于需要看起来很现代的站点,您可以避免使用Times。)重金属乐队需要大胆的形状和颜色,高对比度,但是医疗诊所或婴儿服装站点将需要更柔软的外观。

  • 对比度表示深色与浅色,丰富的色彩与浅色,浅色为暗或浅色为暗。如果您的设计需要大胆的反差,关键的是要让他们大胆,使他们清楚地审议。只有一件事打破设计的速度比“几乎但不完全相同”要快,稍后我将介绍。

  • 重复每次都将相同类型的元素放置在相同的位置,并使用相同的颜色或标题或形状。间距是一致的。视觉布局就像音乐一样具有节奏感。如果您的元素没有落在节奏上,那么观众就会感到不舒服,就像节奏不佳的乐队很难听。

  • 缺乏对齐是破坏设计的最可靠方法。没有什么比那些不太整齐的东西大声尖叫“业余爱好者”了。在印刷中,我们的工作精度小于1/1000英寸。你可以把事情的方式不对齐,所提供的位移是勇敢的,明显和审议。但是永远不会在ap标签上填充7px的填充,在h1上填充8px的填充。(作为旁注:避免在婚礼或葬礼邀请之外的任何地方使用居中布局。居中布局是在静止,宁静,动静的情况下,这几乎是您所想要的。初学者使用居中布局,因为他们不知道如何对齐东西。)

对齐和重复是网格如此有用的原因。理解这些要点将回答有关网格使用的许多问题。

  • 接近只是意味着将彼此在一起的事物保持彼此靠近。例如,标题必须比下一段更接近下一段。

得到那两本书。他们将改变您的设计。同时,这是一个练习:将这七个要点写在一个列表中,然后访问10个您认为非常出色的网站,并找到将这些要点应用到何处。不要作弊 他们都会在那里,所以在找到每个人之前不要退出。现在看一下自己的设计,找出其中一个或多个违反的地方。

有意识地,有意识地练习这七个要点。不久,它们将变得本能,您的设计将达到一个全新的水平。那是一个承诺。


2
艾伦,尽管我正在进行这项练习,您的回答将对每个初学者都有帮助。非常感谢您,我将尽我最大的努力来履行您的诺言……让新的太阳升起……。
杰克

正如我所学到的(通常是很难的方法),所以我坚持了下来。非常欢迎您。祝好运!
艾伦·吉尔伯森

爱罗宾·威廉姆斯的书。好的答案和好的建议。
Lauren-Clear-Monica-Ipsum'9

9

如何使您的网站在我眼中看起来很专业,没有特别的顺序,哦……总之:)如果您需要更多解释我的意思,请告诉我:

  • 以客户的公司身份为基础建立调色板。
  • 认真倾听他的需求,以便您适应他想要的风格
  • 可用性设计。您可以进行令人drop目结舌的设计,但如果转换效果不好,那就没用了。
  • 仔细选择字体(例如:您不会看到带有涂鸦等字体的Apple产品)
  • 在开始设计之前,请使用960gs系统,这样可以确保对齐正确
  • 解释并捍卫您的设计。告诉客户为什么您选择特定元素并向他解释为什么它们很好。请记住,我们作为设计师并不总是正确的。
  • 保持学习。关注博客和在线杂志以获取新的jQuery教程等。阅读是关键。
  • 确保您的代码是W3C有效的,并且大小不要太大。

我已经不时地做这些事情,但是我仍然不知道他们需要什么,我让他们告诉我缺少了什么,他们说“颜色还可以”,“对比度还可以”,一切都很好,但是“它看起来不对劲”专业”,缺少什么,我不知道成为专业人士的感觉,看起来很专业,几乎总是我不得不烦恼我很多次,我为我的老板工作,他给我寄了这样的邮件,而我对这些邮件感到沮丧,他们来始终:(也许我不是在所有的设计师
杰克

2

外观漂亮的设计要记住的一些事情:

因此,我们将学习4个惊人的图形设计规则,这些规则将帮助您提高设计能力,因此这4个规则是:

  1. 对齐和分配
  2. 平衡与分组
  3. 对比
  4. 模式和渐变

对齐和分配:这是任何出色,出色或视觉吸引力设计中最重要的规则。无论您是针对印刷媒体,广告媒体,桌面出版还是与网络相关的设计,正确的对齐设计在任何地方都看起来很棒。听起来不错吧!但是问题是如何学习使用适当的对齐方式或在设计时获得正确的对齐方式。让我们深入了解对齐和分布,但首先请看下面的示例图片:

  • 对齐:对齐是指在顶部,底部,中心,左侧或右侧的尺寸上排列相似或其他设计元素,以使外观更具视觉吸引力。请参阅上面的示例图像以了解它。

  • 分布:分布是指在任何设计的相似或不同元素之间赋予或保持相同的距离,以使图形布局整洁美观。请参见上面的示例图像以了解它。

平衡与分组:平衡与分组是任何视觉设计中第二重要的规则。在此规则中,我们必须专注于设计元素,例如,如果我们在设计中有一些文字和图像,那么我们就必须以使其平衡并且看起来也不错的方式来安排它们。您可以通过两种方式来实现。

  • 第一种方法 -使用不同的元素:在此规则中,我们将每个元素相互排列以使它们彼此平衡。您可以通过下面的示例轻松理解它:

在上面的示例中可以看到,我们有两种类型的元素文本和图片,我们将它们彼此排列以使布局吸引人并且视觉上很棒,它们彼此平衡,现在让我们看一下第二种方法。

  • 第二种方法 -对单个元素进行分组:在此规则中,我们在设计中将不同元素划分为不同的组。看一下示例以了解它。

因此,如您在上面的示例中看到的,我们创建了不同组的文本元素和不同组的文本元素。此布局方法还可以用于创建体面且美观的布局。您还可以将这两种方法一起使用,以创建出色的设计布局。

对比度:对比度是任何好的图形设计的基本组成部分。在此规则中,我们必须使设计的任何元素与其他元素分开,此规则用于分配元素在设计中的重要性。

图案和渐变:通过在设计背景或设计的其他元素中添加图案,可以使设计更加出色。渐变对于使设计更加生动有趣非常有用。永远记住,在使用渐变色时,请尝试使用两种颜色的渐变色。


您好bareliya arts,欢迎来到GDSE,并感谢您的广泛回答。请不要依靠链接获得“完整答案”。Stack Exchange的目的是在这里收集知识,而与以后可能会断开的链接无关。只要答案的要旨在您的帖子中,其他信息的链接就可以了。社区往往打击与多个外部链接的答案,因为它看起来像垃圾邮件。感谢您的理解!如有任何疑问,请访问帮助中心。继续贡献并享受该网站!
文森特

感谢您提供信息@Vincent下次我会记住
bareliya arts

随时欢迎您!一旦您的声誉允许您,也可以随时加入我们的图形设计聊天室(20)。通常至少有一个mod或经验丰富的用户愿意回答您的问题。
文森特

1

使您的设计专业化的原因是您是否为此而获得报酬。

至于将“专业”一词用作某种美学评论,则几乎没有用。您将必须与客户合作,以​​使他们更明确地了解他们根据业务目标和目的所要寻找的内容-特别是他们要针对的对象以及哪种可视化方法最有意义针对该特定人群。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.