广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

作品集 | 项目首页设计策略
发布日期:2025-04-25 08:11:31 浏览次数: 914 来源:MoltoDesign



— 今日主题 
项目封面的设计策略
图片

由于我们内部教学称之为“首页”,即每个项目的开篇页,后面继续称之为“首页”。


首页作为每个项目的始发页面,有着承上启下的作用,好的首页设计可以带来极具美感的视觉体验,同时可以让观者对你的设计产生好奇和好感,进而为拿到offer起到推动的作用

看到下图的项目首页,能想到项目是什么?(应该能猜到,大概率是和宠物相关的设计)

那么首页该如何设计?这里面的技巧和注意事项同样很多,学长用八年的教学经验,总结阐述一下。

我们先说和封皮设计类似的方法和原则。



 01 相关性原则 


上篇提到,作品集的本质是书籍化的项目合集,首页要直接或间接体现本项目的内容,或传达相应的观念,也就是遵循相关性原则

同样的,首页与项目的相关性,也可分为直接相关、强相关、弱相关三个等级

还是以本家学员的设计案例举例:

项目首页直接出现了自己的渲染图,或者说把渲染图做成了首页,那这个就是典型的强相关,整体性和一致性非常好:

我们再看弱相关:
下图为学长在米理就读时的项目——欧洲航天局(ESA): 国际空间站&宇航员柔性协作机械臂与背负式产品设计 
后整理成个人作品集:
上图中,既没有出现项目里的具体设计,也没有直白的暗示,只有相关的场景、主标题和关键信息,这就属于弱相关
当然这并不影响整体的效果,如果运用得当,可以起到“吊胃口”,引人好奇的作用。以下为该项目完整的页面:
其中上方与机械臂实现柔性协作的的X-Belt背带设计,斩获多枚奖项,并被OPPO博物馆永久性收藏。


 02 信息传达原则 


首页除了图像,要在文字上体现该项目的诸如项目名称项目概述、项目背景、项目排序、关键词、创作时间、团队或个人完成等关键信息。

其中项目名称、概述和项目背景最为必要。

还以上图欧航局的项目为例,这里传达了项目的创作时间(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开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
联系专属顾问
联系专属顾问
联系专属顾问
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询

和我们在线交谈!