每月模板工具包 #3:投资组合网站工具包
已发表: 2019-10-02如果创意专业人士想利用他们的服务并获得更多客户,那么优秀的作品集可能是他们需要整理的最重要的资产。
专注于创造一个伟大的投资组合往往被忽视。 许多设计师更重视他们的工作,而忽略了这一关键因素。 创建成功的投资组合并非易事。 展示创意作品的方式有很多种。 UX 设计师的作品集与印刷设计师的作品集不同,应该采用不同的风格。
这就是为什么在我们的第三个模板工具包发布中,我们决定提供一个迷人的作品集模板工具包,它适合各种口味,并使您能够以最佳方式展示您的作品(不要错过这些美丽的作品)如果您需要灵感,请查看网页设计作品集的示例)。
认识投资组合模板套件

任何有创意的专业人士都可以享受此套件,无论是摄影师、营销人员还是顾问。 自由职业者和企业可以使用这个工具包,并通过一些小的自定义来制作自己的工具包。
与往常一样,所有插图均来自免费资源。 除了插图之外,我们的团队还创建了所有图形、模型、背景和其他视觉元素。
主页

看一眼主页,您立即可以看出这是一个面向设计师的网站。 大胆而鲜艳的色彩、背景中的大型印刷元素以及使用无衬线字体设置的突出信息。
向下滚动,您会注意到我们最近发布的背景幻灯片功能的巧妙使用,以及信用卡外观中的运动效果。
项目页面

项目页面是我们首先建立网站的原因,对吗?
在 Portfolio Gallery 小部件中,我们可以过滤三个类别:插图、产品设计和网页设计。
我们为项目设计了 9 个初始模型,并详细阐述了前 3 个。三个项目中的每一个都以不同的方式构建,作品的描述出现在屏幕上的不同位置。
顺便说一句,每个模板都可以与 Elementor 的 Theme Builder 和动态内容一起使用,因此可以一键将相同的设计立即应用于多个项目。
单一模板 #1:插图(类型)

适合插图项目,该模板为视觉材料提供了最大的可用空间。 描述文本作为粘性元素整齐地位于屏幕底部。
单一模板 #2:产品设计(蒙大拿州)

在这里,我们看到项目资产出现在左侧,描述项目的粘性侧边栏随着用户滚动到右侧。
我们最近收到了一位用户的评论,要求提供社交共享浮动侧边栏。 如本模板所示,使用 Elementor 的粘性栏和社交分享按钮/社交图标可以轻松完成。
单一模板 #3:网页设计(印刷厂)

是的,我们确实创建了一个网站模板以显示在网站模板中。 但是,我们并没有完全“开始”,因为我们网站模板中的网站模板没有网站模板。
这是一个经典的投资组合项目页面,没有粘性元素。 项目描述详细显示在顶部,网站设计资产显示在下方。 页面被黄色边框包围,以将它们与背景区分开来。
请注意,虽然我们将模板指定为特定的设计类别,但您绝不会受到这些类别的限制。 无论您从事哪个领域,在决定模板时都应该问自己的问题是,您的内容是全屏显示、加框和加边框还是放在文本解释旁边最好。
关于和联系页面

投资组合网站中的关于页面通常更加坚实和文字化,将引人注目的视觉效果留给项目页面。
构建大量文本页面始终是一个挑战,尤其是对于面向设计的网站。 这就是我们在整个页面中构建多个内容布局的原因。
它从经典部分开始,一侧是插图,另一侧是一栏文本。 然后,另一个更清晰的部分具有 3 列内容布局。 然后又是 3 列,但被推到了右边。 最后,一个不太常见的结构是左列垂直居中,4 个文本框向右展开。
我们谈到了正确获取联系信息是获取潜在客户的关键步骤的一部分。 这是经常被忽视的事情,即使是专业设计师也是如此。 有了这个联系页面,您的访问者就不会对如何进入下一步并建立联系感到困惑。
主博客页面和单个博客文章

我们已经提到该网站充满了视觉内容,这就是我们选择简化博客外观的原因。 这是一个干净、简约的博客布局,只显示标题、描述和发布日期。
进入一篇博客文章,我们看到顶部出现了相同的颜色框。
404页

我们倾向于在我们的模板工具包的 404 页中包含我们最离谱的技巧。 我挑战你猜猜我们是如何通过互换裤子颜色找到滑动的人的。 (提示:它们实际上是单独的图像)。
如果您想不出我们是如何做到的,只需自己插入此模板并通过浏览面板对其进行逆向工程。 那里有一个 10 分钟的有趣活动!
弹出菜单

如果您想知道我们使用哪个菜单插件来创建弹出菜单,答案是 - 没有!
它实际上是我们连接到汉堡包图像的 Elementor 弹出窗口。
查看我们不久前发布的有关构建弹出菜单的教程。
开始完善您的投资组合!
没有任何借口。 我不想听到:“我忙于处理客户的项目”。
使用此投资组合模板进行旋转并创建一个吸引客户的诱人网站。
这个模板与前两个发布的套件有着截然不同的风格:数字代理套件,具有突出的形状,以及健身套件,具有大胆的色彩和运动。 有了这个工具包,我们追求了一种更加微妙、干净和简约的风格,因为视觉方面应该通过展示的作品来实现。
如何安装套件? 如果您拥有 Elementor Pro,那么您只需进入 Elementor,打开模板库,然后搜索“Portfolio”即可享受这款尖端套件。
