一份《工业设计排版》教程产品作品集

对于工业设计的同学们来讲,产品的渲染图做得漂亮,不等于最后作品集呈现的视觉效果就一定好。

虽然排版属于平面设计领域,但它对于产品整体的呈现效果以及逻辑性表达都有至关重要的影响。可能同样的产品效果图,不同的排版,给考官的感觉就完全不一样。

接下来我将用一些简单易懂的案例,带领大家学习如何做工业设计作品集排版?

PETRICHOR

汉艺国际上海校区3D基础建模讲师

设计服务品牌包括海尔、松下、好孩子、膳魔师、星巴克、爱仕达等

Rhino、Keyshot、PS等软件10年应用经验

#1

合理布局

排版就像玩模拟人生时,在空旷的房间自由摆放家具,相同的内容,不同的布局,呈现出来的视觉效果就不同。对于工业设计的同学们而言,排版第一步,就是捋顺设计的逻辑线,合理布局。

首先,我们需要确立作品集整体的风格、调性。

这个不是喜欢什么就做什么风格,是要结合产品本身的风格特点、色彩搭配、产品的温度来合理统筹的。

其次,是布局。

其中需要注意的是,布局也是有一定的内在顺序的,同学们可以在草稿纸上先列出你的大纲,整理好逻辑,以及接下来要表达的事项;然后整理信息内容,将列出的信息进行有序的排列组合;最后用清晰的图片文字进行填充。

整理好所有的信息后放入版面,如下图所示,可以通过网格的不同排布形式,进行图片文字的合理布局。

你会发现,不论哪种排布形式,都以简洁有效为主。杂乱无章的排版会让作品集整个脉络变得晦涩难懂,而太过稀疏的排版又会显得你整个作品非常苍白没有支撑度。

学会让你的排版能自由呼吸,看起来就很舒服,而且还可以很好地表达出想要表达的重点,这个一般被称为留白。

比如下图,在表达电子产品时,往往用适当的留白暗喻着冷冰冰的金属质感,放大科技与日常生活的距离感:

当然,留白只是一个称呼,不一定是白色,页面内的内容之外的空间都是留白,无论它是什么颜色的。如下图案例,黑色部分也是留白区域。

汉艺学员L同学获AA空间性能与设计offer

不过上述的模板只是为了让大家更加清晰地看到什么是简洁有效的基础布局,同学们在排版自己的作品集时切忌照搬照用。以免陷入版式的“套路化”之中,给考官留下不好的印象。

#2

突出产品主体

工业设计的核心C位自然是我们设计的产品。

作为工业设计重要的产品表达效果部分,主要包括草图、建模模型的造型表达、精细度打磨。

首先,草图部分需要有完整的设计思维表达。

把自己思考的部分转化成画面,也可以把自己找的意向图参考放置进去,让人很容易看出草图中所借鉴的某些特点,以及怎样转化设计出自己的产品。申请国外的作品集中,很注重的就是对产品创造思考的过程,逻辑性的画面表现力等。

汉艺学员C同学获伦艺皇艺产品设计offer

汉艺学员C同学获金史密斯产品设计MAoffer

其次,就是产品的建模和展示。

产品展示重要的就是需要让观看的人,很轻松地知道这个产品每个部件的功能是什么?自己的设计点是什么?能够解决哪些问题?然后通过场景图渲染表达,可以让人更直观的看到它的日常使用状态。

所以在设计产品主体时,分步骤描绘清楚:

#3

做好产品效果图

同学们在做作品集时,对于作品集中的产品该如何去表现有时会遇到困惑。

有的同学会问:老师我这个产品前期调研了很久,建模花了很大功夫,最后所展示的效果为什么总感觉会差一些东西?

或者是有些同学渲染图做的很漂亮,但是最后整体的呈现却不尽人意,却找不到具体的原因。

这是因为,你的产品效果图做的还不够好。

