发现图案肌理的规律(上篇)

125|10评论|11157人气|343收藏|2021-08-27 00:01:13

产品中的图案肌理

设计方法

(上篇)

本文字数4千,多为设计专业词汇,阅读完需要30分钟,建议下载观看。



内容简介:

    当产品形态趋向合理时,形态设计很难突破,因此设计的重点转向表面设计。这是CMF中material finishing和产品造型与产品形象识别的交集。产品表面设计包括CMF设计和图案肌理设计,本文仅针对平面几何图案肌理进行深度研究,主要介绍设计方法、设计过程、制作技巧、产品应用。这里提出一种全新设计方法,基于图案肌理设计来制定设计战略,为单品添彩,促进系列化统一,增强品牌识别大有裨益。


    通常设计师的习惯从花瓣网下载肌理图片描摹绘制,但是尺寸大小并不适合本产品,这需对图案的数量和尺寸重新设置。但是Rhino、proe、Creo 可以制作常规图案,通常只有1-5个款式,多为旋转或阵列,规律相对固定。另外网站下载图片为公共资源,使用多了会出现雷同产品,缺乏新图案原创,不利于品牌个性化发展。而CorelDRAW制作非常灵活,随心所欲制作原创图案添加特色,本文以下图案均使用CorelDRAW制作。


    随着行业竞争激烈,产品开发速度加快,肌理设计成为趋势,优秀的图案肌理能为产品加分添彩,能弥补造型设计的单一。这对设计师的技能提高了要求,同时图案肌理设计是初级设计师晋级高级设计师必须掌握的技能。

     图案肌理目前已广泛应用到电子产品、生活用品、服装饰品、纪念品、器械建材领域。小到耳机大到空调表面都出现肌理运用,可应用于扇热孔、防滑垫、出音网孔、表面装饰等。


    本文主要讲解初级教程,包含,1.如何在现有的图案中调整直接使用?2.如何从零开始设计原创图案肌理?3.图案如何横向拓展成为系列化。文末附带CorelDRAW源文件,可下载使用。源文件内容示范在背景图形内的应用,包括圆形、方形、方倒圆、矩形、梯形、三角形、跑道形、菱形、异形、仿形等。

   


通过改变数列规律可呈现如下效果。
















一:平面图案肌理设计的流程

    本节主要介绍使用CorelDRAW软件制作流程,示范7个关键步骤。主要针对初学者,刚开始接触基础单元、规律、原始线、基础图案这些专业术语(下文用蓝色字体标出),后面章节的难度逐步增加。


1.1背景和图形

    首先确定背景面积,如图1中a所示,图中椭圆为20X16mm,背景面积决定图案数量。其次确定背景图形,如图a图形为椭圆,接下来设计图案将置于其中,并与椭圆边缘保持关系。背景面积和图形形状对后面的设计产生约束影响。


1.2限定风格关键词

    根据产品类型和产品风格确定本图案关键词,例如营造动感韵律风格,应用于运动式耳机产品,希望带来运动的活力。设计命题转换为在20X16mm的椭圆内设计动感韵律图案。


1.3基础单元和规律

    确定基础单元为线条,如图1中b中所示,具体为细S形曲线和粗S形曲线。规律拟定为S形线条等距离朝向左下角45度排列。

(图1 基础单元和规律)


1.4制作方法

    使用CorelDRAW 【贝塞尔工具】,勾勒两条线,线1和线2,线1粗细0.1mm,线2粗细0.6mm。这两条线成为原始线。使用【交互式调和工具】,连接这两条线,数量设置30个,距离设置等距。将上述图案置于到容器中,得到雏形图案,这个图案是基础图案。如图2所示。

(图2 基础图案)


1.5灵活的变动

    继续调整原始线,可以自动生成无数效果,如图3所示。这些图案对原始线的形状、位置、旋转、方向、距离、数量、粗细进行调整,得到不同韵律的图案,成为延伸图案。如图3所示。

(图3 不同韵律的图案)


1.6图案定位和工艺

    延伸图案效果完全基于原始线变更而来,因此DNA基因血统相似,得到的图案属于同一风格,可应用于产品线之上,加强产品系列统一感。为满足产品线布局需要,根据图案本身的精致度和个性特征,可划分为低端、中端、高端、旗舰四类产品。将图案定位于四类产品之上,正如下表4所示,表中左侧根据工艺档次、颜色效果、成本付出、图案精致度依次评价,延伸的4个图案分布其中。这样设计先行以全局观视野为产品线规划奠定基础。


图案1

图案2

图案3

图案4


工艺档次

塑胶模具加工成纹路

塑胶先丝印再喷涂

塑胶膜内转印

塑胶PVD镀膜片

颜色效果

单一颜色

两个颜色

很多渐变颜色

很多渐变颜色并有炫光效果

成本付出

0.2元

1元

3元

5元

图案精致度

线条间距要大于0.3毫米,满足模具加工

线条丝印最细可接受0.07毫米。

线条最细可接受0.03毫米。

线条最细可接受0.03毫米。


