美文网首页85后的视觉设计85后的文化墙视觉设计
设计思路 | 从 原型图 到 视觉效果图

设计思路 | 从 原型图 到 视觉效果图

作者: 张云钱 | 来源:发表于2016-12-26 21:53 被阅读52次

设计思路 | 从原型图 到视觉效果图 再到成品:

直接上图,对比3种设计稿的效果。

原型图 如下:

视觉设计稿,如下:

成品效果图,如下:

设计思路:

对比上面的三种设计稿,详细分析一下,各自的思路。

原型图:

用途:用来快速确定文字和图片。

表现形式:图片 加 文字

效果:看起来像菜单。

视觉设计稿:

用途:营造气氛和场景感受。

制作思路:找摄影图库的奖杯拍摄效果,找京东商城的奖杯商品的商业设计广告图。分析奖杯的设计效果。

主体奖杯说明:

玻璃材质设计:把黑色奖杯,图层混合模式,设置为滤色,就可以是奖杯,从黑色变成半透明的。

奖杯描边:奖杯半透明之后,就不突出了。这时候,可以给奖杯描边,用轮廓,突出奖杯。

背景图说明:

使用深色背景,是为了突出前面的透明奖杯;

使用红色背景,是为了营造获奖的气氛;

使用帘布背景,是为了突出颁奖台的效果;

使用纯深红色块,是为了模拟深红桌面的颜色,模拟奖杯放在桌面的效果。

文字说明:

使用金黄色文字,是为了突出奖杯的珍贵价值;

使用浅色文字,是为了在深色背景上,拥有更高的识别率。

成品制作:

制作思路:先打样1份,等大家把成品定稿之后,再批量制作;

文件处理:文字转曲,专色转四色,模式转CMYK,尺寸标注;

文件命名:写真覆压膜裱KT板包灰边尺寸160x90cm横版打样一份;

联系方式:姓名+手机号。

相关文章

  • 设计思路 | 从 原型图 到 视觉效果图

    设计思路 | 从原型图 到视觉效果图 再到成品: 直接上图,对比3种设计稿的效果。 原型图 如下: 视觉设计稿,如...

  • 移动设计

    一 设计流程 1. Web app产品流程 需求->交互原型->视觉效果图->前端demo->开发->测试->上线...

  • 产品经理的几种图表

    思维导图 记录、收集发散性思维 结构化整理思路 UI原型 设计界面视觉效果、交互效果 分配、整理功能分布 流程图、...

  • 原型设计小工具使用介绍

    什么是原型设计 软件开发需求阶段的效果图 便于产品经理和开发者沟通交流的设计图 前端页面显而易见 有哪些原型设计工...

  • 如何高效分享Axure原型 | 附安装包和教程

    UI设计师会根据原型设计效果图,开发人员会根据原型文档进行产品开发,测试人员会参照原型测试开发出来的产品。 又由于...

  • 注意与设计的思考

    这几天看到视觉UI出的效果图,便有了这篇注意与设计的思考。 ...

  • 学习总结5-PM用到的图

    产品设计过程中用到的9种图:流程图、设计草图、交互原型图(线框图)、视觉图(UI图)、信息结构图、站点地图、角色关...

  • 产品开发流程

    产品经理:项目需求说明 UI设计师:产品结构图+原型图+交互设计说明+页面流程图;psd效果图;标注稿+psd+切...

  • web前端教程:Vue项目开发流程

    一、企业项目开发流程 产品提需求 交互设计出原型设计 视觉设计出UI设计图 前端开发出页面模板 server端存取...

  • openlayers入门开发系列之迁徙图篇

    本篇的重点内容是利用openlayers实现迁徙图功能,效果图如下: 实现思路 迁徙图界面设计 迁徙图点击事件 迁...

网友评论

    本文标题:设计思路 | 从 原型图 到 视觉效果图

    本文链接:https://www.haomeiwen.com/subject/tacsvttx.html