方案制作之拓扑图
  

justgonnab 发表于 2019-3-27 16:39

本帖最后由 justgonnab 于 2019-3-27 16:42 编辑

公司需要,本人售前售后运维实施一手端
这不项目又来了,前期的售前支持是少不了的,所以呢这次做方案除了文字功底外还需要在做图上搞点创新下点功夫,争取让客户眼前一亮。
编辑部的大伙应该都知道了,我在方案前期咨询过大神们如果做像咱们sangfor官网那种3D拓扑图,看起来舒爽、新颖、表现力强,大伙都给指点了方向。顺藤摸瓜最后下载了亿图EdrawMax和Adobe的Illustrator,究竟何用?下面细细分说……
微信截图_20190305105933.png
为什么不用viso或者PPT,其实不是因为不好用,而是因为自带图标库风格太老气了,不是很适合当今IT界的风范。亿图的图标配色整体很年轻、很轻快,不会给人一种沉闷的压抑感。所以既然用了亿图的图标那么顺手也就用亿图的【3D网络图】做拓扑呗~
2.png
3.png
怎么样?这张3D网络拓扑示例图是不是很有吸引力?下到连接线段,上到设备图标都是统一的3D风格,看起来整齐划一,复杂当中却又描述了纷繁复杂的拓扑逻辑关系。
3D拓扑图中,图标都是固定的,唯独图中的“经脉”——连接线却是最难搞定的,也是在体现3D样式中最为关键的角色。所以画出较长的折线对3D立体感的体现尤为重要,把握一个要点就是——角度要和图标统一!对,就这么简单。
示例中的3D图已经那么完美了,Adobe的Illustrator又要用来干什么呢?
不急,参考咱们开头贴出来的sangfor美工大师所画的网络安全拓扑图,可能会发现人家部分的文字描述都是立体的!
3D拓扑不能就这么将就了,也得研究下怎么做出倾斜立体字!
这时候Illustrator就派上用场啦
4.png
打开后快速创建新文件,就选A4纸吧,接下来就要在这张白纸上打草稿了~

5.png
插入文字,非常有意思,这里默认自动插入的是《三国演义》的片段。
6.png
好了改一下文字
7.png
接下来就要用到杀手锏功能了!
8.png
选择【倾斜工具】后,在文字中心选择锚点,然后拖就完事儿了,直到拖出你想要的形状!!!

9.png
右键文字,导出所选项目即可,可选PNG/JPG/SVG/PDF
10.png
最后,就把到处的图片插入到你的文档中吧,就这么简单,如果能够不小心被美工大神看到指点指点就更好了~
资源 2-100.jpg

喜欢这篇分享吗?喜欢就给楼主打点赏吧!点个赞也是极大的鼓励!

发帖可获得5S豆;若您的分享被加精或推荐优秀等,将获得更多S豆奖励,了解更多S豆奖励信息

完善手机号和公司名称,让服务更省心更便捷!立即完善

×
有话想说?点这里!
可评论、可发帖

本版版主

12
133
6

发帖

粉丝

关注

本版热帖

本版达人

新手41456...

本周分享达人

披荆斩棘

本周提问达人