制图教室丨分析图+排版,请按这个深度给我卷起来!

制图教室 / 建筑设计 / 2024-04-23 17:42:43

图片

图片



叮叮叮!制图教室喊你上课啦~还是每周一,熟悉的时间,熟悉的配方,制图教室与大家如期相会。


今天的教程有点特别,不仅教制图,还教如何排版。全过程教学以后就都按这个程度卷起来吧~



图片

项目背景&灵感搜集


许多和我一样处在20-24岁之间的伙伴们正在艰难探索自我发展的道路上,我站在城市规划设计的视角分析,城市快速发展到一定阶段,催生了大学生群体的都市焦虑症。我认为城市设计工作者应该想办法鼓励大学生群体积极寻求帮助,和城市建立良好的关系纽带,才能从根本上治好“空心病”。


图片

项目概念图

确定好项目的主题,接下来,我开始搜集一切与我的目标相关的项目,最后我借鉴了启迪孵化器(一个企业)和各种心情日记app的运行模式,想要设计一个线上线下互动的系统,将大学、企业和大学生包容进来,使大学生有认识和体验各种职业的机会。

图片

图片

但如何避免脱离城市设计师的轨道,而变成了app功能策划者呢?在和老师进行两次头脑风暴后,我决定将目光投向VR虚拟城市,设计现实与虚拟的交互系统,我叫它“无限大学”。

所以最重要的一张图纸就是逻辑分析图——表达学校、企业和大学生三方交互的系统运转流程,我在Pinterest上不断寻找制作图纸的灵感,最后挑选出的这两张对最终图纸产生了极大的影响。

图片

左边的这种构图,对于我想表达虚拟和线下空间的交互关系来说,非常清晰明了。右边流程图的形式比较创新,重点表达很清晰。在找灵感图片的同时,其实不光在形式、色彩上对自己的图纸有帮助,对于流程分析图来说,还能帮助完善自己的逻辑框架。


图片

构建图纸的逻辑框架


在这里向大家推荐一个超好用的流程图应用——Xmind,如果是日常做ppt,这一个软件就可以直出好看的流程图。我就是用这个完善了原始的流程,接下来就是按照原来找的范图,扩展这张流程分析图,使它更加逻辑可视化。正式开始前,最好准备好你的色卡,我习惯从相关主题的插画里吸取颜色(如图),创建自己的色卡。逻辑可视化的过程。

图片

图片


图片




图片
三层沙盘的制作


首先AI里面画出想要的三层正方形的大小形状,选中正方形的锚点,按住“ALT”键移动它到合适的位置,即可使它有透视的效果啦~填充的内容可以自定哦。


图片

接着将这三层图形导出图片,放在PS里,参考我们的范图,制作现实空间的虚拟“沙盘”。

图片

模型底座直接在SU里找一个俯视的角度,导出线稿和阴影,用锁定的第一个功能,用紫色刷一下线稿图层,再将阴影调成灰紫色,就完成了,超简单!不过我还将要重点突出的建筑叠了深一点的线稿,下一步打光也是对准要重点表达的建筑。

接下来就是让它突然变好看的一步——打光!我建了三层不同的颜色光,其中灰色很重要,中和了艳丽的粉,并调节不同的透明度,再照着图上的步骤做,让光变得更有层次感。最后在关键区域点上一些粉色的小人、加上区域功能的标志,到这里,这个沙盘的底图就制作完成啦。


图片


接下来我们来完善这个三层沙盘的部分。

首先说明中间一层是Virtual reality campus,再向右延伸出去,强调出这个虚拟现实的沙盘里存在PUBLIC DOMAIN(公域空间)和PRIVATE DOMAIN(私域空间),在这两个空间中存在另一种选择,就是搜索特定的区域,我用了搜索页面来表达这个含义。


图片


最上面一层,我是要表达学校在公域空间进行管理,输出信息和资源给学生,学生在这里和与学校合作的企业进行联系,所以我找到头戴VR眼镜的办公人士的形象和许多企业的标识,在PS里处理颜色后放入了AI。


图片


最后的第三层是表达私域空间的,所以要将这一层和PRIVATE DOMAIN图标链接起来,和第一层一样的做法,找一个图标代表这个私域用户,重点强调Growth Log的功能。再加上用户如何通过Growth Log完成虚拟货币和现实货币的转换的流程,以及相关记录存在私域空间的云盘中,完成一个闭环。


图片

图片



图片

将现实中的“用户”加入系统


到此为止,学校在公域空间管理的流程,还有私域、公域空间的关系都已经整理清楚,但用户【USERS】和他们各自的关系还需要完善。

首先就是在图纸的右上角画出USERS的图标,将左侧第一层中管理公域空间的校方和USERS链接起来,如图,表示出他们的关系。


图片

接下来就要将用户如何进入、使用私域和公域空间的功能表达出来了。

我选择用直观的app页面表达用户如何使用私域空间内的功能的,这里推荐给大家去知乎上搜索“UI/UX设计师必备灵感网站推荐”,看自己需要什么类型的页面。

图片


注意!不要傻傻的都自己画,可以搜索比如“VR换装页面”,直接抠图贴上去。


图片


用户登录后,获得管理中心的权限,进入公域空间,另外,用户也可以提供管理者反馈。


图片


上述步骤加上后,一整张流程图就做完啦!


图片

最后总结三个tips:

1、一些小图标直接找现成的,自己画会很浪费时间!
2、这种几何图形多的分析还是用AI做会比较清楚!
3、画的过程分区域、多编组,不然到最后想找个图层都要翻半天,而且移动很不方便。

♥ 福利时间 ♥


转发本文至朋友圈集赞3个
后台回复【第112期】

即可获得相关素材

快来领取吧!


图片
图片


图片


教程讲完了,还是我们的老规矩,大家有任何想说的,都可以在评论区给我们留言。有任何问题,可以通过我们制图教室的负责人加入我们的制图教室交流群,大家一起快乐地学习进步吧~



可以添加客服微信邀请进群~

图片

声明:本文所用作品图纸源自网络
设计相关版权归原作者所有
LAC空间学社仅对图纸表达提供相关解读教程
教程版权归我方所有
原创作品,转载请与我们联系


LAC空间学部 25、26fall 招生现已全面开启!

扫描下方二维码即可免费咨询!


图片

wechat:客服账号


图片