虽然对于工业设计而言,讲清产品设计逻辑比效果呈现要重要。但在设计质量相同的情况下,拥有一个好的视觉呈现,对于作品集的加分也是大有助益的。

其一是色彩搭配:

不同的颜色可以赋予产品不同的视觉感受与属性,还可以针对不同的人群进行适配,这样不仅仅是丰富作品集中的产品,还加强了对于产品本身市场匹配度的思考,也会因为一些功能性分件增强产品的附加值。

其二,是材质搭配:

不同的材质组合表达,会孕育新鲜的感觉。其实产品的表达当然不仅仅只是单纯的材质改变组合或者色彩的搭配,还需要对工艺有一定了解,所有的效果都是cmf在产品上进行深入的考量得到的。

最后我们来总结一下,做工业设计的排版:

然后是产品的手绘部分,占比整体来看虽然不是很大,但是很重要,这是思考过程的一种图形形式转化。

最后是产品效果图的打磨,需要在收尾处做到精致且丰富,知识的丰富以及巧妙运用,该思考的能够思考到,效果自然也就会好很多。

希望同学们仔细学习,灵活运用排版,获得属于自己的名校offer,如果有需要帮助的问题可以随时来问我。

THE END
1.摄影专业作品集怎么制作艺术类硕士留学摄影类作品制作的复杂程度差异很大,根据作品类型,拍摄制作过程,既有可能是非常单纯的以不受时空制约的静物图片摆拍形式为主的活动,也有可能是异常繁杂的受到时机、人力、技术难度或设备材料数量影响的庞大工程。所以在真正开始实地拍摄活动之前,制定一个具体计划是至关重要的。 https://www.eol.cn/liuxue/qita/ys20241221600948.html
2.十招教你轻松制作图片教程教程怎么制作1.确定教程主题 在创作图片教学前,需要明确主题。建议选择热门或实在的主题以吸引更多读者。 2.设计教程结构 在动手制作用于展示的图片教程前,我们需要认真规划课程结构,明晰各步骤及其相关信息,并且科学地安排这些元素的顺序。 3.使用简洁明了的语言 尊敬的读者们,为了让您能更轻松地理解我们所表达的信息,建议您尝试https://blog.csdn.net/nFUnEP4X/article/details/136087649
3.Principle中文教程/完整文档(Principle6.11已发布)Principle乍一看和你用过的图片设计工具都差不多。基本元素可以在Principle中创建,图片可以从其他任何地方导入。 画板(Artboards) Principle的画板和其他画图程序相似,每一个画板都代表了你一个独特的设计状态。画板的尺寸可以调整,以适应不同的设备,或者窗口的尺寸。全部画板默认都是相同的尺寸,如果你需要改变大小,模拟https://www.jianshu.com/p/77aca2d5eea9
4.自学教程书籍毫无PS痕迹摄影后期图片后期调色平面设计《中文版Photoshop 2024完全案例教程(微课视频版)》以实例操作的形式系统讲述了Photoshop知识和抠图、修图、调色、合成、特效等核心技术的应用,是一本全面讲述Photoshop软件应用的自学教程、案例视频教程。 《中文版Photoshop 2024完全案例教程(微课视频版)》共18章,具体内容包括Photoshop入门、Photoshop基本操作、选区与填色、http://www.queshu.com/book/45871013/
5.WYSIWYG灯光设计培训中文视频教程,和实地培训一样的效果1000多张高清舞美设计图片,原始高清视频,演出全套的音乐,原始设计图纸 欧洲唱大赛:一场从欧洲走向全球的流行音乐盛会 (1)后续增补的教程每年大幅度更新1到2次,加入售后QQ群 会及时发布消息,加群的时候请输入购买着的真实名字。 (2)增补教程采取 免费制:如果您可以提供一个以上有效的完整的一个关于WYSWIYG实际操作https://www.dgyxpxsp.com/wysiwyg/79.html
6.ps怎么设计一款banner图片的轮播动画?photoshop教程ps中想要设计一个banner,该怎么设计图片的轮播的效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下 GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用! 【如果你想靠AI翻身,你先需要一个靠谱的工具!】 在浏览网页时,我们经常看到图片的轮播动画,那么如何利用ps制作这种效果呢?现在就把制作的步骤和截图分享https://www.jb51.net/photoshop/558676.html
7.图片处理入门教程图片处理的十大禁忌设计师必看→MAIGOO知识不管你是从事的是网站建设、设计行业、某宝店主或者时尚达人等行业,都离不开图片处理这一个步骤,往往一个小细节就决定了你工作的成功或失败,不管是新手还是大神,往往都会遇这样的一些问题,今天小编整理这篇图片处理教程及图片处理的十大禁忌,看看你中枪没! ? 图片处理的入门知识 → 常用的图片处理软件有哪些(pshttps://www.maigoo.com/best/12704.html
8.飞线图动效教程,设计+代码我都一起教你本篇文章大概9300字,配图86张,约13分钟视频教程一个。配合文章制作1个示例网页,代码示例5个。阅读设计部分需要10分钟。阅读代码部分需要20分钟。 文章主要大纲: 设计部分 1、用AE来制作飞线图效果。 代码部分 1、CSS 实现飞线图效果。 2、SVG 实现飞线图效果。 https://www.uishe.cn/109298.html
9.InDesign平面设计案例教程——从设计到印刷(张炎)PPT全套完整教学InDesign平面设计案例教程——从设计到印刷(张炎)PPT全套完整教学课件.pptx 1016页内容提供方:153***9532 大小:125.57 MB 字数:约10.07万字 发布时间:2024-01-04发布于福建 浏览人气:170 下载次数:仅上传者可见 收藏次数:0 需要金币:*** 金币 (10金币=人民币1元)Inhttps://max.book118.com/html/2024/0101/7002055112006024.shtm
10.网页设计论文DIV就是一个区块容器,用来封闭数据区域,属于行级区域,相当于一个可以容纳表格、段落、标题、图片等各种元素的容器。在进行网页布局排版时,需要将页面整体上进行DIV分块。层叠样式表CSS示国际W3C标准化组织制定的一套完整的扩展样式标准,主要是为了在HTML的样式编排上对其功能进行补充,更好地完成网页设计的需要而制定的https://www.ruiwen.com/lunwen/6161857.html
11.审查元素下载图片教程教程审查元素下载图片教程 //百度统计 20220402 uicn 首页 AIGC大会 会员 发现 即刻 作品 文章 活动 设计大赛 设计团队 学习 教程 专题 书籍 UTalk 每周临摹 工具 招聘 榜单 版权注册 官方APP 认证 话题 公众号联盟 查看全部热门榜单 毫克字迹 X 二十四节气https://www.ui.cn/detail/43652.html
12.绘画教程走进“希腊国宝”却又通过精巧的设计 给人一种灵和、轻盈的绝妙美感 帕特农神庙组成围廊的 46根多利克石柱 圆而粗壮的柱身上 刻有一条条垂直平行的沟纹 参照帕特农神庙的图片素材 将纸板分割成不同的形状和部分 在纸板上慢慢地搭建出帕特农神庙的外形特征 并用胶水或双面胶固定好 https://www.meipian.cn/38o3ydbc
13.APPUI设计教程来啦!手把手教会你!以上内容就是今日份的 APP UI 设计教程啦!希望对你有帮助哦!即时设计资源广场还有很多免费 APP UI 设计模板,非常适合设计小白临摹学习,对个人以及中小型团队永久免费。在官方即时公开课中也有一些 APP UI 设计教程的相关内容可以浏览哦! 点击图片进入 APP UI 设计工具即时设计 https://js.design/special/article/app-ui-design.html
14.沐风网图纸下载沐风网是一家综合性图纸素材平台,提供AutoCAD/Solidworks/ProE/Creo/CATIA/UG/inventor/CAXA/solidedge等图纸的素材下载及免费教程。https://www.mfcad.com/
15.网页设计中如何运用方框/方形元素?下面网站是利用了方型/方框的元素,来设计了 表单和搜索框部分,表单部分让原本复杂相互干扰的文案信息变得条理清晰,画面简洁。搜索框部分视觉强化,引导用户进入网站搜索获取内容。 03:图片 现在越来越多的方框/方形元素出现在网站图片中,下面案例是一个标准的图文结合的设计案例,设计师为了让图片和文案左右两边的视觉平衡https://www.51zxw.net/TechArticleDetails.aspx?zid=8&Id=393
16.自己怎么设计图片?自己设计图片的简单教程来袭对于从来没有接触过设计领域的你而言,某天突然需要自己设计图片,是不是感觉很茫然,不知该从哪里下手或从哪方面来努力?毕竟即便自己的学习能力再强,也不一定能在短时间内就立马掌握各种设计窍门啊!其实,您完全不必因此事惊慌,因为稿定设计网站现在即将要给大伙分享的是关于自己怎么设计图片的简单教程,只要您看了肯定能https://www.gaoding.com/article/15752
17.改图网设计今日在线改图网设计教程一、改图网在线设计教程介绍 智能改图提供在线图片生成,需要会打字会上传图片就能智能自已的图片,包括:LOGO,广告图片,非主流图片,签名图片,网络名片等。 目前,#改图网#面仍在完善中,后续将为您提供丰富、全面的关于#改图网#的最新资讯、#改图网#图片信息、视频内容,让您第一时间了解到关于#改图网#的热门https://edu.xinpianchang.com/article/baike-210095.html
18.UISDC国内专业设计师平台优设网 (uisdc.com) 是国内设计师入门到进阶的专业设计网站。AIGC及设计内容全面及时,全网粉丝过千万。专注前沿设计趋势和设计方法论,拥有原创独家设计内容和设计师网站导航。提供AIGC教程、灵感素材、UI设计、平面设计、网页设计、电商设计、SDC网站推荐。https://www.uisdc.com/
19.设计得到官网BIM设计集训营 SU+ENS室内全流程Ai实战营 四维认知精华课 全屋定制特训营 设计得到年费会员 软件课程 CADSketch UpEnscapeBIMPS3ds MaxRevitRhinoSketch BookLumionVRay更多教程> 会员课程 施工工艺装饰材料施工图深化设计软件软装设计方案设计效果图设计规范配合专业职业路径(11套职业路径课程) http://www.shejidedao.cn/
20.设计导航设计师网址导航专注分享优秀设计网站、免费无版权限制可商用的高品质素材,设计教程、尺寸规范、配色方案、设计素材和灵感https://hao.shejidaren.com/
21.ps学习计划(精选21篇)1.优设网:以设计师为主要用户,提供大量的设计教程和资源分享。 2.慕课网:提供大量课程视频,可以选择自己喜欢的讲师进行学习。 3.PS联盟:提供PS软件的入门到高级的完整教程,非常适合初学者。 三、学习路线的规划 学习路线的规划是关键,要学会有计划地学习。 https://www.jy135.com/xuexijihua/1887743.html
22.20秒教会你两种ps快速融合图片的方法!#ps教程#ps#平面设计20秒教会你两种ps快速融合图片的方法!#ps教程 #ps #平面设计 #p图 #修图 #p图教程 @DOU+小助手 - 琎哥哥探设计于20230531发布在抖音,已经收获了1189个喜欢,来抖音,记录美好生活!https://m.douyin.com/share/video/7239292809134673209
23.电商主图·直通车图设计教程视频教程培训界面设计侯帅站酷高高手艺术设计在线教育平台为您提供侯帅老师带来的电商主图·直通车图设计教程视频教程培训。电商主图·直通车图设计教程https://www.gogoup.com/course/GNDA3
24.平面设计图平面广告设计平面设计教程花瓣用户采集的平面图片https://huaban.com/all/design/