如今，除了传统的pdf格式之外，越来越多的学校接受用个人网站的形式递交作品集了。

相比传统格式，用网站做作品集可以更便捷地呈现作品，以往需要下载查看的pdf文件，如果用网页的形式，教授们一点就能看，方便了很多，还没有文件过大的问题。

除此之外更重要的是，网页作品集中还能添加各种各样的多媒体元素，比如视频、gif动画，以及各种交互元素，这些都是平面的作品集不能承载的。

现在的许多国外院校都注重多媒体媒介的运用，大家在做作品时肯定也会尝试不少仅仅靠图文无法完全展现的东西，这种时候是不是就能感受到PDF作品集的局限性了呢？

因此，大家完全可以尝试用网页的形式构建作品集，或者将个人网站作为pdf作品集的补充也不错，而且，在不久的将来临近毕业时，即将成为艺术家和设计师的同学们，有一个自己的个人网站呈现作品也是很有必要的。

说了这么多，个人网站到底如何建立呢？相信很多同学都会因为不了解相应的技术望而却步，那么，我们今天就来聊聊如何零基础建立个人网站！

如果要完全自制一个网站，我们需要学习的东西很多，首先我们需要一个Adobe Dreamweaver软件，在这个软件中进行网页代码的编写，期间我们要学习不同的编程语言，最后我们还需要购买基站服务将网站真正上线……

简直就像从种麦子开始做面包……

要学习这些，不是我们用一篇文章就能讲清楚的，而为了一个作品集的呈现方式大费周章也没必要，但好在有捷径可以走。

国外的许多艺术家和设计师，他们的网站其实都是用模板平台制作的，让大家可以不用学习编程语言，用最简单的方式将网站的结构和内容做出来，并且还可以直接发布上线，免去了许多麻烦。

下面，我们就为大家精心整理了三个最好用的个人网站建构平台，一起来看看吧！

1. Cargo

https://cargo.site

在所有的平台中，Cargo可以说是最适合艺术生的了。上面的许多模板的风格都很适合设计师和艺术家，而其中的信息结构也非常适合放作品集内容。

选择模板之后，大家可以改动的余地非常大，里面可以加入许多动态和静态的内容。很多特效都是模板自带的，很轻易就可以做出酷炫的效果。

Cargo的操作方法也非常简单和直觉化，大家在网上可以搜索到许多玩转cargo的教程，跟着教程就可以弄明白基本的操作方式，做出心仪的网站效果，这里就不赘述啦。

2. Wix

https://zh.wix.com

Wix则是另一个最常用的网站平台。

相比于Cargo，Wix更适合商用。上面有很多商业网站的范例，包括购物网站和以销售商品为主的网站。

不同于国内网购被几个巨头平台垄断的情况，国外的许多商家都是自建网站售卖商品的，因此，在国外有许多购物网站的建立需求。其实，了解网站购物功能的建构方式，也可以让我们有能力建立可以售卖自己的艺术设计周边的网站。

不过，在这个平台的许多模板也都是通用属性很强的，大家不用拘泥于它给出的范例，只要找到信息架构适合我们的模板，在其中填充上我们的作品集内容也是一样的。

3.Square 

https://www.squarespace.com

Square Space是一个非常成熟、专业的网页平台，也是一个很大的平台，同样有非常多艺术家和设计师选择用它来制作自己的网站。

这个平台上的模板比较全面丰富，但有专门的作品集网站分类标签，大家勾选portfolio选项，就可以找到许多适合作品集的模板啦！非常方便。

以上的几个平台，每个平台的操作方式和规则都不同，网上也有很多相关的教程，同学们可以研究一下，选择最适合自己操作的一个，建立自己的网站。

介绍完了平台和工具，我们接下来要讲点抽象的，那就是一个网站的信息结构怎样规划，内容怎样安排，以及交互如何设计。

对一个网站来说，第一步就是设计信息架构。

一个普通的网站一般至少有两个信息层级。

首先，是首页和导航栏，首页是展示这个网页是什么的，我们用网页呈现作品集，一定要在首页就让观者知道他们在看的是一个艺术/设计类的作品集，在首页，我们需要呈现的信息有以下几条：

1.  作者的姓名/网站的名字

2.  作品集的专业领域

3.  用导航栏清晰地将作品按项目分类

艺术家Sophie Page的网站首页

有清晰的标题、导航栏和作品展示区域https://www.sophiegenevapage.com

在做好首页之后，就是内部的第二个信息层了，观者需要点击导航栏上的标签，到自己想要查看的内容分区去，而分区中的内容，就是我们作品集的不同项目了。

同学们可以用图文的形式将一个项目整合在一个页面中，也可以加入视频和互动内容。

跨媒介艺术家Aya Kakeda的系列作品详情页

用视频+图文并茂的方式呈现作品www.ayakakeda.com/art#/2020/

除此之外，不论作为申请作品集，还是个人作品集，我们都需要有一个页面放入个人信息、简历或个人陈述等必要的文书材料。

艺术家Heajin Park的个人简介页面https://www.haejinpark.com/about-2

如果有必要，我们还可以加入第三个信息层级。

如果同学们有一个项目包含的内容很多，需要不止一个页面来呈现，那么我们就需要将内容再次分区，通过缩略图和文字作为分区标签，指引观者点进去之后，才能看到子分区下的内容。

艺术家Aya Kakeda插画作品分区下的子分区，

用图片和标题分类。

不过，作为一个作品集来说，还是不建议大家做得太复杂，有2-3个层级就足够了。太复杂的结构，不仅没必要，而且有可能导致教授没有耐心看完所有的作品。下面是西游君制作的一张简明作品集网页架构图，供大家参考~

设计好信息架构之后，我们就要填充具体的内容和设计交互形式了。

在这两个部分中，大家可以自由发挥的余地很大，只要掌握好两个原则就可以了。

一是对内容来说，要清晰全面地展示我们的作品，这点同图文作品集是一样的，但加入了视频等多媒体后，需要同学们将内容排列得更整齐有序一些，以免混乱。

二是对于交互来说，一定要简单而有效，确保从一个页面点击到另一个页面的路径是正确清晰的，不要出现死循环的程序错误，保证观看者不会迷失在某个页面中不知如何出去、不知自己在那里。最容易避免此种问题的方式，就是尽量设计得简洁，从信息架构图开始确定清晰的逻辑。

如果大家要在交互中设计一些游戏性和趣味性，大家就要确保吸引观者去体验，同时一定要让观者知道自己在做什么，避免迷惑。

另外，大家在做完整个网站后，记得一定要切换到观看者模式从头到尾体验一遍，确保自己的网站运行正常、图文都没有缺位，筛查过问题之后再发布上线。

以上就是今天的教程啦！具体如何实施，还需要大家实际去体验，在制作的过程中解决问题，祝大家都能做出自己满意的作品集网站。

在这里，还有一个网站供大家参考，里面都是历年获奖的网站合集，有许多新奇的创意和交互形式在其中，都是同学们可以学习参考、用在自己的网站上的。

https://www.awwwards.com

最后，如果有任何问题，记得点击下方联系西游君哦！专业老师为你一对一答疑解惑。

西游国际艺术教育为计划艺术留学的同学进行一对一、

个人独享的艺术留学规划，

为你匹配最合拍的作品集辅导海归导师，

轻松高效地完成留学准备。

想要申请国际一流的艺术学院吗？

了解产品设计、交互设计、平面设计、景观设计

及更多艺术新兴学科；

长按二维码添加西游君好友可预约面谈。