牡丹江设计公司:建立一个有用的投资组合网站的设计技巧

发布时间2020-04-17    阅读:259    作者:牡丹江网站设计开发公司

创意人员需要伟大的投资组合没有办法绕过它。但是如果你的投资组合网站设计得不好的话,访问者可能会忽略你作品的质量。

一个投资组合网站不需要复杂,但一个简单的设计可能会迷失在噪音中。你的首要目标应该是简单用户体验,不是一个漂亮的设计或花哨的排版(尽管这些东西可能涉及到)。

让我们牡丹江设计公司来看看一些可以大大改善视觉组合的设计技巧。无论你是一个数字设计师,摄影师,艺术家,或任何其他创造性,我可以保证这些提示将有助于改善您的个人网站。

缩略图画廊

我总是喜欢长篇大论的缩略图画廊,因为它列出了大量的作品。缩略图允许访问者选择他们想要看到的,而不是被迫不断滚动的嵌入式图像或视频。


缩略图也坚持网格结构,这自然吸引眼球,并给予一些组织为您的设计。

的投资组合页面。埃文·埃卡德。它使用砖石网格模式与缩略图,以展示广泛的各种设计作品。


这些缩略图并不小,你看不见。但它们也没有那么大,它们占据了巨大的空间。

找到甜蜜的地方可能需要时间,但它将大大改善整体经验。

但你也得考虑一下缩略图守规矩。在埃文的网站上,每一个缩略图都会显示项目信息。

在……上面加里·安德森的投资组合他将所有缩略图链接到图片库幻灯片。


如果你有一组相关的缩略图,这可能会更聪明,但是如果单独列出不同风格的零散作品,一个广泛的组合可能会更好。

加里的投资组合是独一无二的,因为他做了很多UX工作,照片来自不同的阶段。这有助于在他的工作中销售潜在的客户,因为它显示了他可以做的UX类型,以及过程中的可交付产品类型。

如果您更喜欢全屏预览,那么缩略图库就会打开。本·潘内尔氏遗址可能更容易消化。



他使用朴素的极简主义,把重点放在工作上。每个缩略图都被格式化成一个完美的方格,有一个4列的设计。

当您单击缩略图时,它会打开带有纯白背景的全屏幻灯片。这个界面非常简单,你可以随时点击ESC关闭幻灯片。

有一件事我不喜欢,那就是每幅图片的尺寸都很小。当你接管整个页面的幻灯片,你应该使用高质量的照片。

如果您不知道如何布局您的投资组合页面,那么缩略图是一个安全的选择。

模态窗廊


我发现自己喜欢和讨厌的模式画廊取决于它们是如何创造的。

对于一般投资组合来说,这些通常是最可取的选择。大多数人都知道如何与模式窗口交互,并且知道如何在幻灯片展示的图库中洗牌。

但是如果你的模式令人困惑,太小,或者很难使用,那么它通常会更麻烦。如果你自己在建这个网站,那就去看看一些画廊插件看看哪一个能提供最好的体验。


概念艺术组合罗伯特·布朗也许是我最喜欢的幻灯片。

他的网站使用白色背景,但幻灯片画廊要黑得多。这提供了更多的对比,使艺术作品在页面上脱颖而出。

而且,图库是完全响应的,它支持用于导航的箭头键盘键。他的网站运行在Squaspaceace上,所以它使用了他们专有的图片库插件。

但是很多WordPress主题也带有这些特性,所以很容易设计出你自己的组合滑块。


另一个很好的例子是论漂流在投资组合页面上。


转到任何用户的页面并单击他们的作品之一。它将在一个模式窗口打开额外的详细信息和一个链接,以查看整个页面。

灯光盒与网站很好地融合在一起,它不像是内容的障碍。

我建议玩不同的模式窗口插件,看看你最喜欢什么。任何易于使用和支持移动用户的东西都可能是一个安全的选择。

传送带:好的还是坏的?

从可用性的角度来看,页面内的传送带简直是糟糕透顶。检查这个小组研究这就解释了为什么大多数人会因为各种各样的原因而在旋转木马上翻滚。

有些人认为旋转木马图像只是广告。当旋转木马自动转过他们正在阅读的幻灯片时,其他游客会感到沮丧。有些人讨厌在大多数旋转木马接口中使用的所有复杂箭头和点导航。

