[平面UI] 教程来了!清新平面化分析图表达

查看:301 |回复:0 | 2019-12-11 21:04:01

您需要 登录 才可以下载或查看,没有账号?注册

x
本帖最后由 胖纸_DHW 于 2019-12-11 22:10 编辑

要说现在分析图界一姐地位,非平面化单色小清新莫属。BIG的分析图也已经显现出独当一面的态势。今天,就带大家做一张单色平面化小清新分析图。
先上成果图。

1.jpg

首先是模型准备。为了使分析图更加简洁、突出重点,建议大家将主体建筑上的门、窗都省略,只保留基本的体块。周边建筑用简单的立方体表示。如果建筑不是很复杂,可以打开阴影,这里建筑形体有一些斜线、交叉,为了视觉简洁,没有打开阴影。材质当然也更不需要。

2.jpg

切换到消隐模式、线框显示,分别导图。格式导出为pdf。


接下来将两张图导入AI,将消隐模式下导出的图建筑外轮廓线加粗。将线框显示模式下导出的图线型全部改为细虚线。


另外我们还需要在模型里单独建出想要分析的体块部分,将其着色,导出pdf,按照同样的方法在AI中修改线型为虚线。


在AI中将几张图合并,并将体块部分的透明度降到80%。得到如下底图。


做分析图,思路永远比技法重要。我们首先要从想要分析的内容出发,然后再考虑视觉效果等部分。这是一个青少年活动中心,我想表现的是教室的三个特点——1.噪音干扰小;2.景观视野好;3.光照条件好。

首先噪音部分,噪音来源可以用一些人、车来表示,而体块关系形成的噪音阻挡作用,则可以用反弹箭头表示,当然也可以选择用颜色渐变的直箭头来表示噪音的衰减。

景观视野部分,则可以用简单的树木群来表示,然后用醒目的黑色粗箭头来表示视野关系。光照条件部分,则可以绘制出太阳轨迹来表示光照方向。

思路有了,接下来是绘制。这里对所使用工具及步骤进行简单描述:

噪音——用钢笔工具绘制出路径,并在AI的描边选项面板中调节路径粗细、箭头种类和大小。导入一些人物的素材。

树木群——使用AI中的矩形、椭圆工具画出一棵树,打组后按住Alt键复制拖动,调节大小,形成树木群。

日照——钢笔工具绘制出太阳轨迹,加粗、虚线、箭头,然后画一个实心圆、再画一个虚线圆组成一个小太阳。


分析的内容部分差不多就完成了。接下来可以考虑视觉效果方面,整张图显得太单薄,可以加一些灰调。用形状生成器工具或实时上色工具将道路填充为灰色。


如果觉得还不够丰富,还可以将绿地部分填充为浅绿色,将周围建筑填充为浅灰色等等,来达到满意的视觉效果。这里我为了避免色彩太多喧宾夺主,图面部分就只处理到这里。

最后附以必要的文字说明。(不成文定律:英文比中文视觉效果更简洁,小字号比大字号视觉效果更简洁)


一张体块分析图就完成啦。最后是和这张图一起的一套图,套路其实都是一样的,供大家参考。

评分

参与人数 2元素币 +10 活跃度 +20 展开 理由
源支始 + 10 + 12
胖纸Jeremy + 8

查看全部评分

2019-12-11 21:04:01  
 赞 赞 0

使用道具 登录

0个回答,把该问题分享到群,邀请大神一起回答。

CG 游戏行业专业问题

图文教程技术文章技术文库UEUI
显示全部 11
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表