Southbank | 关于作品集排版的那些事儿

发表于 讨论求助 2021-09-15 10:32:14


前言:本篇主要内容整理于康石石公众号,少部分来源知乎、站酷?


很多小伙伴们都有着这样的烦恼,就是自己的作品集完成以后,如何以一个完美的方式呈现出来,毕竟美好的事物总是可以吸引别人的眼球,那么下面就跟着小编来看看作品集到底需要如何排版~


排版类型





    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

作品集排版类型


1、上下分割型。

版面分为上下两个部分,图片可以是多幅也可以是单幅,彰显出活力的氛围,文字显得轻盈而自由,可以分栏撰写。

上下分割对于竖排版毕竟容易操作,文字与内容都可以非常顺利排入版面。


2、左右分割型。

版面分为左右两个部分,版面达到平衡的效果,形成强弱的对比效果,将文字进行穿插排版,使版面更加协调。


左右分割型的排版显得非常轻盈,文字分栏非常活波。


3、竖向排版。

图片和文字按照比例进行编排设置,给人以严谨、理性的美。

4、满版型。一般用于商业图,图像布满或者接近布满画面,一般是颜色较轻亮的图像,也可以略虚化。

文字在编排上置于图像上,可以放在四个角,也可以放在中间,深色图浅色字,浅色图深色字。

5、中轴型。版面横向排列或竖向排列,将文字置于版面的上下或左右,增强整体的视觉体验。5、中轴型。版面横向排列或竖向排列,将文字置于版面的上下或左右,增强整体的视觉体验。

对称与均衡在版式设计中最为常用,在使用对称构图的时候,会在营造稳定性与秩序感的同时,容易产生单调与呆板的视觉感受。而相对对称均衡的构图,则可通过略有变化的版面结构安排,使画面整体更为灵活,富于变化,也不失对称的稳定感。

6、并列型。将选择的图片做大小相同位置不同的重复排列,将整个版面达到对比的效果。

可通过既有联系又不相同的元素,使画面既具有相对的对称感,同时令画面更加灵活生动,富有变化,同时更具现代设计感。

;

7、对称型。多以左右对称居多,给人理性、工整的感觉,但要避免造成死板的视觉感。

8、曲线、斜置型。将图片和文字以曲线的形态进行排版,或将图片做倾斜排版,使版面表现出不稳定的视觉感,整体更具韵律感。

9、重心型。整个版面有重点,突出视觉焦点。


10、自由型。做无规律的排版,版面活泼轻快,但要避免排版过意散乱、不完整。

自由版经常会造成过度统一而缺乏变化的问题,应适度缩放图片尺寸,以增添其强弱对比。

11、并置型。通过图片的并列来凸显图像的秩序感,整齐又闲得工作量大,但要避免同色系堆在一起,适当留白。

不管是让图片彼此间产生尺寸上的差异,还是通过图片的上下左右关系以编排出节奏感,并尽可能呈现出轻盈的感觉,都是很有效的手法。


所有的套路学完以后,你会发现,诶?怎么拍出来这么丑!别怕骚年,你至少已经走出了第一步,接下来就是才是关键,怎么把作品集调整好。

1、整理信息。

有时候你的设计逻辑出来,排版就几乎出来了,比如按照时间、空间、视线、事情发展逻辑等来排内容,那只有提取关键信息表达在图纸里面就可以。

2、控制均衡

所有的图案包括文字的排布,要看是否均衡,不一定是整齐,但视觉上的比例要均衡。

3、适当留白

留白是一门简单的艺术,不必追求满页面的信息和图纸,适当的留白给人一个阅读的休息,还可以引起无限的遐想。

4、版面更有趣4、版面更有趣

巧用曲线、斜线等几何元素来改变构图,让版面变得更生动幽默。大胆的构图,除了能增强页面印象,也能起到画龙点睛的作用。


项目首页


    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    



    


    


    


    


探讨作品集项目首页(Project Home Page)的创作方法,其重要性康石石简要总结3点如下:

1. 项目首页是每个Project传递给考官的的第一印象。实话说,它的质量几乎可以等同于整个项目的质量,也决定了各位精心创作的项目能否在第一时间迅速俘获考官的敏感神经。

