首发于 我在地球上学
搭建一个作品集网站

搭建一个作品集网站

Hello, 谢谢你点开这篇文章。

相信很多同学也在要不要做网站和作品集是以网站为主还是以pdf为主之间犹豫不决,这篇文章呢主要探讨的就是以下的内容:

1. 作品集应该是以网站为主还是以pdf为主/我为什么选择了以网站为主
2. 如何搭建一个网站
3. 如何选择合适的网站运营服务提供商


1. 作品集应该是以网站为主还是以pdf为主

其实对于作品集来说,网站和pdf是可以一起准备的。对于大部分人来说,做网站只是他们单纯为了作品集做完了之后多一个特别的展示渠道而已,相对于pdf来说,搭建在网站上的作品集更为公开,可以被更多人更加方便的访问。其实你完全可以做好pdf版本的作品集之后把作品集的图片一张一张上传到网站上去,这样就做好了一个网站。但问题是有些时候没有经过特殊的优化,你的网站如果只是单纯的图片堆积,这样子看上去会很单薄,缺少了很多网站应该有的元素之后就会显得很空洞。就像你浏览苹果的网站一样,总是会被网站上丰富的动效吸引眼球,比如说下滑网页的时候,笔记本电脑的屏幕会随之打开,类似于这样的交互时十分酷炫的。

插入一个视频

还有很多时候,我们面临的问题是需要在网页中添加一个视频或者是gif动画,这种操作在pdf中是很难实现的,就算可以实现,它的方式也不是很优雅,你可以添加一个超链接,或者是做一个二维码引导读者去扫描,但这总是一个相对“出戏”的过程,对整个的阅读体验是打折扣的。但是如果你拥有了一个网站就会好很多,这些都是html原生支持的,放视频只要链一个Youtube或者是Viemo的视频地址就好了,它自动会生成一个视频播放框,是不需要跳转到别的页面的,所以可以更好地维持网页风格的统一性。

我觉得对于我最重要的选择以网站作为作品集载体的因素是,网站不需要压缩。当你苦恼于某个学校要你把pdf压缩到5Mb大小之内再提交的时候,我想你就懂得只粘贴一行URL地址给招生办的畅快感觉了,到那个时候你就可以向压缩一万年也压缩不出来的pdf文档挥手说拜拜了。



2. 如何搭建一个网站

搭建网站其实是一个非常简单的过程(只要你肯花钱),你可以理解为是一个高阶版的QZone,只需要把各种文字,图片,视频组件拖拽到位置就可以了。当然理想很丰满,现实是很骨感的。一开始的上手还是稍微有一些难度的,需要时间慢慢磨合才可以适应。

搭网站需要的东西主要就是一个域名和存放你所有东西的服务器提供商。域名就是你在网络上的地址,类似于 google.com,别人知道了你的地址就可以访问你的网站。而服务器提供商就像是你个你寄存所有东西的地方,别人知道了你家在哪里,但是你还需要买一套房子,要不别人只会找到一片没有知识的荒原。一般来说呢,对于设计师来说,不需要学习很多technical方面的知识,所以早就有人帮我们想好了一切,你只需要花钱,他们就会给你一套精装修的房子,房子的内容你可以之后慢慢改,房子的地址域名他们也会送你一个,一般是以.com结尾的。所以你只需要改变各种组件的位置就可以完成自己网站的搭建了。

当然如果你对自己家地址不满意,你可以继续花钱买一个域名,假装自己很酷,跟别人与众不同。买域名的渠道有很多,一般搭建网站的服务器都有这个服务,帮你代购你想要的域名,但是他们毕竟是个二道贩子,卖给你的价格可能会比你自己去专门卖域名的网站上买贵一些。所以推荐你可以去一些比较大的域名网站上去买域名,比如说Godaddy就可以。一般的话域名定制可以做出那种很酷炫的域名,比如说以.io结尾的网站,以.design结尾的网站(是不是听起来就逼格很高)。需要强调的一点是以.cn结尾的域名购买起来比较麻烦,国内的政策要求不同,所需要的手续很多,所以其实买一个其他域名的网站就好了。



3. 如何选择合适的网站运营服务提供商

其实相对成熟的网站运营服务商在国外也就那么几个,他们的定位也相对不同,我会从易用性,价格,功能性等几个维度去衡量这几个网站服务商。


W1. Squarespace
易用性:★★★
价格:★★★★★
功能性:★★★★
多平台支持: ★★★★★
在线支持:Yes
年付$144/ 月付$16 使用学生邮箱注册第一年半价

S家是一个做了很多年的网站搭建服务商,其实它们家之前瞄准的市场就是设计师,所以提供的模板设计感都比较强。各种模板之前切换起来也都很方便,一个模板用腻了就可以切换下一个。他们家的多平台支持度是最好的,在电脑端排好版之后基本就对与手机端进行微调就可以了,对于多平台多分辨率的设备支持十分友好。高级功能选项支持HTML修改模板,技术流可以实现酷炫的功能(菜鸟选手不需要这个功能),当然代价就是价格是所有里边最高的。相对与Wix来说,S家比较难上手,尤其是不按照其模板来排版的时候。


