任何投资组合网站的目标都是展示您的工作。这是一个给定的。
但你也希望以吸引注意力的方式出售你的作品 。你可以使用视觉效果,或 只关注内容。或者通过设计大型排版让人们阅读您的网站。
并非每个投资组合都可以使用大型印刷。我通常发现这对于开发人员或作者的投资组合来说效果最好,但也可以为设计人员制作更小的模糊图。
无论您构建何种类型的投资组合,本文都充满了设计超大排版的想法,这些保证让人们保持联系并粘贴到您的网站。
标题是国王
在搜索引擎优化世界有一种说法,“内容是国王”。通常情况是这样。
但是当谈论一个页面设计时,我认为标题是王道。访问者看到的第一个文本将定义他们是否坚持继续阅读或是否立即关闭标签。
您应该尝试为您的网站设计超大标题,但不要让它们超过您的内容(即您的工作)。
看看 Mike Dekker的网站 ,了解我的意思。
首页标题确实使用了非常大的超大类型。这有助于出售网站的用途(一个拥有网站所有者名称的个人网站)以及网站上的一些细节(他的描述)。
从第一次页面载入开始,您应该足够了解迈克,以决定是否要深入挖掘他的投资组合。有了这种类型的文本,你需要很好的文案写作技巧,但这种做法很自然。
另一种替代风格是Tobias Ahlin的投资组合 。
这在整个页面使用各种标题来打破布局和网格结构。在展示您的作品时,您可以使用这样的大标题来关注您最喜欢的项目。
我无法确切地告诉你如何构建你的页面标题。每个组合都会有所不同。
但如果你使用超大排版,请确保标题文字吸引人们的注意力。
尝试个人问候
我喜欢网上文案的一件事是 多种多样的。您可以设计一个闷热的公司网站,然后在第二天与您的个人网站完全相反。
例如 马克托马斯 用他的超大标题使用“个人问候”风格。
这创造了一种与观众互动并将他们带入数字对话的感觉。
如果你可以用会话语气写作, 那么在设计这些类型的标题时就没有问题。
他们快速吸引你的注意力,并始终保持你的内容一直到最后。
现在 特伦特·沃尔顿 在他的网站上有类似的东西,但不是直接问候,而是更多地解释他所做的事情。
每当访问者登陆您的网站时,他们都应该知道您的工作。没有什么比参观公司(或个人)投资组合时感到困惑和烦恼更糟。
我喜欢的风格是选择一个强烈的问候标题或强大的介绍标题。当然,你可以同时做到这两点,但是让这些标题中的一个突出于另一个之上是很好的。
我是Patrick David网站的忠实粉丝, 他的风格非常出色。超大的排版实际上只是整个构图的一部分 。
将重点放在文字上
如果你有很大的排版,那么你显然很想抓住注意力。你可以用鲜艳的色彩,图标或尖叫的东西做得更好,“嘿,看着我!”
该 芬奇 组合的网站是众所周知的弗朗西斯科Inchauste其梦幻般的设计。
如果你仔细查看文字,你会注意到有一堆类型的交替配色方案。更不用说标题下面的小名字标签实际上 突出显示 了“finch”中的不同字母。
想想 对比 以及它在设计中的作用。
文本大小是创建对比度的一种方法。但是,你可以通过许多其他方式来完成这些工作,所有这些都是基本的CSS属性
您会在Werkstatt网站上找到完全不同的例子, 使用动画和滑动面板来吸引您的注意力。
如果印刷术对您的产品组合至关重要,那就试着将它打成碎片。即使再添加一种颜色,也可能导致更多的眼球卡在您的网站上。
使用更大的CTA
我承认,并非每个投资组合都需要 CTA按钮。是的,它们对于鼓励用户操作很有用,而且它们很容易添加。
但是如果你不需要很多用户操作呢?CTA仍然值得吗?
我说是的,但只有当你正在寻找工作或想通过联系表格鼓励沟通 。拥有投资组合的人也可以运行他们自己的时事通讯。
该 Rareview 网站使用大量的在其内容中的链接宽敞的大按钮。在各种案例研究之后,您会在主页上发现其中的一些内容。
这些设计大部分都遵循 当今非常流行的 幽灵按钮趋势。如果您想为您的页面创建简约布局,则可以使用此类似样式。
但我也喜欢Jib 和他们的红色CTA 的风格。
如果您向下滚动“想要更多参与”的小按钮,您会注意到这些按钮会立即跳出。
我认为Jib可以通过将按钮颜色更改为设计中独有的其他功能来增加潜在客户。这很难融入,但通常人们会被吸引到不同的颜色。这就是你可以如何将超大号型和颜色选择结合起来,以真正吸引参与。
尽管如此,他们超大的版式必须在这些CTA设计中扮演相当重要的角色,这对您的产品组合也可能足够了。
向前进
一个伟大的投资组合网站的关键是可用性,并清楚地展示您的工作。文本在某种程度上将是一个重要部分,它是您如何格式化文本的选择。
超大类型总是会吸引注意力,所以这是一个非常合理的风格。
请尝试在您的投资组合网站上遵循这些提示,并将它们与您自己的想法混合以查看出来的内容。