2. 项目首页集成项目的核心思想与个人设计理念与审美偏好,是精神气质与俯察世界视角的个人投影。

3. 项目首页位于项目之间,便有着起承转合的排版与连接作用。

在项目首页中,同学们需要:

在文字部分,涵盖项目的题目,副标题,项目创作时间,合作者,指导老师,项目介绍等等基础信息。

在图像部分,康石石将以建筑设计为例,从“设计概念”和“设计成品”两个首页设计的切入视角,为大家提供些许建议,其他专业同学亦可从中获取启发。


设计概念的意象化表达


一、实景照片表达


1. 下面的项目是大神王子耕通过1984这本书中描述的反乌托邦世界,从真本书中提取元素进行符号的重组与叙事性表达。作者运用切割过的娃娃脸与其面具背后的机械原理来意向性表达这个反乌托邦的世界。


表达方法:运用实景照片表达概念



2. 项目通过对比不同住宅楼的表皮肌理产生的设计进行表达。


表达方法:运用摄影及后期处理的手法将概念进行表达

3. 项目中,作者主要通过模拟烟雾的形体进行的空间设计,因此学生在首页中不仅表现烟雾这个概念本身,同时将空间设计手法在原有底图上叠加表现。


表达方法:运用摄影及后期处理的手法将概念进行表达




二、第三方图片表达


1. 下面的项目首页讲述的是一座苹果大厦,在光鲜亮丽的苹果展示店背后隐藏的全球资本链条以及现实的设计。通过截取苹果官网后期处理表达现实与真实背后生产苹果产品的工人境况对比。


表达方法:运用网站,报纸,书籍,电影等媒介进行截图,后期处理过进行表达


2. 学生的主体是天堂的舞台,在首页中运用建筑转译的符号与水平面之间的不同关系来表达更深层复杂精神意义的概念。


表达方法:寻找网络中不同海平面,建立与转译后设计符号相互关系进行概念表达




3. 作者主要通过寻找细胞的美学进行形体与空间表达。


表达方法:寻找相关实验照片,融入相应的解释性文字和逻辑关系将设计过程与概念进行表达


三、场地与建筑的关系


1. 项目中,作者将建筑的外轮廓与场地照片场地进行结合,来表达河岸边的建筑的位置。


表达方法:运用项目的场地现场照片,后期处理过进行表达


2. 项目中,作者运用实景照片,渲染与后期处理,将建筑,人与光线的概念进行表达。


表达方法:照片,渲染与后期处理相互结合


四、实体模型表达


项目中,作者表达了消融边界的概念,运用莫比乌斯环的实体模型将概念进行表达。


表达方法:实体模型与概念的呼应


五、虚拟模型表达


1. 作者的概念是表达建筑的立体主义,因此将模型的结构线与部分构件运用线图进行意向表达。


表达方法:虚拟模型局部线性表达

2. 学生的概念表达复杂泰森多边形系统下的多维度城市概念,因此将虚拟模型的结构线,与泰森多边形进行线性叠加来表达其城市的复杂性概念。


表达方法:虚拟模型线性叠加

3. 作者主要的设计概念来自轮子,因此将轮子的转译成圆圈符号与城市进行呼应,来表达圆圈与城市相互的关系。


表达方法:符号转译


4. 当作者表达空中花园的概念时,运用设计模型的剖面线型符号进行概念的意向表达。


表达方法:符号转译

六、抽象化拼贴概念表达


1. 学生的项目表达伦敦的公共空间与私人空间的关系,因此利用拼贴的手法进行叙事表达


表达方法:拼贴画表达


2. 该作者的项目表达办公空间与建筑的抗争的概念,利用拼贴和信息图的混合制图方法表达。


表达方法:拼贴画表达


一、实体模型表达


1. 该项目主要解决能源交换的能源,在建立在城市负空间的建筑进行解决,因此在项目首页中,设计的平台,周围建筑以及剩余的负空间之间的关系进行概念表达。


表达方法:实体模型局部表达。

2. 该项目主要讲述运用参数化的算法机制重新定义艺术馆,因此运用叙事性的表达手法,加入人物与对话来表达概念。


表达方法:实体模型叙事性表达