W2. Wix
易用性:★★★★
价格:★★★
功能性:★★★★
多平台支持: ★
在线支持:Yes
月付$8.50

W家算后起之秀,对标S家的突出优势就是价格更便宜,功能上基本类似,操作上对小白更加友好,基本上就是托和拽。但是W家对于手机排版的支持基本没有,如果你不重新排一个手机版本的网页的话,那你的网站在手机上根本就不能看。其他功能基本和S家类似,在各种节假日时候经常会打半折,优惠幅度很大。预算有限的话,可以选择在那个时候入手。


W3. Wordpress
易用性:★
价格:★★
功能性:★★★★★
多平台支持: ★★★
在线支持:Yes
月付$4起

Wordpress就是建站工具的老鼻祖,到现在还活着。但是它家的问题是实在是太hardcore了,上手很难,一般是给大公司和CS背景的同学们写HTML练手用的,所以如果你是一个单纯的设计师,对于HTML是啥都不知道,那你可以基本抛弃这个选项了,因为它的target user根本就不是你。Wordpress上的收费是建站有一个非常便宜的基础收费,然后你可以花钱买别人做好的模板和主题,当然你换一个主题是要多花一次钱的,要不就是你自己从头自己写code搭网站,充满了互联网初期的原始感,想练手HTML的同学可以尝试一下,但是我猜你暑假时间也不够折腾这个。相对于别家的收费标准来说,Wordpress收费比较复杂,适合喜欢折腾的同学,具体的收费标准请移步以下这个回答。



W4. Behance和 Adobe Portfolio
易用性:★★★★★
价格:/
功能性:★★
多平台支持: ★★★
Behance免费/ Adobe Portfolio+Ps+Lr套餐月付$9.99/ Adobe CC全家桶月付$52.99

Behance相信大家都经常用到,如果你把自己作品集上传behance的话,大概就和你看到别人的作品集差不多。优点是不用花钱,缺点是自己可以定制的程度非常低,基本上就是传个图片,传个视频,加一点字,所有的功能仅此而已。个人觉得给人的感觉不是很专业,如果是学生的话使用Behance作为个人网站的过渡是可以的,但是如果长期使用建议选择上边提到的几种建站方式。

Adobe portfolio是Adobe CC套件里边的,支持Behance导入和更多的定制化,功能相对其他建站工具来说少一些,但是搭配其他Adobe套件使用,上手很方便。


W5. Issue
易用性:★★★★
价格:★★★★
功能性:★★
多平台支持:★★
基础功能免费

Issue其实和前边的Behance区别不大,基本等同于你把你的pdf版作品集传了上去,别人看的时候就像是看一本电子书一样在线浏览,所有网站的动效他都不能加。这个只算是一个曲线救国的途径,效果也不是很好,因为主要面向的对象是不同的,issue面向杂志社和个人博客,所以对于作品集建站来说不建议用issue。其价格也和不同的套餐有关,如果你只传一份自己的作品集是不需要收费的。上边确实有很多做的不错的案例,可以单纯的当作一个作品集排版的参考来使用。

其实W4和W5已经不像是网站了,他们更像一个在线的pdf阅览器。



由于国内环境的限制,上边提到的所有工具在国内访问的速度都很堪忧,或者不能访问。相对来说,国内的建站工具比较少,相关限制也比较多。如果有兴趣的话,可以自己搜索一下。其他还有很多种渠道但是我了解的并不多,所以并没有一一列举。如果有问题的话欢迎在留言处指出,有时间我会回答并更正本文中的错误,笔芯~



Reference:
题图来自: webxmf.com/monitor.html
其他第三方对于各种建站工具的评测: webcreate.io/website-bu
对于Wordpress建站的说明/ A chair: zhuanlan.zhihu.com/p/30

玻璃钢生产厂家辽阳玻璃钢花瓶厂家安徽玻璃钢装饰公司南充玻璃钢垃圾桶制造贵阳商业美陈定做吉安玻璃钢家具厂太原玻璃钢装饰造型生产厂家汉中玻璃钢厂家漳州玻璃钢造型哪家好惠州玻璃钢人物雕塑价格珠海玻璃钢设备外壳厂家直销鄂州玻璃钢装饰造型定做定西玻璃钢花池加工鹰潭不锈钢雕塑哪家好宜宾玻璃钢价格贵港玻璃钢造型生产厂家酒泉玻璃钢前台厂家直销南通玻璃钢休闲椅哪家好黄山不锈钢花盆制作常德玻璃钢产品价格鸡西商业美陈批发嘉兴玻璃钢动物雕塑制作怀化玻璃钢花瓶哪家好抚顺玻璃钢种植池制作吉林玻璃钢前台制造南充不锈钢家具定做成都玻璃钢休闲椅公司廊坊玻璃钢雕塑公司鹤壁玻璃钢装饰工程价格南阳玻璃钢造型娄底玻璃钢休闲椅价格香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化