投资组合中排版的十大用途

每周都有令人惊叹的免费文件Istock.com

在组建投资组合网站时,您需要担心的主要事情是选择最佳作品,因为最终这就是人们的目标。

但作为一名设计师,以炫耀您的设计智慧的方式呈现这项工作也是一件好事。在您的网站上如此有吸引力地使用排版可以真正帮助您推销自己和您的技能。

在这篇文章中,我们将看一些关于投资组合网站排版的很好的例子,并向设计师学习他们如何做出选择。

 01. 塞巴斯蒂亚诺加里利

Sebastiano Garilli’s portfolio site reflects his belief that “type should not be expressive”

Sebastiano Garilli的投资组合网站反映了他的信念,“类型不应该表达”

Sebastiano Giuseppe Garilli是一位产品设计师,他“爱上简约,迷恋每一个细节”。而且他肯定相信在他的投资组合网站上排版时要保持简单。

“正如Massimo Vignelli所说,我相信这种类型不应该表达,”他解释道。 “我选择Helvetica作为我的网站,因为它的设计特别是不给人留下印象或有任何内在意义。我认为Helvetica是中立的终极表现,我喜欢它的清晰度。“

该网站上使用的另一种字体是Baskerville。 “我选择了一长串Serif字体,我试图与Helvetica配对,”Garilli说。 “在类型组合,对比度,清晰度方面,它是最佳选择,它让我有机会拥有良好的等级。”

02. Andrea Pedrina

Andrea Pedrina’s combines the serif Playfair and sans-serif Raleway to create a retro feel

Andrea Pedrina将衬线Playfair和无衬线Raleway结合在一起,营造出复古气息

Andrea Pedrina是一位意大利多学科设计师,主要专注于交互设计。他的投资组合网站具有独特的风格,立即引起人们的注意,具有复古的科幻视频背景和单色,沉思的美学,直到你徘徊或点击进行个案研究。

它起作用的部分原因是令人回味的排版,基于serif(Playfair)和sans-serif(Raleway)字体的组合。 “我选择了Playfair,因为我很喜欢衬线,像字体一样复古,”Pedrina解释道。 “我之所以选择Raleway,是因为它非常精确且形状良好。我只是喜欢它,特别是轻型版本。“

他们强调说:“这些不仅仅是快速选择。我做了很多研究和测试来评估最好的字体组合。目标是找到适合我的配色方案,设计方法和品味的字体。“

03. 本杰明吉迪  

Benjamin Guedj’s portfolio site grabs attention with bold titles set in Portrait Ultra Light

Benjamin Guedj的投资组合网站以Portrait Ultra Light中的大胆标题吸引了人们的注意力

Benjamin Guedj是一位法国设计师,目前在巴黎从事自由职业,专门从事网页设计,身份识别和界面设计。他屡获殊荣的网站使用巨大而壮观的信件给他的作品带来最大的影响,其中包括Amy和Magic Mike的电影网站。

Guedj总是通过专注于排版来开始他的设计,并借鉴印刷设计的传统。 “你只能用字体创建一个网站,它仍然可以很酷,”他说道。 “我一直在寻找一些图形形状,一些节奏。”

在这种情况下,他使用Apercu作为主要文本,使用Portrait Ultra Light作为他的标题。 “我希望找到优雅与衬线肖像和Apercu的可读性之间的完美结合,”他解释道。

04. 鲁斯兰西兹 

Ruslan Siiz’s homepage title stylishly deconstructs on scrolling

Ruslan Siiz的主页标题时髦地解构了滚动

Ruslan Siiz出生于乌克兰,现居波兰,是一位22岁的设计师,专注于UI,UX和交互设计。他对排版的强烈关注在他的作品集的主页上很明显,该主页纯粹是基于文本的,并且由一个大的,大胆的和自信的标题主导,然后巧妙地解构滚动。

“我喜欢排版!”西伊兹赞同道。 “我花了很多时间选择合适的字体。我想要一些块状,强壮和大胆的东西。可以补充我的设计并使项目标题感觉像是一种陈述的东西。对于我的主要字体,我选择了超强的冰箱Deluxe Bold。对于次要字体,我选择了Nimbus Sans,它既优雅又简单。“

在为任何网站选择字体时,他说,“你需要集体讨论一些你想让你的设计进行交流的品质或特征。这很重要,因为每种字体都有自己的情绪或个性。如果您不确定,请问自己这个问题:'这种字体是否支持客户品牌的质量或是否与您的设计目的相辅相成?'“

05. Alexandre Pidault

Alexandre Pidault rocks Superclarendon and Conduit on his fun and friendly site

Alexandre Pidault在他的有趣和友好的网站上撼动Superclarendon和Conduit

Alexandre Pidault出生于法国,住在旧金山,是一位专注于视觉,互动和概念设计的年轻设计师。在他的投资组合网站上,有一种有趣和友好的感觉,颜色,布局和排版真正吸引你。

Pidault使用Superclarendon作为每个项目页面的标题和其中的章节标题。 “当使用粗体/黑色和高字体尺寸时,这种字体是有影响力的,”他解释道。 “这是永恒的,除了无衬线外,还可以轻松使用。”

