返回列表 发布新帖

[图片图集] 土到极致就是美?对分析图来说不存在的!(附精华素材包)

281 0
UNCLE曾 发表于 2024-10-17 09:59:23 | 查看全部 阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

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

×
本帖最后由 UNCLE曾 于 2024-10-17 10:08 编辑


下载地址

3835c7b0c2ef22a8d4cb3e1c07c9cf46.gif

素材获取方式见文末

什么是设计师的刚需和软肋?
小意首先想到的就是分析图
这三个字时常出现在后台的留言里
而且出现频率最高

大神云集的pinterest上也不例外
18aef51ad56b00aced253e71ff8ae173.gif

究其原因
大概是落后的审美、过时的素材
天生的手残和少得可怜的画图时间
与设计师日益增长的自我怀疑之间的矛盾所致

521bd18e34a298db32e24e0c17b6b640.jpeg

于是乎,诞生了土到极致就是美的
土味分析图
4a26d8733323723d70ac136fe817e121.jpeg
77c982fdd78f3aa359aca3299e3f10d1.jpeg
d639d1d6ffd04a66026bafbf1958f762.jpeg
图片来自网络,仅供参考


9a949767c4ae0c30183f5f7d29357c21.jpeg

如何拯救土味分析图
不是三言两语能讲完的事情
哪怕给大家找些好看风骚的参考图
也不过是别人家的罢了
ae2366bf6b86fdd55df557396b8e15c3.jpeg

但为从源头解决问题
小意决定先从点线面入手
从画分析图最基本的素材和用法教起
注:文中素材获取方式见文末
01分析图构成要素
除了底图点、线、面、图表和文字
都是分析图的构成要素

fd0274bff245d9eac96d1e4ab8b6b509.jpeg
c82c2b1ecc4e2bb374f2108038be956b.jpeg

这些要素和画其他图一样,都讲究配色、风格和统一

[size=1em]one

分析图里的“点”,是个相对的概念
多半是指图标、小的形状、图案和色(shai)块
6435cc5e6e9919a48298f08448cc5341.png
7ecca6d4294f632ec36219610c26bc7e.jpeg
1f4c061a62caac6b7751ed7604c8fb7e.jpeg

“点”相较于其他要素更容易把控
只要风格配色统一、素材充足
就可以有不错的效果
虽然之前分享过图标素材

但图标这东西毕竟多多益善呀!

部分预览
1、城市地标和动物

d0b8135f747cfb40ea8eb20707c2228f.jpeg

2、交通工具
0cfb7aaad7ea45ef86826cf62d6acfd5.jpeg
3、休闲娱乐

8848bca1275f813a3c5e927ba699f827.jpeg
4、气候环境

6f88d29781fb29d2a8698f063d40e9ce.jpeg
5、指北针

c41fa1bd9dbb23db7119943ec9f3508b.jpeg

6、其他常用图标
02bf8f42cb98d97687256670cd3cfbbc.jpeg
以上图标均含PSD文件
2da1833f33af6bd2f414d22c35a50fcb.png


此外,平立面植物作为点的组成部分
自然也不能少
a0e722b658eb013f2ba128a42a5a2f00.png

合理点缀,保持风格一致
分析图的“点”就不会出岔子

[size=1em]two
线

分析图中的线,主要包括引线、轮廓线和流(轴)线
引线起引出、说明作用,一般为淡色虚线
PS和AI中用画笔画线、调线型即可
也有在CAD里提前画好再导出的

69a37ac05a3b2d30242236b55c5debf2.jpeg
轮廓线则起限定范围、突出强调的作用
配合PS和AI的描边、形状工具可以搞定

65c5337b16c0f274dbb113990ed8ed7f.jpeg

最后是最最重要的流线/轴线
这种线一般是带箭头带颜色的粗线
e669316139321766a22d12ff451e2e8e.jpeg
ac0813656df3580ecae3e5688a8c8479.jpeg

由于流线、轴线常常对应着道路、河流和场地的走向
往往是不规则的形态
单靠PS画流线显然比较吃力耗时
配色不当还容易画成各种土味分析图……
5f42447eb75f62d3764d3eb126a824d6.jpeg
3d3f38341d599c791c9ceb226969c287.jpeg

要从根本上杜绝土味分析图
首先,淘宝同款的过时分析图素材要慎用

785ca750c7409889e63a0be5be3a46b9.png
3f917e1d1138c155722813b13d3154f0.png


最好替换为配色、样式更为新颖
修改方便的AI格式的矢量箭头
比如下面这份素材