3. 作者描述的是建造者之家,为了表现更多结构体系与小空间的关系,作者在项目首页中融入了实体模型的一些细节和剖面图的细节表达方法。


表达方法:实体模型结构性展现


4. 在此互动项目中,学生运用电影的帧画面来表达人与互动装置间的关系,从而给读者留下最初的设计意向。


表达方法:帧画面的形式展现人物与装置间的互动关系


二、虚拟模型表达


1. 作者在项目首页主要表达设计的建筑与周边日本狭小街区的关系。


表达方法:虚拟模型与实体街景的表达

2. 项目主要描述有机结构建筑的概念,因此学生用立面渲染图叠加结构线稿去表达新型结构体系的概念。


表达方法:虚拟模型与线图叠加


3. 该项目的概念是在西部沙漠中设计一个沙漠的停留站。为了表达氢气塔的轻盈,因此在项目首页中设计了犹如风筝一般的模型仰视图


表达方法:虚拟模型渲染


4. 下面的项目首页,作者运用正方体创造无限循环的空间,因此作者将设计的建筑运用动态的模糊效果来表达空间升与降的模糊概念。


表达方法:虚拟模型渲染和后期处理


5. 下图作品是王耀华的经典作品,运用Wes Jones美式漫画的手法来表达城市的设计理念,运用动画技术实现概念表达,因此在项目首页中展现旧建筑与新建筑之间的对抗。


表达方法:虚拟模型视频渲染

6. 此作品是Steven Ma的毕业设计,讲述建筑新美学与旧有形式之间的冲击,利用人体冲破玻璃的意向表达方法来展现新形式与旧形式之间的关系。


表达方法:虚拟模型渲染,场地模型,意向图

设计步骤




    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    


    

    

    

    

    

    

    

    


    

    

    

    

    

    

    

    


    


具体分步讲解

确定主题


在学校里很多作业都是老师给到同学们一个明确目标产品或是一个模糊的设计方向——即命题设计,这时同学们就可以根据这个方向开始进行调研。


如果没有具体设计方向,同学们可以从这以下两点出发:


1.个人兴趣:选择感兴趣的方向作为设计主题,可使整个设计过程充满创作动力。

2.社会现象:选择当下热议的产品或抓住主流的产品发展趋势,因为关注的人多所以新的设计很容易与大家产生共鸣使人眼前一亮。


前期调研(Discover)


调研是一个发现、发散的过程。同学们可以在做工业设计调研时,一方面需要从产品的方向出发做市场研究(历史、发展趋势、竞品研究等),另一方面需要充分从用户的角度进行用户研究(用户心理、用户需求等)。历史和未来趋势研究

词汇联想


行为地图



竞品研究



确定方向(Define)


在大量调研之后,同学们会同时发现项目面临的问题与机会,从而可以在既有主题的框架下结合自己创意和想法将研究方向归纳为数个可执行的设计方案。

在确定方向时,同学们可以结合以下key words:

热点话题

你感兴趣的领域

明显需要改善的问题

跟随发展趋势的方向


设计方案(Design)

确定方向后,围绕不同的方向同学们可以设计不同的解决方法以期达成最终的设计目标,并可以通过故事板、手绘草图、角色扮演、草模制作等可视化方式辅助方案呈现,推敲设计可行性。


故事板

手绘草图

角色扮演

草模


方案评估、调整(Development)


将设计方向中要表达或解决的方向作为评估的要素,将概念方案分享给目标用户或专家用户打分,综合得分较高的方案可以作为设计深化的主要方向。

选择评估和后期深化调整的方法:

征求相关专家意见

目标用户意见

焦点小组讨论



图面制作(Deliver)及最终排版


对于工业设计作品集图面制作,需要整合全部的设计过程,将市场研究的数据&结果、用户调研的关键信息,设计方案的过程及最终方案以最恰当的形式予以展示,优秀的工业设计图面应具备以下几点特质:


1.图面信息量大且有突出重点;

2.调研结果可以巧妙的以图表形式展现,使关键信息更加清晰、易读。

3.保持清晰的逻辑思路,按照设计的先后顺序,将设计过程与成果,有主有次地在版面中布局展示;

4.作品集排版构成方式需与图面所要表达的主题统一,相辅相成,以最大化表现图面内容的效果;




