做个人作品集网页，就是想把自己的作品好好展示出来，给招聘方或客户留个好印象。但要是素材用错了 —— 比如用了带版权的图片，不仅网页可能被下架，还可能惹上麻烦；就算素材没问题，堆在一起乱七八糟，作品反而被盖住了 —— 小编帮学设计的朋友弄作品集时，就遇到过这两种情况。今天就说说怎么选安全的素材、怎么搭才显眼，新手也能学会，一起往下看吧！
一、先搞懂版权：这 3 类素材能放心用
| 素材类型 | 怎么判断能使用 | 推荐获取渠道 | 注意点 |
|---|---|---|---|
| 无版权素材 | 明确标注 “CC0 协议”“可商用” | Pexels、Unsplash | 不用申请授权，直接用 |
| 自己创作的素材 | 自己拍的照片、画的图 | 自己的电脑、手机 | 绝对安全，还能体现风格 |
| 免费授权素材 | 作者标注 “个人非商用免费” | 站酷网免费区、阿里图标库 | 别用于盈利，只展示作品就行 |
有新手问：“网上搜的图片，没标版权能随便用吗？” 千万别！没标不代表没版权，很可能是原创作者没标注，用了容易侵权。小编朋友之前乱用百度搜的图，被通知删除，还耽误了作品集提交。
二、安全又好用的素材获取渠道，附使用技巧
- 无版权图片网站（Pexels）
里面的图片都是高清的，适合做作品集的背景或分隔图。搜 “minimal background”（简约背景）能找到很多干净的图片，不会抢作品的风头。
下载时选 “Large” 尺寸就行，太大了加载慢。小编一般把背景图调暗一点，再把作品放上去，这样作品更突出。
—— 分割线 ——
- 自己的原创素材
最推荐用自己拍的作品实拍图，或者画的设计草稿。学 UI 设计的朋友，把设计稿和线框图一起放上去，比只用成品图更能体现思路。
要是作品是实体的（比如手工艺品），用手机在自然光下拍就行，别用滤镜，真实最重要。小编帮人拍过陶艺作品，在窗边拍的比用闪光灯拍的好看多了。
—— 分割线 ——
- 阿里图标库（图标素材）
用图标做分类标签特别方便，比如用 “画笔” 图标标设计作品，用 “相机” 图标标摄影作品。选 “线性图标” 更简洁，不会太花哨。
下载时把图标颜色改成和网页主色一致的，比如网页主色是深蓝色，图标也用深蓝色，看着更协调。
三、素材搭配方法：让作品成为主角
- 背景要 “低调”
别用花纹太多、颜色太亮的背景，不然会盖住作品。白色、浅灰、米白这些颜色最安全，小编朋友的作品集用了浅灰色背景，作品图放上去特别清晰。
有新手想让网页 “有设计感”，用了渐变背景，结果作品被衬得看不清，后来换成白色背景才好。
—— 分割线 ——
- 素材别超过 3 种类型
比如用 “作品图 + 简单图标 + 分隔线” 就够了，别再加装饰性的图片、花纹边框，太多会乱。小编见过一个作品集，又是动态背景又是立体图标，反而没人注意作品本身。
—— 分割线 ——
- 按 “作品类型” 分组排版
把同类型的作品放在一起，用统一的图标做标签。比如设计类作品放左边，摄影类放右边，访客一眼就知道怎么找想看的内容。
小编帮人排版时，会在每组作品上面加个小标题，再配个对应图标，看着特别清楚。
四、常见搭配误区，这样避开
- 素材比作品还显眼
有的新手觉得 “素材好看能加分”，结果背景图比作品还花哨。记住：作品集的主角是你的作品，素材只是 “配角”，不能抢戏。 - 颜色太多太杂
整个网页的颜色别超过 3 种，比如主色用深蓝，辅助色用浅灰和白色。小编之前见过一个作品集，红、黄、蓝全用上了，看着特别乱，改了颜色后清爽多了。 - 不检查素材尺寸
作品图太大，打开网页要等半天；太小了又看不清。一般把作品图控制在 1-2MB，用 “压缩图” 网站处理一下，清晰度和加载速度能兼顾。
小编觉得，做个人作品集网页，素材不在多，在于 “安全” 和 “合适”。先确保素材不侵权，再记住 “作品是主角”，搭配时少而精，就能做出让人眼前一亮的网页。刚开始不用追求完美，多试几次，慢慢就找到感觉了 —— 小编朋友的作品集改了 3 次，才终于达到满意的效果。希望这些方法能帮到你！
最新业务：世纪货币网