部分预览
f9115f35d5e9f04e4b11bf19371a467a.jpeg
38d4a903e33135bf24e72a73e21a62d6.jpeg
4adf2927ef5474603b022b8b2814edef.jpeg
6be68ea58a89f98cdc5f471c9838c585.jpeg
5fcc2b897d8c4f7277a17a5f46a22add.jpeg
9762a016ea109f97f8c5f62b70fb69ab.jpeg
4cd55f9e9d74f334b83312aa109eb3c4.jpeg
e59c4e7e4fd8b6f5be0d4227aadacb9e.jpeg
ee4274dcce7c64be7ecb9705f1b97ab4.jpeg
9a6c42681bd93cacca56c0ae842d6f55.jpeg
0181cd6f368bc2102c3d6231914f2abb.jpeg

4e4c32a440e9e4fd245d882e2674a19b.jpeg

以上文件均为.ai格式
在AI中可以直接使用调节
311fd78f8649f2f962950cbfbe0c1b0d.png
d198bc9d8b6aae4697c5962211bff9b8.png

不会AI?也没关系
还可以用PPT画线

有"低配AI"之称的PPT
画起各种不规则线来简直不要太快
a6a20c6dbfdd0bc3673ec24ed3a014cc.gif

轻松修改线型样式、粗细、透明度、箭头等多项参数

f72ad946d46cb7fabb9c3ae78df66755.gif

各种填充用起来也是得心应手

f5b965c5a0a6e89111c25c823aae1521.gif

打开新世界的大门,要从打破土味思维开始

[size=1em]three

分析图的“面”即设计主体的平立剖面
以及大面积的色(shai)块和配景

0ab3518b04936d6288b24d957b2a7d07.jpeg
53e6bbc96a969320aaea5bdac035594f.jpeg
要画好“面”,最重要的还是要处理好配色的问题

为方便填色,也有大神会把底图处理成白色
比如之前介绍的素模风

图省事的办法,就是找自带配色的底图
最好是各种道路网格和注释都有的
只要把自己的建筑体块摞上去即可

再不济,也可以用PS、AI甚至PPT画框和填色

cc10511d5fdc41c0172aedef115e5037.gif
(重申:不要瞧不起PPT)

[size=1em]four
图表


点、线、面画完后
有时候需要添加图表辅助表达
最好是大数据可视化的那种
可以有效提升图纸的逼格说服力

cf2e0b9ad25cc4966f51a9b499e2bd9f.jpeg
e474f29e01aff25683af78f8b5daaf9b.jpeg
20cb7854608fe7d52b07fcda9f44047e.jpeg
af57c0025d965a0875d54badef60d032.jpeg
5038339c51c4e336a3bdd402fa881603.jpeg

这些小玩意看似很精致而专业
其实也可以用PS或者AI画出来
实在不会,也还有我们无所不能的PPT呀~
8af5191f5f3b901ab8c9a87e3c8922a6.gif
(说吧,你要什么图表?)

如果还是嫌弃PPT不够上档次
不够有设计范
那小意只好祭出自己搜集整理的一份素材
全部为eps格式,绝对是AI党的福利!
部分预览
bbec5442fa67bb023bf916d5e9ec3b61.jpeg
75d861277c93c1ddd33a940fe24cf39e.jpeg
b7de56df36563581ca08f8c0bbe9601c.jpeg
fa464aed444c2ffe9062f23d737bd0be.jpeg
cf5809b878ec22cc4e9e754ffbb2a832.jpeg
607bec26a2d45846efbea72c296fcb9e.jpeg
475df2ba9413ea89df3c25b84cf3694e.jpeg
cf0c45debe4e394d90a13022b010a543.jpeg
91cd7b65a9a1c623a5dad2f76cb55c9e.jpeg
11ed52efb705ed91b6f5096f8e5f1d43.jpeg

以上文件均有AI格式源文件
各图表元素在AI中可以直接使用调节
e63e5335666caaca13532d38ced060c8.gif

如此一来,图表问题也就解决了——
02参考案例PSD
说到分析图参考案例
小意其实是拒绝的
因为之前发过太多
已经多到烂大街了

12892dd2b1be4ca0865bc07611e9bdcd.jpeg

但如果有PSD源文件
小意还是觉得有必要和大家分享的——
预览
28641b8a426d2fe2081409272ab6f331.jpeg
9fb8611fc3541f215a9859ae4faff673.jpeg
d50bfa5bc51bda8e6a87fd415bc88a82.jpeg
a43c26616a75c855b5900fb269460df2.jpeg
2ed42629ba8c9da748fd44c8f47dde21.jpeg

附赠两个经典文本案例PSD
30c7b9827c555446e09e783432836230.png
ecc180351bcd989e51c202dc43fd8627.png

以上素材都已打包整理妥当
且和之前分享过的素材不重复

除了大体积的PSD文件外
其他素材只占不到200M
保证其精简度和实用性
76ddd78538ca2d7f5101006aaee75d77.png

彻底拯救土味分析图
就从这份素材包开始吧!

下载地址

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表