软件一直是作为工具出现的,很少有人关注到软件模型的封面,在我看来一切可以向设计师传递有效信息的地方就要加以利用,并且把他做到极致,
在实际与设计师交流的过程中发现很多设计师对于工艺不了解,当时就想着制作工艺技术手册,去让设计师了解
但是工艺手册做出来后,发现设计师还是不去查看,究其原因是因为工艺手册与设计师的实际业务还是有距离,设计师需要的是眼前直接可以应用的场景,而不是设计的时候还需要再去找工艺手册,
那有没有一种方法可以让设计师在设计的过程中随时可以关注到工艺呢
我们发现设计师在设计的过程中最先接触的是封面
于是我们就对其进行了整改…………………
模型封面标准制图
1.封面要体现那些元素
经历了4版封面改版以后,最终总结出,一个封面需要具备以下元素:
- 模型分类
- 模型名称
- 工艺结构
- 学习操作
- 软件更新
- 软件版本

1.1模型分类
设计师首先拖出一个模型时首先考虑的是这个模型是在目录的哪一个分类里面,所以模型的分类必须体现在封面上这样设计师看到封面就知道是否第一级目录选择正确,而且模型分类的命名中也包含了这个模型的基本结构
1.2模型名称
模型名称可以快速定位这个分类里面属于哪一个模型,而且模型名称后面数字代表着这个模型是几门结构,例如上图表示为C款4门
1.3工艺结构(模型样式)
工艺结构可以让设计师快速了解这个模型的工艺结构,直观了解,此柜体是分成几段,或者所包含柜体的样式,例如上图中,此模型是分割为三段,并且又三个不同柜体组成
1.4学习操作
很多新人在学习过程中,总是去其他位置或者地方查找学习资料,很不方便,我们直接用二维码的形式将学习操作与软件最近更新集成在模型封面上面,这样方便设计师,
![]() | ![]() |
1.5软件更新
同1.4学习操作
1.6软件版本
软件版本为了区分目前设计师使用的是哪一版软件模型,可以快速查找原因,同时提示设计师采用新版
2.如何标准排版模型封面
模型封面排版及设计需要考虑以下因素
- 颜色搭配符合公司文化的传递
- 如何排版设计师电脑直接可以直观地查看,而不用点开缩略图
- 使用何种字体,可以传递价值
- 封面模型选取何种渲染可以降低设计难度,不影响整个项目进度
- 封面字体多大,可以让设计师清晰查看文字内容
- 模型分类控制在多少字以内可以传递出本身价值,同时好布局
- 封面的理想尺寸是多大,缩略图不受影响
- 封面文件控制在多少KB之内,网页加载不受影响
2.1如何将模型封面匹配品牌VI,界面统一
在前4版的封面中更多是摸索,没有进行有效的封面设计,所以显得有些杂乱
![]() | ![]() |
第一版 |
第二版 |
第一版的封面,更多的是酷家乐直接生成,未做任何编辑,属于直出,素颜出镜
而在第二版中,有意进行了推荐颜色,新品搭配,柜体与门板实行不同颜色
![]() | ![]() |
第三版 |
第四版 |
第三版中很明显的模型都直接渲染,同时加入了模型分类,那时的模型分类刚开始,所以也没有系统逻辑,只是简单的划分,很多是后字数都超过10个字,而且因为模型大小高低不同,所以渲染出来的图片,背景灯光效果都不统一,整个看上去就像个杂牌军
第四版中封面又开始恢复到酷家乐默认出版面,然后再在ps中进行修改匹配,同时也开始有意识的引入公司形象VI标识,但是对于门板及抽面未能进行有效统一,所以看上去还是不美观大气
![]() | ![]() |
第五版 |
第五版 |
第五版将品牌VI 直接引用,包括将模型本身也统一颜色,这样封面看起来更和谐统一。同时也思考了封面中的模型样式是渲染还是用模型后台截图,去制作,最终决定在后台设定好模型的颜色,使用酷家乐自己生成的封面图为模型图,因为如果使用渲染图,耗时且对技术有要求,使用默认封面图可以完美解决这个问题
2.2封面版面标准
在确定封面要同时传递以上信息后,与企划部设计了各个不同的版面,
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() |
在此期间将所有版面都放在设计前端实际查看,最终选择了最后一版,因为只有最后一版,在整体与个体之间有很好的平衡,整体协调,

2.3封面大小标准
既然确定了版面,接下来就对封面的大小开始进行测试,具体哪个尺寸的大小可以让封面完整显示,不需要设计师点开缩略图就可以完整查看封面内容,我们试了几个不同尺寸,最终确定直接用酷家乐默认的封面大小400*400像素,分辨率72ppi
2.4字体标准
定下了封面大小,就开始对封面的字体进行设计,何种字体不会侵权,粗细合适,设计师在前端看时不会发虚,字迹清晰,最终确定使用开源字体:思源字体Bold,大小52/6点,VA140,字高100%,字宽105%
2.5封面文件大小
在确定了以上后,导出的封面文件大小有7M左右,在酷家乐后台或者前台打开时基本上都会转圈,严重影响设计师效率,如果网速不佳更是灾难,与是就试着测试文件大小在多少时可以做到平衡,既不影响网页加载,又不会模糊了封面内容,最终确定文件大小不能超过45kb,由之前的7M到最终测试的45kb,差不多相差160倍,
为了解决这个问题发现PS快速导出PNG格式再用图压这款软件可以完美解决!
![]() | ![]() |
![]() | ![]()
|
轻创业,互联网创业项目,官方网站:ruyikt.com,添加 微信:fqy121389 备注:小项目!
如若转载,请注明出处:https://www.jiujiumeng.com/3141.html