由于我们内部教学称之为“首页”,即每个项目的开篇页,后面继续称之为“首页”。
首页作为每个项目的始发页面,有着承上启下的作用,好的首页设计可以带来极具美感的视觉体验,同时可以让观者对你的设计产生好奇和好感,进而为拿到offer起到推动的作用。
看到下图的项目首页,能想到项目是什么?(应该能猜到,大概率是和宠物相关的设计)
那么首页该如何设计?这里面的技巧和注意事项同样很多,学长用八年的教学经验,总结阐述一下。
我们先说和封皮设计类似的方法和原则。
01 相关性原则
上篇提到,作品集的本质是书籍化的项目合集,首页要直接或间接体现本项目的内容,或传达相应的观念,也就是遵循相关性原则。
同样的,首页与项目的相关性,也可分为直接相关、强相关、弱相关三个等级。
还是以本家学员的设计案例举例:
项目首页直接出现了自己的渲染图,或者说把渲染图做成了首页,那这个就是典型的强相关,整体性和一致性非常好:
首页除了图像,要在文字上体现该项目的诸如项目名称、项目概述、项目背景、项目排序、关键词、创作时间、团队或个人完成等关键信息。
其中项目名称、概述和项目背景最为必要。
还以上图欧航局的项目为例,这里传达了项目的创作时间(2018.4-2018.6),为谁设计(欧航局/ESA),项目名称(简称DSG),以及汇报地点(意大利都灵Torino)等关键信息。
同时,从工整的排版到内容的缜密,在感官上可以传达出米理与欧航局项目学术性和严谨性的整体特点。
如下图,可以看到左边提到了项目名称为COCOON,右下角有Brief,即项目的概述,还有项目排序为02:
类似于论文开头的Abstract和Keywords,作为研究型工作,高质量的作品集项目必然牵扯大量的调研和思考,从首页就开始论述,让观者一步步带入是很有必要的。
同样的,上图出现了项目研究背景:基于对海洋生物(鲸鱼)保护的问题解决方案(潜航器),出现了关键词(Keywords)以及该项目的属性(关怀主义设计)。
03 引力原则
很多人未意识到一点:图像是有力量的。
书籍的封皮、电影的海报,都采用极强的视觉感染力,吸引人们观看,作品集项目首页的作用也是一样的。
概括来说就是要有吸引力,既可以富有视觉的张力,也可以指代传达出很好的意境。
如下方各项目首页在排版、用色、选图上都很有吸引力,而在风格上,既有充满张力的,也有体现意境的:
上图充满了工业风,而下图则充满了家居感:
04 可繁可简
不同于作品集的封皮尽可能要简化,首页是可繁可简的。因为首页需要上面03提到的吸引力和02的信息传达,因而很难做到极简。
当然也可以非常有个性:
05 一致性原则
如同帽子、妆容和大衣的关系,首页和后面的页面在风格上要保持一致,尽量避免前后的割裂感。
项目的首页与上篇提到的封皮既有共通之处,也有大量不一样的要求,大家在排版设计的时候,一定要区分开来。

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。