而这正是他在这里所做的,使用sans-serif管道进行正文,以及垂直文本和数字。 “导管是一种我真正喜欢的字体,因为它是现代的,大写字母可读,”Pidault说。 “它在垂直使用时仍然可读,可用于改善页面的全局结构。”

06. 科尔姆麦卡锡 

Colm McCarthy’s portfolio conveys a modern, minimalist aesthetic

Colm McCarthy的作品集传达出现代简约的美学

Colm McCarthy是一位爱尔兰自由图形和网页设计师,旨在创造在印刷和在线方面协调工作的功能性身份。他采用了极简主义的方法来设计他的作品集网站,通过精心挑选的排版来平衡诱人的图像。

“在大多数情况下,我使用的是Graphik Light:一种美观,现代,超清晰的字体,”McCarthy解释道。 “这个无衬线字体有一个可爱的流程,使任何句子看起来都很棒。高x高度是一个非常容易辨认的功能。这种字体渗透了人物,帮助我创造了我想要的现代美学。“

同时,对于标题和小体文,他使用了AperçuRegular。 “对我来说这个字体是瑞士军刀的字体!它在屏幕和任何重量或尺寸的印刷品上看起来都很棒。再一次,它非常清晰,但具有漂亮细微的细节,每当我在游戏中看到它时,我都会爱上那封字母S.

他补充说,麦卡锡的设计美学非常小,因此他非常重视清晰,锐利和功能性的排版。 “这些字体非常平衡,在我看来,不会轻易约会。对于快速加载时间,我不想使用两种以上的字体,因此我选择的字体必须足够通用。我尝试了一些其他的字体配对,并在我去的时候尝试了CSS属性,但我一直回到这两个。“

07. Kai Brueckers

Kai Brueckers investigated 80 different typefaces for his portfolio, before setting on his chosen pairings

Kai Brueckers为他的作品集调查了80种不同的字体,然后选择了他选择的配对

Kai Brueckers是一位德国 - 瑞士产品设计师,喜欢为网络及其他方面创造令人愉悦和引人入胜的体验。他在整个网站上使用干净,清晰和自信的排版来展示他的严肃态度。

但是,虽然Brueckers使设计看起来很简单,但它却不是。 “排版很难,”他承认,“当你做错时,它很容易打破你的整个设计。因此,对于我的投资组合重新设计,我查看了80多种不同的字体,直到我确定了我想要试验的12种不同的配对。“

在他确定了一批可能的候选人之后,他在实际设计中使用了每个组合,以便更好地了解他们如何融入。“这样做,我将我的发现缩小到我最终使用的两种字体。最终站点:FF Tisa Pro用于主要标题和段落,Proxima Nova用于二级标题和导航元素。“

08. Xavier Bourdil 

Xavier Bourdil’s portfolio exudes a luxury feel

Xavier Bourdil的作品散发着奢华感

Xavier Bourdil总部位于新喀里多尼亚的努美阿,是一位31岁的平面设计师,艺术总监和插画师。他的投资组合网站以美丽的图像和时尚的排版为基础。

“作为一名设计师,我主要从事时尚,奢侈,文化和工艺,因此我需要一种适合这些领域的字体,”他解释道。 “但是,我希望避免在看到这些行业的沟通时我们可以拥有的冷酷和经典的感觉。我知道我想要一个专业的衬线,一个奢华的外观和感觉,以及与它形成鲜明对比的无衬线。“

最终,Bourdil为标题和大文本选择了货运显示(书籍和斜体),为小文本选择了Scala Sans,为所有大写文本选择了Cabin,例如案例研究类别和关于页面。

“对我来说,Freight提供了优雅,时尚和更现代/解构方式之间的完美折衷,”他解释道。 “书很直,Italic就像我需要的那样摇滚。 Scala非常适合文本,因为它与Freight提供的内容形成鲜明对比;它“平息”所有东西,我发现它在小尺寸上非常清晰,这对于项目描述是强制性的。我不喜欢Scala Sans的大写字母:它有点太高了我想要的东西,我发现Cabin非常适合那份工作。“

09. Giovanni Xu

Giovanni Xu’s portfolio site is constructed entirely of type

Giovanni Xu的投资组合网站完全由类型构建

Giovanni Xu是一位法国数字设计师,目前在巴黎的数字代理商Make Me Pulse工作。他为他的网站做了一个单色的,仅限类型的主页的勇敢选择,只是链接到他工作的网站。这个简单,经典的演示使用了字体Le Jeune,徐“选择了它的优雅和精致,”他说:“我只是把它做得非常大,以便人们可以欣赏字体的美感。”

10.杜海航中国 

Du Haihang does some incredible things with dynamic typography on his portfolio site

杜海航在他的投资组合网站上用动态排版做了一些令人难以置信的事情

杜海航是一位来自中国上海的多学科设计师和开发人员,拥有十年的经验。他的投资组合网站令人印象深刻地使用动态排版,使用一系列酷炫的WebGL字体动画来激发和激发观众。模拟水的粘度效应的阴影字母特别令人着迷。拖动,滑动和滚动,你很快就会看到我们的意思。



翻译字数超限