的投资组合中,您可以看到一个页面内的旋转木马示例。利奥·文图拉.

他有很多不同的项目类型,当你点击其中一个,它就会打开一个旋转木马。从这里开始,您可以使用侧箭头导航来浏览作品。

我个人更希望看到所有的工作列在页面上。这将是一个更清楚的方式,看看他能做什么,这将不需要不断地点击左右箭头。

我认为唯一有效的旋转木马是缩略图,它允许你在幻灯片之间跳跃。这方面的一个很好的例子可以在艺人斯科特·布鲁克斯.



一开始你会看到第一张幻灯片的大照片。但在下面你会有一个巨大的缩略图画廊展示一堆不同的作品。

他的旋转木马是自动旋转的,我个人对此不屑一顾。但由于缩略图是显而易见的,我很容易跳回来,看看任何吸引我的东西。

你可能会注意到,旋转木马感觉很像我前面提到的模式窗口画廊。


最大的区别在于,有了模态库,用户就可以看到所有投资组合条目在他们点击某些东西之前。默认情况下,旋转木马只显示一张幻灯片,因此用户被迫在幻灯片中滚动以查看所有内容。

我建议传教,但我建议使用幻灯片。使用幻灯片,用户可以完全控制幻灯片,并且幻灯片不会自动更改。

此外,大多数幻灯片插件支持缩略图,这完全符合一个组合布局。

简单布局样式

详细的图形和复杂的模式可能是有趣的设计,但他们并不总是一个网站的最佳选择。

投资组合通常运行得更好。极简主义因为这种风格最注重可用性和工作本身。

但这并不意味着你应该只有一个简单的,白色的投资组合页面。

大概看一看肖恩·哈尔平的网站。这是一个非常简单的网站,有一列,但大量的矢量插图和图标。

色彩和字体使设计感觉非常平易近人。我感到惊讶的是,这个网站是如此良好的布局和它是如此容易导航。

他的投资组合页只需使用流线的图像,您可以筛选在您的闲暇时间。

它可能不是充满幻想的效果,但这个投资组合完成了工作。

另一个共同趋势是英雄形象迅速吸引注意力并推销视觉创意。这对于设计师和数字艺术家来说尤其如此,他们可能包括自己的作品或自己的照片。

带着Sallee设计你会得到一张设计工作站的全屏照片。

您可以向下滚动以获得更多信息,或单击顶部的任何导航链接。一开始,这张照片就会吸引你的注意力,帮助你推销创意设计师的想法。

但极简主义不一定包括任何时髦。您可以只需要一个页面站点,它可以列出项目组合的工作,而不需要其他任何内容。

这就是韦斯顿·琼斯做了他的投资组合,而且效果很好。

除了减少所有不必要的元素之外,对极简主义没有任何设计要求。

你可以有一个极简主义的设计,包括照片,矢量图标,插图,或只是纯白和黑色文本。无论哪种方式,这都提供了最简单的用户体验,并将更多注意力放在工作上。

独特的界面思想

牡丹江设计公司并不是所有的投资组合都需要超级动态和大量定制。但这可以是一种以独特的风格展示你的才华的方式。

例如,用于嗨,海克表现得像一个水疗在这里,它作为一个单一的网络应用程序。

每个投资组合项目都从侧面滑入,在那里你可以得到一堆额外的信息和一些设计照片。这是一个很好的特性,但它肯定不是标准。

他的网站确实遵循了我在本指南中列出的许多相同的原则。它简单,直观,并把工作的前面和中心。

但是一些不那么生动的东西乔·尼亚加的投资组合。它使用多层链接,您可以单击一个项目并按类型排序(打印、网页、包),然后按项目名称排序。

在底部附近,您还可以找到该设计的不同迭代的页面。

这是一种非常独特的导航风格,但效果很好。如果你愿意获得一点创造性,你可能会偶然发现一个独特的用户体验来调用你自己。

出售的投资组合

投资组合网站的金科玉律是这样的;注意工作.

大多数游客只是想看看你能做些什么。他们不想为了找到你的投资组合而翻阅多页。


QQ客服
胡经理