更具吸引



    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    



我们需要时刻保持清晰的逻辑性


工业设计不同于纯艺,从项目确立设计方向到产出设计成果,其过程中每一步以及每一步之间的联系都需要同学们保持缜密的逻辑思考。设计的最终目的是为了用户使用,所以在设计的过程中,需要充分考虑各个环节,对市场环境要有深刻了解、对用户的行为以及心理进行分析、并利用科学的理论和大量统计数据来支持、优化设计方案。这是国外院校作品集考核的重点,也是之后在国外学习过程中会主要训练的内容。

通过下图可以看出,成功的作品集需要在通篇过程中以逻辑为线索,全面展现设计的创作流程,而非直接展示最终设计成果。



2.从生活周围吸取设计灵感


很多同学会在设计项目最初没有灵感,即使确立了设计方向也经常会遇到“瓶颈”期。这时可以向周围寻求帮助,定期组织头脑风暴、焦点小组或者与身边使用过同类产品的朋友沟通,了解他们的使用感受,观察他们的使用过程等等。此外,同学们还可以向老师、行业专家、发烧友等较为资深的人士处汲取设计灵感与方向。



Tip:工业设计绝对不是自己一个人熬夜埋头苦读就能做好的事情,多看多聊多问,好的作品自然就有了。养成快速表达设计创意的习惯


灵感闪现总在一瞬之间,同学们除了需要坚持携带Sketchbook贴身之外,需要在日常学习之余,坚持锻炼速写,逐渐积累自己对形体的把握能力和熟练程度,以便更贴切的表达自己的设计意图,同时保持良好的绘图手感。




此外,创意初期可能要表现产品的使用场景,此时简易的手绘故事板就是一种非常好的表现形式。

Tip:故事板要比单纯的文字描述清晰且更生动,并且可以辅助交流。


3.草模制作


草模制作并不是设计最终的成品模型,是概念设计和设计发展环节中重要的一个部分,也是很多同学容易忽略的一个部分。草模用来感受真实使用产品的体验,通常会获得设计初没有考虑到的用户需求,从而评估你的概念设计,以便进一步的优化。草模制作可以使用纸板、塑料泡沫和油泥这些比较容易的到的材料。



作品赏析


    

    

    

    

    

    

    

    

    

    

    

    

    

    

  

    

    

    

    

    

    

    

    

 

    

    

    

    

    

    

    

    


RISD




RCA


网站介绍



    

    

    

    

    

    

    

    

    

    

    

    


    


    



1.Coroflot — Design Jobs & Portfolios


2.Behance


3.Sign up | Tumblr


4.Dribbble - Show and tell for designers


5.ISSUU - Digital Publishing Platform for Magazines, Catalogs, and more


在Google上搜Industrial design portfolio PDF ~另外千万别在百度搜你懂的;)国外大学官网上一般都会有Bachelor/Master program最近几届同学的作品集网站链接,以CMU为例People | Carnegie Mellon School of Design噜主甚至可以去看MIT,CIID,UCLA,东京大学情报学环一些教授的工作室里面也有一些项目的,或者看一些建筑和平面的作品集也会有些启发;领英http://linkedin.com也是不错的资源,因为有些设计师大大会顺便把个人网站链接附在上面成熟的设计工作室的官网IDEO,lunar http://www.lunar.co

m,fuseproject, fuseproject众筹网站。如果涉及创业项目或者需要做视频的话:Kickstarter,Indiegogo: The Largest Global Crowdfunding & Fundraising Site Online国外视频网站Vimeo,YoutubeVimeo: Watch, upload and share HD videos with no ads在这里搜portfolio也可以得到意想不到的结果哦外国比赛网站 iF,Red dot 線上展覽 | Red Dot Award: Communication Design国内的嘛,不错有点low-。-花瓣网_陪你做生活的设计师(发现、采集你喜欢的灵感、家居、穿搭、婚礼、美食、旅行、美图、商品等)站酷 (ZCOOL)




今天推送的信息量真的很大,相比小伙伴们看到这里应该掌握了很多关于作品集排版的新鲜知识了吧!关注Southbank你将会会获得更多艺术资讯、院校咨询以及作品集小知识~继续关注南岸,继续涨姿势吧!



发表