(图4)

1.7应用到产品之上

   根据产品规划指导并结合成本约束,将上图4中的图案1定位为低端产品,以塑胶模具加工成纹路,带来颜色单一,以最少的成本付出,带来图案精致度。如图5所示,耳机后壳采用以上塑胶工艺,只需注意根据模具深度预留拔模角度,将2D平面转换为3D三维模型即可。


   在产品设计说明时,注意解释产品个性差异,本设计说明为:波纹荡漾的元素渐变规律应用在耳机后壳,在耳机前腔不变动前提下为耳机尾部带来差异特征,此处为触摸区域感受到条纹刻度感,麦克风和指示灯要素编排其中,作为低端入门级耳机,保持前腔合理不变动,塑胶加工成本最低,主要设计点在于图案肌理设计成为差异的同时带来触感体验,营造动感韵律带来活力。


(图5,塑胶模具加工成纹路)


本章总结:

    首先对设计需求判断,包括背景面积、背景图形、风格关键词。其次掌握软件使用技巧,包括基础单元、规律拟定、原始线、基础图案。再次考虑产品定位因素,包括延伸图案、系列统一感、产品线布局。同时把控产品个性特征,包括工艺档次、颜色效果、成本付出、图案精致度。最终应用到产品之上,根据效果来修改上述要素。以上不仅解决了企业产品问题同时有利于产品设计说明传播,可以讲述图案的规律来源和设计故事。


   每次遇到图案肌理都无从下手,与其避而远之,不如将其深究,攻克难关后找到规律并发明一种方法,在后续在设计实践中得心应手并不断创新突破。




二:分析学习图案肌理的规律

    以经典的向“日葵扩散纹”为例,其视觉形象为慢慢向外扩散,由大到小,内含向日葵数列数理,如图6所示。此纹理目前使用最为广泛,其特点在于理性排列并不失动感。就此图案蕴含何种道理,下面进行深度分析,发现多个规律,最终总结为一套设计法则。

