制作一个伟大的平面设计网站需要做些什么

作为一名平面设计师,你应该拥有一个很棒的网站,如果你在技术上比技术上更倾向于某种糟糕的网站,并且你没有足够的资金聘请一位非常优秀的专业网站开发人员。帮你。

无论您在编写网页时感觉多么无能为力,您绝对不能做的一件事就是使用通用网站模板来展示您的图形设计能力。 一个模板字面上给你的观众尖叫的是一系列非免费形容词,例如:

  • 懒!
  • 缺乏想象力!
  • 非创意!
  • 喧宾夺主!

这些不是任何图形设计师想要与自己联系的词。 所以,无论你做什么,都不要有一个看起来与其他人太相似的网站,特别是不要使用常用的模板,甚至是类似的布局,因为人们很有可能在之前看过它们。这将对您通过您的网站获得的客户数量产生影响。

你应该有一个网站吗? 是的,的确你应该。 一个网站可以让你工作,你从来没有预料到,并且当你向任何人投球时会有所帮助,因为你可以将它们推荐给你的网站。 此外,如果您不将它们引荐到您的网站,他们会想知道为什么不这样做,因为他们交谈过的每个其他设计师都有一个网站。

在本文中,我们将介绍一些您可以做的事情,以确保您的网站脱颖而出。 不要担心,如果你“不擅长电脑”,因为我会尽可能简单地解释如何做任何非常棘手的事情。

1。 确保您的设计与您的身份和身份相关

无论您是单独的运营商还是作为工作室共同工作的专业团队的成员,情况都是如此。 您的网站必须与您及您的身份或形象有关,并且必须为您的受众创建。 强调这些特定词语的原因是人们常常忘记网站的意图以及它的目的是什么。 “for and about”是设计决策中非常重要的一部分,甚至可能是最重要的部分。

以下是一个正确的网站示例:

那么为什么这是正确的方法呢? 好吧,首先它告诉我他是谁(Rodrigo Breckenfeld),他做了什么(平面设计和前端开发),以及为什么我应该对他感兴趣(他开发简单和交流视觉+友好用户(sic)接口和东西)。

我们知道他是巴西人,所以我们可以忽略意外的语法错误。 他没有说他是作家,他说他是一名设计师。 重要的是他告诉我大部分我需要知道的事情,他在视觉上告诉我,但不是没有言语。

我无法强调这是多么重要。 永远不要建立一个完全基于图片的网站(至少如果你是为自己制作,或者你打算将它作为你的投资组合的一部分)。 懒惰的,空气头脑的设计师正在将基于轮播的网站推向那些不知道更好的企业决策者,但作为一名真正的设计师,你应该更清楚地了解。

这是一个与我建议完全相反的网站示例:

为什么我认为这是错误的做法? 因为我无法一眼就看出他们是谁,他们做了什么,或者为什么我应该对他们感兴趣。 为了得到第一个线索,我需要查看页面底部,总是最糟糕的地方放置任何需要注意的东西。 我立刻给这家公司留下了错误的印象。 是的,他们很有创意,有点不同,但他们让我不得不环顾设计寻找信息,这让我很难。

他们的设计也很忙。 太多的图像使得头脑更加努力,尤其是当所有图像以任何明显的方式彼此无关时。 人们只是喜欢连接的东西,当它们不连接时,它感觉不舒服和刺耳。 当我们看到的东西有意义时,它会让我们更舒服。

但主要问题是没有需要单词的单词。 这意味着该网站没有任何消息,除非我已经知道他们是谁,或者我发现其中一个图像如此绝对迷人,我必须找到更多关于它的信息。 这是一种耻辱,因为这些照片实际上非常出色。 ELI显然很擅长他们的工作(数字化改善照片)。 但在我看来,这需要更有效地传达,而不仅仅是通过向我展示他们的工作成果。

最后,让我们来看看位于中间位置的网站:

当你第一次进入这个网站时,你面对的是这个人静静地盯着你然后非常缓慢地眨眼的略微不安的形象。 这实际上非常好,因为很多人会对正在发生的事情感到好奇,他们会想要发现更多。 虽然除了他的样子之外,我们现在对迈克尔一无所知,但这没关系。 如果你有一个强大的钩子,你可以暂停“一目了然”规则,这个站点可以。

向下滚动页面,我们可以看到他正在为我们提供一条消息:

大。 我们现在知道他是谁,他做了什么,以及为什么我们应该对他感兴趣。 但在这里我们可以看到的是,不仅要使用单词,而且要以正确的方式使用正确的单词,这一点很重要。

我当然会考虑聘请迈克尔作为开发人员,但他的信息中的一个缺陷是它不是非常有效的沟通。 它以错误的方式告诉我错误的事情,而没有真正激励我发现更多。

对不起,迈克。 这是一个很棒的网站,我真的很喜欢它背后的创意,但它可以帮助专业作家或通讯专家提供帮助,帮助他们在未来取得正确的成绩。 不要采取错误的方式。 这家伙摇滚,他很棒......也许不一定是作家。 说实话,写下自己是最难解决的问题之一,这就是为什么有时把工作交给其他人可能会更好。

举个例子:提到你去哪所学校并不是一个坏主意,但西蒙弗雷泽大学并不为人所知,你可以将它缩写为“SFU”,除非与去那里的其他人交谈。

2。 脱颖而出是正确的理由

你的设计需要与众不同,足够独特,以引起我的兴趣,但它不应该如此离不开,我想抓住我的视网膜,只是为了尽快将图像从脑袋中取出。

您提供的网站是您的品牌标识的一部分,无论是作为公司还是作为个人,因此您要确保您所讲述的故事是一个好的故事。 如果做得好,网站会引起好奇心而不会产生混淆。 你需要平衡“独特”,所以它会停止一点“疯狂”。

这是一个似乎得到它的人的例子:

现在,Ed的网站是一个小老派,但这没关系,因为Ed本身似乎是一个小老派,当它适合时,没有任何错误。 理想情况下,如果页面可以更多地延伸以更好地利用可用的屏幕空间,那么它似乎更好,并且它似乎不是响应式设计。 这对他有利,因为他没有声称自己是一名网页设计师。 事实上,他非常清楚地表明他不是一个人,因为顶部的手写菜单链接到许多不同类型的设计作品,而不是网页设计。

这也提出了另一个观点,即使用所有手写和手绘的东西,旧纸上的剪贴簿风格,实际上是一种非常聪明的方式,可以直观地显示出他的老式设计风格。 他会为你创建一个字体。 他会为你设计一张海报。 他甚至可以制作一些非常时髦的圣诞贺卡,男人。 但他并不是想用那些花哨的高科技东西给你留下深刻的印象。 并不是说他不能这样做,只是他不需要。

这是另一个我真正大放异彩的网站,因为它远离平凡的大胆跳跃:

不幸的是,他们出于某种原因决定更新网站的整个设计,当我认为旧的设计非常好,并且对于在企业中合作的已婚夫妇来说是一个很好的方法。 不可否认,他们在描述自己时可能有点过于自嘲,但那是澳大利亚的方式。 对他们而言,在他们的国家,这是一种可能有效的方法。

该网站的界面非常简单。 当您第一次登陆页面时,会看到一张名片的副本:

这是有效的,因为它“2”一目了然地满足了3(他们是谁以及他们做了什么)。 很明显,我们需要向下滚动页面才能找到第三件事,这就是我们应该关注的原因。 正如我之前所说,如果你有一个好钩子,你可以放松一下规则。

向下滚动,你会看到Mr&Mrs部分,它给了我们他们的照片,他们在商业中的个人角色,以及对他们每个人的简短描述,这只是罗嗦而不乏味,我喜欢它在第一个人。 这些天是如此罕见的事情,当每个人被告知不这样做时(顺便说一句,这是愚蠢的建议)。 在页面的两侧都有箭头,指示您可以在哪里找到更多信息,这也是一个很好的接触,因为它强化了整体上有两个独立的一半的信息。

从她的身边开始,我们可以看到一个可爱的干净页面,具有良好的视觉风格和吸引人的排版:

从那里你可以访问她的作品集,更详细的自传信息,她的博客,她的服务指南,以及如何联系她的信息。 这些页面中的每一页都是您可能期望的视觉享受。

当然,关于Mealing先生的页面应该是对比的,所以配色方案在他身边是相反的。 我们来看看Samuel的页面是什么样的:

就个人而言,我对这一点感到不太满意,因为它有一个更通用的模板外观,但它仍然很好地呈现,颜色是有效的。 用户应将鼠标悬停在徽章上以表明它们代表HTML,CSS和JavaScript,这并不完全直观。 也许我只是有一个离经叛道的头脑,但我认为JavaScript根本不是很明显,实际上看起来像某种孔。 该页面很好地将大量复杂信息打包到一个小空间中,这是一种有效的通信方式。 但是,当你试图说服别人给你一个演出时,也许说你“非常好”并不是很强大。

现在我们已经涵盖了这一点,现在是时候解决一个事实,即你也可以因为错误的原因而脱颖而出。 你可以把东西剪得太疯狂了。 这是一个例子,当你把事情推得太远时它看起来像什么:

当然,有些人可能会喜欢这样,但我认为这有点太不同了。 在这里,了解他们是谁的唯一方法是在页面底部看到徽章,以及他们做什么或为什么要雇用他们,实际上只有他们喜欢乱写东西的印象。

如果它不明显(并且它不是!),你应该点击红点。 然后它将放大并为您播放动画,提供更多点击点。 每次单击一个点并观看结果的短动画时,品牌徽章旁边都会显示一个链接,您可以通过该链接查看其中一个贡献者的Facebook个人资料。

不过,不过,正如你所看到的,该网站赢得了奖项。 显然,评委没有考虑信息的实际用途,以及作为评估标准的一部分,它是否在吸引顾客方面非常有效。

3。 保持简单的信息

简单,沟通是最有效的。 充分利用视觉空间,并在视觉上进行良好沟通。 您还应该有效地使用文字,以最恰当的方式告诉人们他们需要知道什么。 你不一定需要简短,有时候做一点简短会适得其反。 但你需要明确。

最重要的是,给人留下深刻印象,因为你给人留下深刻印象,而不是因为你想给人留下深刻的印象。 应该发生的事情是观众应该坐在电脑前,当他们盯着屏幕看到不朽的线条时,感到惊讶不已:“哇,这真是令人印象深刻! 我的手机在哪里? 我必须雇用这个人!“

如果你弄错了,他们会说:“哈! 看看这个白痴,试图用高科技的废话给我留下深刻的印象!“

如果你真的错了,他们会说:“Arrrgh! 这个疯狂的网站上有所有愚蠢的大图形,俗气的不必要的JavaScript和神奇的Flash动画已经完全压倒了我的CPU。 现在我要重启了!“

不要那个人。 除非你希望观众熟悉这些术语,否则也要避免使用行话。 例如,使用缩写“PHP”是完全正确的,如果你拼写出它所代表的单个单词,那实际上会很奇怪。 另一方面,如果你像“CTR”和“KPI”那样围绕当月的流行语缩写,如果你失去了一半的观众,不要感到惊讶。

许多网站,特别是那些网页设计和搜索引擎优化的网站,都试图使用高级别的商业术语,这些术语只是对小企业主而言,他们会退出。 或者当他们没有退出时,他们将成为那个讨厌的客户,他实际上知道你在谈论什么,即使你没有写那个废话。 所以不要那么做,因为没有好的东西来自它。

始终尊重您的观众,并对待他们您希望如何对待自己。 不要和他们说话,但要避免混淆。 如果你可能的话,尽量在感情上达到他们或激发他们的智力,而不要让他们认为你是个傻瓜。 毕竟,沟通既是一门艺术,也是一门科学。

波格丹兰萨

Bogdan是Inspired Mag的创始成员,在此期间积累了近6年的经验。 在业余时间,他喜欢学习古典音乐和探索视觉艺术。 他也非常着迷于修复工具。 他已拥有5。