(图6 向日葵扩散纹


2.1背景和图形

    产品背景是扫地机器人上面板,图形为正圆,尺寸为300mmX300mm。

2.2基础单元

    基础单元为正圆,直径2mm。如图7所示。

(图7 基础单元)


2.3间距

   间距为1毫米,注意这里间距根据工艺而来,若为丝印镜面油墨则间距大于0.1mm,以保证丝网印刷不堵塞。若为PET胶片印刷间距大于0.01mm,保证印刷清晰可见。如图8所示。

(图8 间距)


2.4起点和终点

   这里的起点为大圆,直径2毫米,终点的小圆直径0.1毫米。使用丝印工艺保证清晰可见,不会堵塞网版,如下图9所示。

(图9 起点和终点)


2.5规律A 基础单元沿着蓝色线排列,数量60个,间距递增,由小变大。如图10所示。

(图10 规律A)


2.6 规律B

   基础单元沿着红色线排列,数量80个,间距递增。如图11所示。

(图11 规律B)


2.7规律C

   基础单元沿着橙色线排列,数量80个,间距递增。如图12所示。

(图12 规律C)

2.8 规律D

   基础单元沿着绿色线排列,数量60个,间距递增。如图13所示。以上规律A、B、C为沿着路径排列,下面的规律D为圆心层层扩散。

(图13 规律D)


总结1:图案的关键因素和设计流程

    基于上述分析,总结为9个关键因素和流程,首先确定产品类型,其次注意图形面积和形状,合理设置基础单元,考虑起点和终点,根据材料工艺设置间距,相继为图案设置规律A,根据美感情况设置规律B和C,最终形成独具一格的风格形象。如图14所示。


背景产品→图形面积→基础单元→起点和终点→间距→规律A→规律B→规律C→最终风格形象。

(图14 设计流程)



总结2:设计原理

    学习《设计几何学》、《比例与构成》、《和谐之美》书籍并结合自身实验探索,总结原理如下:

    a.差异性:上文“向日葵旋转“数列不同于“圆心发射”和“同心圆收缩”,这些大规律决定了图案之间的不同,刚开始选着何种规律决定最根本差异。如图15所示,简单的几个圆点示意便界定了根本差异。

(图15 根本差异)

    b.大韵律:人的眼球首先感知到大韵律,起到识别作用,而不是小规律,规律是安静理性的寻找,首先感受大的视觉效果扩散变化,整体规律吸引眼球。如图16所示,将辅助线显示,红色线代表韵律轨迹,大韵律分为收缩、发射、渐变、旋转。

   c.多规律:久经耐看的图案不仅具备大韵律,而且蕴含多个内容,层层融合,内容包含4种规律,这吸引眼球观看每个局部,并寻找其中规律,感受其中微妙,赞叹每个点巧妙排布。如图16所示,蓝色线代表规律轨迹。

(图16 韵律和规律


总结3:视觉风格转换产品形象

   从广义的角度看,上述向日葵纹包含四个心理学原理,分别为视觉风格、产品形象、图案识别、心理感受。慢慢向外扩散,由大到小,指规律A。内含向日葵数理,指的是规律B和C,普通用户很难用专业术语形容,会想象到一个词语来形容,多指规律A,规律A便成为视觉风格,应用到产品上转换为产品形象。

图案识别是指由多个点状形成的扩散,心理感受是指图案慢慢扩散在密集中变化。


   以上将混乱问题细化拆解后,得到设计解决方法。掌握以上设计流程和原理后,基于“向日葵”识别不变的前提下,去改变韵律和规律便形成以下图案,同是“向日葵”基本数理(基础图案),仍可延伸为变异为多种向日葵纹。如图17中a所示,双轴旋转指规律和排列路径,向内密集指差异识别印象,向日葵纹指原始基础图案。图案的命名根据上述描述而来。

        (图17

如图18中c d所示,改变中间因素参数,继续添加更多规律,形成密集图案。

(图18

如图19中ef所示,改变中间因素参数,植入新规律,形成个性图案。

(图19


       通过基础图案延伸后,上述六种图案相比,a b显得规矩理性,适用于一般电子产品中打孔和扇热功能。c d显得细密丰富,适用于精细感电子产品中的印刷工艺。e f显得科技运动循环,适用于科技运动产品中的表面处理。




了解了流程并学习规律后,如何开始原创新图案呢?

下文重点讲解《原创设计新肌理》和《图案系列化》。



相||文|章









关注公众号,回复“肌理图片”免费下载高清图片。


关注公众号,回复“word上篇”免费下载高清word。



关注公众号,回复“肌理矢量源文件”免费下载CorelDRAW源文件。


公众号



相||书|

image.png


以上文章收录于《图案肌理产品设计》 /  周红超 编著   / 页数 320页  /  设计与艺术

目录
一:初级教程
1.平面图案肌理制作的流程
2.分析学习图案肌理的规律
3.重新设计制作新图案肌理
4.图案系列化
5.图案品牌化
6.图案应用到产品表面示范
7.CorelDRAW示范制作图案的方法
8.图案在不同材质工艺上的运用
9.平面图案转换三维效果
10.图案的风格语言界定
11.100种图案欣赏

二:中级教程:
1.平面几何图案的历史沿革
2.图案与产品和品牌的关系
3.图案与用户喜好设计
4.CorelDRAW、Illustrator、Rhino、proe混合使用技巧

三:高级教程
1.挑战5种规律的图案设计
2.图案在封闭球体上的方法
3.设计几何学指导图案设计
4.大自然中的数列之美
5.编织图案故事源起






往|期||彩




20个TWS耳机设计(超级有趣)


TWS耳机赢得红点奖,有捷径吗?


10分钟学会,TWS耳机如何细分市场?


仅需三步,设计跨界无线耳机。






赞赏

小小心意,大大鼓励

343收藏文章 125赞起来+1

周红超

数码智能 · 深圳市 南山区 科技园

热门文章

发明专利的10个关键步骤

103赞  9评论  6719人气

红点奖设计方法-以AceNew电源为例

219赞  22评论  15017人气

设计思维创新 / 07负空间

131赞  12评论  10545人气

365种 设计思维创新

150赞  21评论  13467人气

查看更多

留言板(10

添加表情
登录后评论 添加图片
    最新 最热
    158****2736 2023-02-17
    举报 回复

    肌理矢量源文件

    🆔傻仔👺🤏 2021-09-03
    举报 回复

    回复“肌理图片”没有反应,哈哈

    陈小妹 2021-08-27
    举报 回复 4

    我觉得不是不想做,是最后老板会让你改成圆孔,因为工厂好做

    lam~怡 2021-08-27
    举报 回复

    厉害厉害,佩服学习了

    林鹿溪 2021-08-27
    举报 回复

    学习了

    小苹果 2021-08-27
    举报 回复

    大佬不愧是大佬

    啦啦啦 2021-08-27
    举报 回复

    6666666666 果断收藏

    守护 2021-08-27
    举报 回复

    Great job!

    小精灵 2021-08-27
    举报 回复

    学习了,收藏

    肆意的青春 2021-08-27
    举报 回复

    原来是出书的大佬

    你可能还喜欢 换一换

    收藏
    创建收藏夹

    创建收藏夹

    收藏夹名称
    确定

    举报评论

    恶意辱骂,诋毁
    垃圾广告信息
    黄赌毒,诈骗信息
    政治敏感问题
    其他原因
    提交
    留言 点赞 收藏 分享

    周红超

    小小心意,大大鼓励

    赞赏金额

    ¥ 1
    ¥ 5
    ¥ 10
    ¥ 50
    ¥ 100
    其他

    赞赏金额

    微信
    支付宝
    确认支付

    最高赞赏200元

    支付宝支付

    使用支付宝扫描二维码完成支付

    微信支付

    使用微信扫描二维码完成支付

    余额支付

    当前余额:¥0.00

    支付操作会向你普象账户的注册手机号发送验证码
    请注意查收

    发送验证码
    确认支付
    支付成功
    关闭