YouTube2Text

Architectural Drawings Not Clear? Follow These 5 Essential Guidelines — Transcript

by Rayon Academy · 7,365 words · 1,053 segments · language en · Watch on YouTube

Full transcript

  1. 0:00Great design means nothing if your
  2. 0:01drawings don't communicate. Today, I'll
  3. 0:03show you five visual guidelines that
  4. 0:05make your architectural plans instantly
  5. 0:07clearer and more professional. In this
  6. 0:09video, we'll break down five simple,
  7. 0:12repeatable principles for creating
  8. 0:13cleaner, more readable [music] floor
  9. 0:15plans focused on graphic hierarchy,
  10. 0:18consistency, and clear communication for
  11. 0:20everyone from clients to contractors.
  12. 0:23I'll show you how these visual
  13. 0:24guidelines help transform architectural
  14. 0:26drawings into something instantly
  15. 0:28understandable and professional. To
  16. 0:30demonstrate this, I'll be using Rayon
  17. 0:31Design, an all-in-one next generation
  18. 0:33tool for architects and interior
  19. 0:35designers. You can create a free Rayon
  20. 0:38account using the link below to follow
  21. 0:40along. And you'll also find free
  22. 0:42templates used in the walkthrough linked
  23. 0:44in the description. So, let's get
  24. 0:46started.
  25. 0:49Number one, establish a clear line
  26. 0:52hierarchy. A clear line hierarchy
  27. 0:54creates visual order, separating
  28. 0:56structure from furniture, background
  29. 0:59from focus, and intent from noise. So,
  30. 1:01your drawing reads instantly and
  31. 1:03confidently. Let's start by looking at
  32. 1:05line weights. So, you can see this um
  33. 1:08scheme here, which is a simple um
  34. 1:10residential cabin design. So, you can
  35. 1:13see the solid areas are the walls. We've
  36. 1:15got windows, we've got doors, we have a
  37. 1:17series of patterns um to show the
  38. 1:20surfaces, and then we have blocks, which
  39. 1:22are furniture pieces um with a variety
  40. 1:24of different elements and people. Now,
  41. 1:27this is obviously made up of lots of
  42. 1:29different layers. And thinking about
  43. 1:31line weights, we need to think about the
  44. 1:32sort of hierarchy of different elements
  45. 1:34that we're showing. Let's just very
  46. 1:36quickly look at our layer system. So,
  47. 1:39we've got annotations there. So, that
  48. 1:41turns on and off all of our drawing
  49. 1:43elements. So those bits of added text,
  50. 1:46all those elements which are in red. Um
  51. 1:49so let's turn those off and look at the
  52. 1:51main drawing. Um we've got shadows which
  53. 1:54obviously help the drawing sort of pop
  54. 1:55out. So give it some depth and
  55. 1:57threedimensionality to it. We have our
  56. 1:59walls. So our walls and our windows and
  57. 2:01our doors are all contained within the
  58. 2:03same um layer. And then we have our
  59. 2:06furniture and our fills. So that has all
  60. 2:10of those um sort of added elements that
  61. 2:12bring the drawing to life. So things
  62. 2:14like the wardrobes, the floor finishes,
  63. 2:16the baths um and the beds. And then we
  64. 2:20have sort of additional landscape
  65. 2:22topography around there. So obviously
  66. 2:24when we're putting this drawing
  67. 2:25together, we want to be thinking about
  68. 2:27what are those things that want to show
  69. 2:29as solid, what are those things that
  70. 2:30want to show strongly, and what are
  71. 2:32those things that want to show a bit
  72. 2:33more lightly. So the first thing would
  73. 2:35be to make the um the wall thicknesses
  74. 2:39nice and strong. So that's obviously
  75. 2:40because you're cutting through the
  76. 2:42walls, you want them to have some
  77. 2:43element of solidity. So all the
  78. 2:45elements, so the walls, um the doors,
  79. 2:47the windows, they're all referenced
  80. 2:49through styles. So styles are on the
  81. 2:52left hand side here and they basically
  82. 2:54contain the information about the visual
  83. 2:56appearance of all these different
  84. 2:57elements. So you can see here if I click
  85. 2:59on walls, this wall has a style. So it's
  86. 3:02a gray 0.3 m. So this contains
  87. 3:05information about its properties. So how
  88. 3:06thick it is, what the finish is, um how
  89. 3:09it appears in the drawing. So I can go
  90. 3:11into there and I can edit that style. So
  91. 3:14I could make the whole wall one solid
  92. 3:16black. You can see that those internal
  93. 3:18walls don't change because they're not
  94. 3:20the same style. So obviously if you're
  95. 3:22looking at that drawing, it's very clear
  96. 3:25which elements are the solid elements.
  97. 3:28So we could do exactly the same [music]
  98. 3:29with the thinner walls and that could be
  99. 3:32a black line. So there it gives the
  100. 3:34drawing a hierarchy already. It's a very
  101. 3:36clear distinction between solid and
  102. 3:38void. We can then think about things
  103. 3:41like the windows and doors. So again,
  104. 3:42you're cutting through them. So they
  105. 3:44should have some thickness to them, but
  106. 3:47they're much lighter elements. So if we
  107. 3:50go into each block, so that's what a
  108. 3:52door or window is. It's a block family.
  109. 3:54So I can go into that block and I can
  110. 3:57look at the styles which have been used
  111. 3:59here. So again, we have our style. I can
  112. 4:02go in and edit that style. It gives me a
  113. 4:05line. So I could change the line color
  114. 4:07and I could change the line thickness.
  115. 4:09So at the moment it's shown as something
  116. 4:11very thin. So I could up that thickness
  117. 4:13and say for example I wanted to change
  118. 4:15the swing. So I could add a dash to that
  119. 4:19line. For example, which accentuates the
  120. 4:23temporary nature of the of the door. And
  121. 4:25I can change the scale of that dash.
  122. 4:27Again I can change [music] the thickness
  123. 4:29of the line.
  124. 4:31and I can change the color. So you can
  125. 4:34see that the other thing to bear in mind
  126. 4:36is the view scale. So at the moment
  127. 4:38we've got a stroke scale set at 1 to 40.
  128. 4:41So if we were trying to imagine what
  129. 4:43this drawing might look like at 1 to
  130. 4:44100, we could change that scale and then
  131. 4:47our drawing line thicknesses will be
  132. 4:49updated to show that. So I pop it back
  133. 4:51to 1 to 14. And I can do exactly the
  134. 4:54same thing with any of the blocks. So
  135. 4:56you can see in here I can change the
  136. 4:59types that are related to those. I can
  137. 5:01[music] change the thicknesses and I can
  138. 5:03do that in any of the block families
  139. 5:06that exist.
  140. 5:08So you can see there the drawing is
  141. 5:10already starting to really show that
  142. 5:12depth. So we can do exactly the same
  143. 5:15thing with the people. So you can see
  144. 5:18here the blocks themselves. The outline
  145. 5:20of the block is thicker and the detail
  146. 5:22elements within the block are thinner.
  147. 5:25And you then you can see um within the
  148. 5:28fill, so the patterns that are created,
  149. 5:30they're a lighter shade. So again, I
  150. 5:33could go into here again, I can edit the
  151. 5:35style. Um I can go into my hatch and I
  152. 5:38can change the stroke color of the
  153. 5:41hatch. I think the mid-graay works quite
  154. 5:43well actually, but you get the idea is
  155. 5:45that we can have a hierarchy of
  156. 5:47different line weights that help
  157. 5:49illustrate the drawing and can
  158. 5:50communicate the ideas much clearer. And
  159. 5:52when you're going through the effort of
  160. 5:54creating these different styles, you can
  161. 5:56save them and you can share them amongst
  162. 5:58your team and your colleagues. So I
  163. 6:00could set a standard way that I like to
  164. 6:03um present my drawings and I could set
  165. 6:05that as a standard within my office. So
  166. 6:07all of those users that are using rayon,
  167. 6:09they can follow those styles. So as I
  168. 6:12showed you before, say I was creating a
  169. 6:14um a new wall for example, let's just do
  170. 6:17a little test here. If I say save style,
  171. 6:21I can call that wall a. I can set the
  172. 6:24thicknesses. So, you know, you could
  173. 6:27have certain maybe feasibility type um
  174. 6:30projects where you're using, you know,
  175. 6:32an estimated thickness for a wall. And I
  176. 6:34can go into there. I can then change the
  177. 6:37field type. So, I can add colors. I can
  178. 6:40add a gradient, even a texture
  179. 6:44or a hatch. So, you know, I could have a
  180. 6:47diagonal hatch that sits um as standard
  181. 6:50and I can change the thickness of the
  182. 6:52outline of the wall and change the
  183. 6:54thickness or um tone of the hatch
  184. 6:57itself.
  185. 6:58And then you will see that in our styles
  186. 7:01library,
  187. 7:04if you scroll down to um walls, we have
  188. 7:08our wall A. So that will sit within that
  189. 7:10library and that library can be shared.
  190. 7:12So to share a library, we go up to
  191. 7:15share,
  192. 7:16go to libraries, and you can see here
  193. 7:19there's publish styles. So those styles
  194. 7:21can be shared with other people with
  195. 7:23with your other teammates. You can even
  196. 7:25create your own custom blocks and share
  197. 7:26those as well. The really great thing is
  198. 7:29anything that's been painted with this
  199. 7:30style, once I go in and update it, so I
  200. 7:34could go in and say, actually, I want
  201. 7:35the outline to be orange. I can edit
  202. 7:37that from that style library. So if I
  203. 7:39had multiple drawings on a canvas that
  204. 7:41had all of the walls related to this
  205. 7:43style, I would only need to adjust the
  206. 7:45style one place and that would update
  207. 7:47everything else. And similarly, if we
  208. 7:49jump to the annotations layer, for
  209. 7:50example, so let's turn those back on.
  210. 7:53You can see all of our annotations are
  211. 7:55red. So I could go back into the style
  212. 7:57library. I could change those from red
  213. 7:59to black to gray to whatever color I
  214. 8:00felt like and that would update
  215. 8:02everything itself. Similarly, I could
  216. 8:04change the um the line types for
  217. 8:07example. So, you know, the scale of the
  218. 8:09lines, the thickness of the grid lines,
  219. 8:11for example, [music] you know, I can go
  220. 8:13in here, the thickness of those, and I
  221. 8:15can save those as grid line, for
  222. 8:18example. So, you know, say on every
  223. 8:20drawing that you create, you want to
  224. 8:22have your grid consistent. We could just
  225. 8:23save a gridlin style and then that would
  226. 8:26come into our line styles within here,
  227. 8:30which you can see there. So, again, I
  228. 8:32could edit it from the style library and
  229. 8:34say, actually, I don't want it to be
  230. 8:35red. I don't want it to be green. You
  231. 8:37can see that. And for me, that's the
  232. 8:39really powerful thing about Rayon is
  233. 8:40that all these visual communicative
  234. 8:42aspects of the drawing aren't
  235. 8:44afterthoughts. They're all part of the
  236. 8:46process. They're all part of you
  237. 8:47thinking um how you want to communicate
  238. 8:50that, how you want to display the
  239. 8:51hierarchy, and you can very easily
  240. 8:53clearly see that within the drawing
  241. 8:55yourself. Number two, manage fills and
  242. 8:57hatches for clarity. Thoughtful use of
  243. 9:00fills and hatches prevents visual
  244. 9:01clutter and clearly communicates
  245. 9:03materiality, depth, and spatial
  246. 9:06hierarchy, especially as drawings become
  247. 9:08more detailed. Now, let's dive into
  248. 9:11hatches. So, here's another example
  249. 9:13project. So, this is a a small apartment
  250. 9:15project, which you can see here. There
  251. 9:18are a number of hatches um that sit
  252. 9:21within this drawing. So you can see here
  253. 9:23we have flooring finishes for a living
  254. 9:25bedroom space, a diamond type tile for
  255. 9:28the bathroom, a larger format tile for
  256. 9:31uh the kitchen, and then an external um
  257. 9:34patio type fill. Even the drawing itself
  258. 9:37has got a hatch to it. So this square
  259. 9:39has a a fill which is is a hatch of some
  260. 9:42sort. And similarly, if we look down at
  261. 9:45the rest of the drawings, we have more
  262. 9:47of a um a rendered finish. So, you know,
  263. 9:50just like we have the very sort of
  264. 9:52diagrammatic hatch here, we have a more
  265. 9:54sort of pictorial hatch in these images.
  266. 9:57So, again, you know, we have the sort of
  267. 9:59timber chevron, we have the diamond
  268. 10:01tile, um the larger format tile, and
  269. 10:03then the external patio area. Um and we
  270. 10:06even have a key that sits alongside
  271. 10:08that. Now, both these types of hatches
  272. 10:12um and patterns are made in exactly the
  273. 10:14same way. So to actually make a hatch.
  274. 10:17So we can either have a shape that has a
  275. 10:20fill. So really they are just different
  276. 10:22types of fills. So if we go into the
  277. 10:24fill menu here, we can have a solid
  278. 10:26color fill. So that can be obviously
  279. 10:28whatever we color we want. We can have a
  280. 10:30hex code. Um and we can change the
  281. 10:32opacity of that that fill itself. We can
  282. 10:36have a gradient. So we can change two of
  283. 10:38the colors. So we can have a gradient on
  284. 10:41there. We can have a texture. So those
  285. 10:43are those sort of photographic type um
  286. 10:45images which are repeating. So we have a
  287. 10:48library of different textures. So things
  288. 10:51from tiles, bricks,
  289. 10:53um timber, flooring, outdoor things. So
  290. 10:57we have a sort of fixed library there.
  291. 10:59But you can also add your own um which
  292. 11:01I'll show you to to in a second. And
  293. 11:03then we have a hatch and those are more
  294. 11:05sort of diagrammatic things. So um line
  295. 11:07hatches, things that you might use in
  296. 11:09your more traditional drawings. Um, and
  297. 11:12they can be things from floor finishes,
  298. 11:14um, you know, [clears throat] brick
  299. 11:16patterns, shingles, or, you know, things
  300. 11:19you might use in detailing. So, you
  301. 11:21know, things like oblique lines and
  302. 11:22vertical and diamond lines. And again,
  303. 11:24just like all of our styles, we can set
  304. 11:27these. We can change the color of the
  305. 11:31hatch itself. We can even [music] change
  306. 11:33the line thickness of the individual
  307. 11:36element as well. We can even do things
  308. 11:38like scale it. So, I can scale the
  309. 11:40hatch. I can rotate the hatch. So, say I
  310. 11:44wanted a more sort of random pattern.
  311. 11:47Um, and I can even offset
  312. 11:52the hatch within that frame. And once
  313. 11:54you've got the hatch exactly how you
  314. 11:56want it, you can save it as a style. So,
  315. 11:58just like when we were looking at the
  316. 11:59line styles, you can save that as a
  317. 12:02hatch style. So, we'll call that stones
  318. 12:05hatch, for example.
  319. 12:08Um, and I'll just show you the style
  320. 12:10library. And you can see on this side we
  321. 12:12have the style library, stones, hatches
  322. 12:15there. So again, any element which is
  323. 12:17filled with that hatch, I could then go
  324. 12:19in afterwards and I could change it and
  325. 12:21say, "Oh, actually that wants to be a
  326. 12:23red hatch." And that would update all
  327. 12:25elements of that drawing. You know, I
  328. 12:26can even go in and change all of those
  329. 12:29things that I showed you before. So, you
  330. 12:32know, change the scale,
  331. 12:34change the rotation, change the line
  332. 12:36thickness. And you'll notice there the
  333. 12:39container, so what it sits in the shape
  334. 12:42if you like, that also has um a line
  335. 12:45style as well. So, I can remove that
  336. 12:47stroke edge if I wanted to, and it just
  337. 12:49shows up the hatch. And that will
  338. 12:51obviously change
  339. 12:53with whatever shape I have. I could make
  340. 12:56a
  341. 12:58circle with that. And I could make a
  342. 13:02polyline with that. And if I want to
  343. 13:04pick up that style, so the red one, all
  344. 13:06I'd need to do is use the [music] picker
  345. 13:07tool and that would pick up that style.
  346. 13:10You know, even these themselves, this is
  347. 13:12just a shape with a fill. So I could
  348. 13:14even go in and change that to that same
  349. 13:18hatch. Probably wouldn't want stones
  350. 13:20indoors, but who knows? And exactly the
  351. 13:23same things with these more sort of
  352. 13:25photographic representations. So if we
  353. 13:27took this hatch, this chevron timber
  354. 13:30hatch for example. So we've got herring
  355. 13:33bone PNG texture. So we can go in there.
  356. 13:36I can see this. So we have a fill. So I
  357. 13:39can edit that texture itself. So I could
  358. 13:41change the colors. I could increase the
  359. 13:43contrast, the saturation. So say that
  360. 13:46wasn't just how you know you liked the
  361. 13:47pattern but not the tone. So we can
  362. 13:49change that and that will update there.
  363. 13:52Similarly, I can do exactly the same
  364. 13:53things that I was doing before. So, I
  365. 13:55can change the size, I can rotate it, I
  366. 13:59can offset it, all of those things. And
  367. 14:03you'll see in the style, let's give it a
  368. 14:06name. We'll call it timber texture.
  369. 14:10And you'll see that pop up there. And
  370. 14:13again, I can go in from the style side,
  371. 14:16and I can do whatever I like with it.
  372. 14:21And again, that will update wherever I
  373. 14:22go. Now, what about if you wanted to
  374. 14:24create your own? So, again, and as
  375. 14:27before, if I was to create new elements,
  376. 14:30so a circle, a polyline, even if I have
  377. 14:35a
  378. 14:36um a wall that I want to contain a
  379. 14:40space, you know, if we just make this a
  380. 14:42simple [music] um solid fill wall, I can
  381. 14:47use the bucket tool, which is down here.
  382. 14:50So bucket and I can fill that and then I
  383. 14:52can change that fill to that. So I can
  384. 14:55use the bucket tool very easily to fill
  385. 14:57elements between different um surfaces.
  386. 15:00And exactly the same with these two
  387. 15:02shapes. I can pick a style and I can
  388. 15:04change those. And then if I went back in
  389. 15:06here and I said actually I'm not sure
  390. 15:10about that one. I want to go back to the
  391. 15:11original. All of those update. Okay. But
  392. 15:14what about if you wanted to make your
  393. 15:16own pattern? So let's try that. So,
  394. 15:18let's just fill this shape for example,
  395. 15:21and I will go to add a fill. So, I can
  396. 15:26go to texture, which is where those sort
  397. 15:28of image patterns um were coming from,
  398. 15:30and I can upload my own. So, I've got
  399. 15:32this example texture here, which is a
  400. 15:35vertical timber. And you can see there,
  401. 15:37it loads that into a pattern. And I can
  402. 15:41do exactly the same thing I was doing
  403. 15:43before. I can change that. I can change
  404. 15:46the rotation [sighs and gasps]
  405. 15:49and I can even change the color.
  406. 15:53Something a little bit grayer.
  407. 15:55Yeah, that looks good. So
  408. 15:58I can save that as a style and I can
  409. 16:02call it external decking. For example, I
  410. 16:06might remove the outside stroke and then
  411. 16:09I can do pick a style and that will be
  412. 16:12updated on whatever I say. And then in
  413. 16:14that instance, I might say, "Oh,
  414. 16:15actually the scale is not quite right."
  415. 16:17So I can find my external decking in
  416. 16:20here. I can go to transform and I can
  417. 16:22say, "Oh, actually maybe the scale of
  418. 16:24Yeah, that looks a lot better." So that
  419. 16:26gets updated. Obviously, it's updated on
  420. 16:28that one because that's where we were
  421. 16:29using it. Um, but that's that. And once
  422. 16:33you start exploring, you'll start to
  423. 16:35decide when it's right to have different
  424. 16:37types of styles in different types of
  425. 16:39drawings. So for this type of drawing
  426. 16:41for example, so we have different types
  427. 16:43of drawings here. So one is about
  428. 16:44furniture, one is about electrical and
  429. 16:47lighting, one is about construction and
  430. 16:49one's about the floor coverings. So you
  431. 16:51know in this type of drawing, you know,
  432. 16:53a very visual thing that shows you the
  433. 16:55pattern that shows you the tones, how
  434. 16:57those things interact. Having a a very
  435. 17:00visual thing with all of these patterns
  436. 17:02is perfect. Whereas that probably
  437. 17:03wouldn't work. It would be far too
  438. 17:06cluttered for an electric and lighting
  439. 17:07plan. So, you need to then start
  440. 17:09thinking about how you're bringing these
  441. 17:12textures, tones, patterns in to help you
  442. 17:14communicate is always going back to
  443. 17:17communication. You know, what are we
  444. 17:18trying to communicate with each drawing?
  445. 17:20Um, and on this one, it's about the
  446. 17:22lighting. On this one, it's about the
  447. 17:24furniture. And on this one, it's about
  448. 17:26the floor covering. So, you're suiting
  449. 17:28your purpose perfectly, all with the
  450. 17:30tools that Rayon are giving you. Number
  451. 17:32three, use blocks to standardize
  452. 17:34furniture and symbols. A strong block
  453. 17:37system ensures furniture and symbols
  454. 17:39read correctly in scale, style, and
  455. 17:42hierarchy, creating consistent, accurate
  456. 17:44drawings whilst dramatically speeding up
  457. 17:46your workflow. Now, on to CAD blocks.
  458. 17:48So, Rayon has got an extensive CAD block
  459. 17:51library which really helps the process
  460. 17:54um of layout, planning, you know,
  461. 17:56everything that you could want is in
  462. 17:58this block library. To access it, you
  463. 18:00have the block library on the left hand
  464. 18:02side. And you can see here that if we go
  465. 18:04to libraries,
  466. 18:06we have all of Rayon's standard
  467. 18:08libraries. So things from title blocks,
  468. 18:11animals, basic elements, bathrooms,
  469. 18:14um dining rooms, kitchens, windows,
  470. 18:17hospital treatment rooms, you know,
  471. 18:19anything you can think of, there is an
  472. 18:21element for you within the Rayon block
  473. 18:23library. And if we look at this example
  474. 18:25um drawing set here for an urban loft um
  475. 18:28you can see a lot of those um blocks
  476. 18:31already in the plan. So we can see
  477. 18:33things from furniture layout. So this is
  478. 18:35one you know fixed layout with all of
  479. 18:37these different elements in it. Um
  480. 18:38cooktops and chairs and tables,
  481. 18:40planting, you know, even people in plan,
  482. 18:43bathrooms, doors, windows, all of those
  483. 18:47elements are blocks that are placed into
  484. 18:49the model. And we even have those things
  485. 18:51in plan section and in elevation. So the
  486. 18:55same library will have these elements
  487. 18:57that you see in plan down here. So you
  488. 19:00can see this kitchen element in section
  489. 19:02there. That's the same block just with a
  490. 19:05different view. So let's take [music]
  491. 19:07you know one of these kitchen units for
  492. 19:09example. You can see on the right side
  493. 19:11it tells you what this block is. The
  494. 19:14block itself can have properties. So
  495. 19:16there were lots of different tutorial
  496. 19:17videos on Rayon that go into different
  497. 19:20properties that the different blocks can
  498. 19:21have. But you can see here if I click on
  499. 19:23it, we also have top and side views. So
  500. 19:27I know that if I use this cabinet in
  501. 19:29elevation, for example, I can also have
  502. 19:33the plan view as well. And that's
  503. 19:36perfect because then when I look a
  504. 19:38different way at a drawing, I know that
  505. 19:39they're aligned, they're the same style,
  506. 19:41they're the same shape. Um, all of those
  507. 19:43things are pre-built. And just like
  508. 19:44before when we mentioned we can change
  509. 19:46the style of these things. So if I go
  510. 19:48into here I can change the different
  511. 19:50line styles which are created.
  512. 19:53Yeah, these can have different fills.
  513. 19:57So anything that's um pasted with that
  514. 19:59style will be updated. You saw all of
  515. 20:02those different elements update. Yeah, I
  516. 20:05can even change the line style to make
  517. 20:07this
  518. 20:09a different dash for example. You can
  519. 20:11see that there.
  520. 20:13And then when I reuse that, those style
  521. 20:16preferences will stay the same. But what
  522. 20:19about if I wanted to add something new
  523. 20:20from the library? [music] So say here,
  524. 20:22for example, some more kitchen elements.
  525. 20:25So [music] I can
  526. 20:28add some more plates and bowls if I
  527. 20:29wanted to. So that comes in to scale
  528. 20:33and it's easy to just drag and drop into
  529. 20:36the drawing. Obviously, I can edit, I
  530. 20:38can rotate those things if I want to. I
  531. 20:41can scale them. And again I can go in
  532. 20:43there and I can change the line styles,
  533. 20:46the fill styles which are related to
  534. 20:48those things. So doors and windows are
  535. 20:51blocks in themselves. So when we want to
  536. 20:53host a door or window in a wall, we go
  537. 20:56to opening. So this will allow us to
  538. 20:58choose a block from the library. So say
  539. 21:01we just go with a standard door here.
  540. 21:03I'll select that and then that will
  541. 21:06automatically, you know, hug to my wall
  542. 21:09elements. So we wanted a door here for
  543. 21:12example. I can change the swing of the
  544. 21:14door and that will be hosted in the
  545. 21:16wall. I can then you know move that
  546. 21:17about as my heart's content and I can
  547. 21:19also go in I can change those line
  548. 21:23styles as before. I can add a dash for
  549. 21:26example. Um and again those will all
  550. 21:30live within my block library. Rayon also
  551. 21:33has things called parametric blocks. So
  552. 21:35if you're looking through the block
  553. 21:36library for example, so if we go to I
  554. 21:39don't know basic blocks, we can find a
  555. 21:42parametric block and these are all
  556. 21:44signified by this little shape here. So
  557. 21:48for example, we could bring in this
  558. 21:51corner sofa. So that just drags in. So
  559. 21:54obviously I can I can do things like
  560. 21:56rotate it, but you'll see these little
  561. 21:59sliders here and that allows me to
  562. 22:02adjust the block itself. So rather than
  563. 22:04stretching the whole thing to fit, I can
  564. 22:07adjust these elements, make them longer
  565. 22:10or shorter, make it fatter or thinner,
  566. 22:12exactly the same thing. So it fits with
  567. 22:15my design intent. It fits within the
  568. 22:17space and it doesn't lose that overall
  569. 22:19proportion that you want. Um, and that
  570. 22:22is, you know, a variety of different
  571. 22:23elements from things like doors,
  572. 22:26windows, stoves, you know, tables, for
  573. 22:29example. [music]
  574. 22:31So here, you know, the parametric nature
  575. 22:34of the block as the table increases, it
  576. 22:37populates the chairs, you know, that's
  577. 22:40really smart. So I can adjust those
  578. 22:42things and make my furniture fit how I
  579. 22:44like without getting into the realms of
  580. 22:46just stretching things so they're not
  581. 22:47accurate. The other things you can do
  582. 22:49with regards to blocks is import blocks.
  583. 22:52So you can import things like um product
  584. 22:55vendors DWGs or PDFs and have those
  585. 22:58within your block library. So if you
  586. 22:59have particular furniture um blocks that
  587. 23:01you like to use um or you're migrating
  588. 23:04from AutoCAD for example um the really
  589. 23:07cool tool within Rayon is the AI um
  590. 23:10block creator. So say for example I have
  591. 23:14a um
  592. 23:16uh this very lovely mid-century um
  593. 23:21sideboard for example that I want to
  594. 23:23place under the TV here. I can go I can
  595. 23:27download that image. So you know upload
  596. 23:30that file to the AI chat which sits on
  597. 23:32the left side here and I can say
  598. 23:35generate a product. So here it says turn
  599. 23:37a product image or simple prompt into a
  600. 23:39CAD block. So I'll click that and then
  601. 23:42I'll press send and that's going to be
  602. 23:45doing a number of things. So you can see
  603. 23:46there it's removing the background. It's
  604. 23:49generating an object representation.
  605. 23:51It's going to be drawing the top, the
  606. 23:53side and the front views. and then it's
  607. 23:55going to be estimating the dimensions.
  608. 23:57So hopefully it will come in as a
  609. 23:59finalized block to scale um and
  610. 24:02represents that image that we want.
  611. 24:04There we go. So it's generated um the
  612. 24:08top, the side and the front view of the
  613. 24:11sideboard. Um and I can download that or
  614. 24:14I can import each view as I see fit. I
  615. 24:18can import each view as I see fit. So
  616. 24:20for example, I can at my top view.
  617. 24:24Obviously from the top it's not much to
  618. 24:26look at, but from the front from the
  619. 24:29side you'll see that those things align.
  620. 24:31I can also go in here. I can change the
  621. 24:34line style. So I could say actually a
  622. 24:36sort of mid-graay color would be good.
  623. 24:39You know, I could even go in and fill it
  624. 24:42for example. So again, I can use that
  625. 24:44bucket tool
  626. 24:46and I could give that a texture, a tone,
  627. 24:48a hatch, um, you know, a color,
  628. 24:54whatever I see fit. So that means that
  629. 24:56when you're designing, um, your spaces
  630. 24:58and a client wants a particular piece of
  631. 25:00furniture or has existing furniture that
  632. 25:02they want represented in the drawings,
  633. 25:04Rayon solves that problem for you. And
  634. 25:07just like we can share our style
  635. 25:09library, we can also share our block
  636. 25:11library. So, as I said before, our block
  637. 25:13library is here. Any of the elements
  638. 25:15that we've um created, we've edited. Um
  639. 25:19we can then go to share. We go to
  640. 25:22libraries and we can publish the block.
  641. 25:24So, I just slide that little toggle and
  642. 25:26then that will allow me to share that
  643. 25:28block library with other drawings um
  644. 25:30with other members of my team. Number
  645. 25:32four, add professional annotations and
  646. 25:34graphic elements. Graphic elements like
  647. 25:37dimensions, tags, and scale bars give
  648. 25:39drawings technical credibility and
  649. 25:41construction clarity. A strong approach
  650. 25:43is using a monochromatic base with a
  651. 25:45single accent color such as red or
  652. 25:47orange to highlight key information. I'm
  653. 25:50back on the Urban Loft project and I
  654. 25:52want to talk about annotations. So
  655. 25:55obviously one really striking element
  656. 25:57about these drawings are the bright
  657. 25:59orange annotations and this is done for
  658. 26:02clarity. Obviously, when the rest of the
  659. 26:04background drawing is monochrome, having
  660. 26:06something [music] with a bit of color
  661. 26:09really helps that clarity element. It
  662. 26:11helps the drawing sort of pop. So,
  663. 26:13whether this is a sort of red, an
  664. 26:14orange, um, a bright green, you know, a
  665. 26:17color that really, you know, cuts
  666. 26:19through and shows those key elements of
  667. 26:21information that doesn't get confused
  668. 26:23with other lines. So, you can see here
  669. 26:26all of those elements with the orange
  670. 26:29[music] tone. So things like the titles
  671. 26:30of the drawings, um materials,
  672. 26:33annotations,
  673. 26:35styles,
  674. 26:36um section lines,
  675. 26:39dimensions, even areas, um and spot
  676. 26:42heights. These can all be custom
  677. 26:45colored, um you know, they could even
  678. 26:47match your branding if you wanted to,
  679. 26:49but it all serves a purpose. It's there
  680. 26:51to help communicate those key elements
  681. 26:53of the drawing. And you can see that's
  682. 26:55used through this drawing set for things
  683. 26:57like grid lines as well. you know, even
  684. 26:59things like the electrical and lighting
  685. 27:01plan is in that color and that really
  686. 27:03helps that clarity. You know, it sits
  687. 27:05above this sort of monochromatic
  688. 27:07background um and makes that really
  689. 27:10clear. You know, even things like these
  690. 27:11pop outs, you know, different hatches,
  691. 27:15um different symbols all sort of
  692. 27:17highlighting, you know, that additional
  693. 27:19layer of information through those
  694. 27:20annotations. The annotation styles in
  695. 27:23themselves are quite simple. So, again,
  696. 27:25we have the style library. So we have
  697. 27:28text styles. So just like we have wall
  698. 27:30styles and fill styles, we have text
  699. 27:32styles as well. Um and you can see there
  700. 27:35that this text style I can call that
  701. 27:39body text
  702. 27:41orange
  703. 27:43for example which you can see down here.
  704. 27:46And within that I can change the color,
  705. 27:48I can change the size, I can change the
  706. 27:51font, I can even give that text
  707. 27:53properties. So just like with the
  708. 27:55blocks, just like the other styles, we
  709. 27:57can set up a standard text, a standard
  710. 27:59[music] font, a standard size that you
  711. 28:01want to continue through all of your
  712. 28:02drawings. And similarly with things like
  713. 28:04these lines. So you know the grid lines
  714. 28:07themselves, this can be a line style in
  715. 28:10itself. So if I save that style and I
  716. 28:12call it grid line, I know that any line
  717. 28:15which is pasted with that grid line
  718. 28:17style will be the same. It will be
  719. 28:19consistent across all of my drawing
  720. 28:20types and all the elements that you can
  721. 28:23see. So things like the little tag
  722. 28:26windows, um the spot heights,
  723. 28:29the section markers,
  724. 28:32the tags, these are all elements or
  725. 28:34blocks that are built into Rayon. So
  726. 28:37just like with our styles and we'll go
  727. 28:38back to our block library. So we've got
  728. 28:41title blocks and annotations. So you can
  729. 28:43see here we already have these things
  730. 28:45like elevation markers, [clears throat]
  731. 28:47um section cuts, north points, all these
  732. 28:50different elements that you're used to
  733. 28:51seeing on architectural drawings.
  734. 28:53They're already pre-built. I [snorts]
  735. 28:55mean, the great one is having the title
  736. 28:56blocks already pre-built. So, you can
  737. 28:58just drag and drop those. You know, you
  738. 29:00can edit your own um title block or you
  739. 29:02can create your own custom one. Um you
  740. 29:05can make sure it sizes properly. You
  741. 29:07know, you can add colors. You can add
  742. 29:08your company information for example.
  743. 29:11And you can share that library across
  744. 29:12your multiple projects so everything is
  745. 29:14consistent. So, you know, even here, for
  746. 29:17example, I can drag these in. I can make
  747. 29:20sure that they're to scale how I want
  748. 29:22them to appear. And I can go in there
  749. 29:25and I can change that style for example
  750. 29:28and I can, you know, I can make this a
  751. 29:31bright color as just as I've been
  752. 29:33saying. We can make this a bright
  753. 29:35orange.
  754. 29:37Exactly the same with the text. You
  755. 29:40know, I can even pick a text style.
  756. 29:42[music]
  757. 29:45[sighs]
  758. 29:46[gasps] You know, I can even change the
  759. 29:47text colors. There we go. Obviously,
  760. 29:52because that's a block, I can copy and
  761. 29:54paste that where I want it. I can scale
  762. 29:56it, and then I can reuse it across my
  763. 29:58projects. One of the key pieces of
  764. 30:00advice when you're thinking about
  765. 30:01annotations is about separating them
  766. 30:02out. So, I always like to put them on
  767. 30:05different layers. So, you'll see here
  768. 30:07that we have an annotation layer. You
  769. 30:10can see that that in this example, for
  770. 30:12example, we have all of those
  771. 30:14annotations. So things like grid lines,
  772. 30:17dimensions, notes, areas, spot heights,
  773. 30:20section lines, window and door tags. All
  774. 30:23of these elements, basically the orange
  775. 30:25elements are all sitting, [music] you
  776. 30:27know, with on within
  777. 30:29the annotation layer. But what about if
  778. 30:32we wanted to dimension this plan for
  779. 30:34example? So let me just quickly add
  780. 30:36[music] a new layer and we'll call that
  781. 30:40dimensions.
  782. 30:41Make sure that that's above. So that's
  783. 30:43sitting above the drawing. Um, and I'll
  784. 30:46show you the dimension tool. So the
  785. 30:48dimension tool here. So externally. So
  786. 30:51the dimension tool here. So externally I
  787. 30:54can click click and then drag out. So I
  788. 30:57can create my own custom um annotation
  789. 31:01type. So I can change the font. I can
  790. 31:03change the font size. Make something
  791. 31:07nice and clear.
  792. 31:10I can change my stroke. So I think
  793. 31:12having the stroke is orange as well is
  794. 31:15quite nice. I can have extensions. So
  795. 31:18again I can change the color of those.
  796. 31:21Can change the line weight here. So you
  797. 31:24can see those bits there. So I can go in
  798. 31:27there and I can say maybe a five dash. I
  799. 31:33can change the end. So I could change
  800. 31:36that from the diagonal to an arrow.
  801. 31:40extensions are a bit
  802. 31:44Yeah, the line where it needs to go up
  803. 31:46slightly.
  804. 31:491 eight. Um, maybe the arrows can get a
  805. 31:52bit bigger. 1.1.
  806. 31:59And then I can save that as a style. So
  807. 32:00I can call that dimension
  808. 32:05A. And then you will see here in my
  809. 32:07style library, if I scroll down
  810. 32:11to the bottom, there we have dimension
  811. 32:13A. And again, I can go in afterwards and
  812. 32:15adjust those if I see fit.
  813. 32:18So I can then go through and dimension
  814. 32:21um my [music] drawing. And obviously,
  815. 32:23similar to AutoCAD, I've got a single
  816. 32:25dimension or I've got a chained
  817. 32:27dimension. So let's just delete that one
  818. 32:30for a second. We could do a chained
  819. 32:31[music] dimension. And I can go one,
  820. 32:34two,
  821. 32:36and that will continue to add dimensions
  822. 32:38as I click. Um, and obviously there's a
  823. 32:41bit of an art to adding dimensions. So,
  824. 32:43you know, dimensioning off of key
  825. 32:45elements, not over dimensioning the
  826. 32:46drawing, not over constraining elements,
  827. 32:49you know, dimensioning the things that
  828. 32:51actually matter to you as an architect
  829. 32:52or, you know, make the space how you
  830. 32:56envisioning it, you know. So, if I was
  831. 32:58doing this, I wouldn't be dimensioning
  832. 33:00the furniture. I'd be dimensioning the
  833. 33:01build elements, you know, the clear
  834. 33:03areas that I need to do. And dimensions
  835. 33:06are different to different people. So,
  836. 33:07if you're um creating a construction
  837. 33:09drawing, your dimensioning will be
  838. 33:11different because you'll be talking
  839. 33:12about setting out. So, setting out from
  840. 33:14grid lines, things like that. Whereas,
  841. 33:16if I'm dimensioning a plan for a end
  842. 33:19user, they just want to understand how
  843. 33:21big their space is, it's a much simpler
  844. 33:23process.
  845. 33:25So, obviously, we can do that. [music]
  846. 33:27we can dimension, you know, key elements
  847. 33:30within the space. You sometimes when
  848. 33:33you're creating a chain, it's helpful to
  849. 33:36um alternate the dimensions. And
  850. 33:39similarly, you know, I like to keep them
  851. 33:42out of the way. So up in the top left or
  852. 33:46right corners of the drawing so they
  853. 33:48don't dominate the drawing too much. And
  854. 33:49then we can, you know, change those
  855. 33:51levels by turning them on and off. So,
  856. 33:53we've got our proposed dimensions.
  857. 33:55[music] We've got our original
  858. 33:56annotations. So, all of those elements
  859. 33:58that we showed previously,
  860. 34:00and hopefully you can see that having
  861. 34:02these bright colors on this monochrome
  862. 34:04drawing background works really well.
  863. 34:06Number five, harness AI to support
  864. 34:08faster visualization. The first four
  865. 34:11guidelines ensure your drawings are
  866. 34:12clear, professional, and buildable. But
  867. 34:15great drawings also need to communicate
  868. 34:16feeling. Rayon's built-in AI tools help
  869. 34:19bring your designs to life instantly
  870. 34:21without adding time or complexity to
  871. 34:23your workflows. Now, let's have some fun
  872. 34:25with the AI tool. So, I'm still back in
  873. 34:27my um drawing of the twotory loft um and
  874. 34:31I want to have a look at this section.
  875. 34:33So, this is a section through the
  876. 34:34building. Now, what I've done is to turn
  877. 34:37the annotations off. So, to clear the
  878. 34:40drawing back. So, you can see that. I
  879. 34:43now want to go into the AI chat. So what
  880. 34:45I want to do is create an axonometric
  881. 34:47view from this 2D section. So to start
  882. 34:50with I will do add screenshot. So just
  883. 34:53on the little plus tool there's add
  884. 34:54screenshot. I'll create a frame around
  885. 34:57my section. So that basically takes a
  886. 34:59snapshot of that section and then I'll
  887. 35:02go into tools. So we can do a number of
  888. 35:04workflows already set up within the
  889. 35:06tools. So there's generate image,
  890. 35:07generate tracing, generate product,
  891. 35:10stylize. So you can have different types
  892. 35:12of styles um or generate axonometric. So
  893. 35:15create an aonometric view from a scene's
  894. 35:18floor plan or section. That's what we
  895. 35:20want to do. So this will be looking at
  896. 35:22that section and trying to extrapolate a
  897. 35:243D form out of it and present it in an
  898. 35:26aonometric fashion like that. So you can
  899. 35:29see the preview here. So this just opens
  900. 35:31up another window. So you can see his
  901. 35:33understanding of the gallery, of the
  902. 35:36dressing space, of the kitchen, and it's
  903. 35:39made a slightly strange choice with the
  904. 35:41stairs. Um, but we can go from there. So
  905. 35:44what I can do now is insert that in. So
  906. 35:48you can see there I could even make, you
  907. 35:50know, another page that explores those
  908. 35:53ideas in 3D. And with that image, I can
  909. 35:57adjust that image as well. So I can do
  910. 36:00things like edit, I can upscale it, I
  911. 36:03can remove the background. So for
  912. 36:05example, let's just remove the
  913. 36:06background here. So you can see that
  914. 36:09that gets rid of the white border around
  915. 36:12it. Now why don't we try reusing that
  916. 36:15image? So I can click on that image and
  917. 36:17I can say reference in the chat. So that
  918. 36:19will then be reooking at that image
  919. 36:20that's just been created and I could
  920. 36:22stylize it for example. So why don't we
  921. 36:24try a clay model? So that will then be
  922. 36:28looking at that line drawing and trying
  923. 36:30to, you know, imagine it as a clay
  924. 36:33model. Wow. There we go. So again, we
  925. 36:36can preview that and we can insert it.
  926. 36:38So I just want to remove the background
  927. 36:40again [music] and we can have that next
  928. 36:42to the original and you can see how it's
  929. 36:45kept the exact geometry, but it's
  930. 36:47imagined the drawing very differently. I
  931. 36:49think that looks great. And then why not
  932. 36:51try another version. So again, we can do
  933. 36:53reference in the chat. I can go to
  934. 36:54tools. I can go to stylize and I can say
  935. 36:58render. So this will then be trying to
  936. 37:00create a realistic version.
  937. 37:06So again I can do exactly the same
  938. 37:08thing. Can remove the background. And
  939. 37:11now we have three very quickly
  940. 37:15to make
  941. 37:17imaginations of this space.
  942. 37:21We could even try something like um
  943. 37:25make
  944. 37:27this
  945. 37:29a wood textured
  946. 37:33model.
  947. 37:39>> Yeah, it's pretty good.
  948. 37:43Yeah, I think that's even better.
  949. 37:47And really with this, you can keep
  950. 37:48experimenting. So, we've got those sort
  951. 37:51of spaces
  952. 37:53explored in three different ways, all
  953. 37:54from one flat-on elevation section. Now,
  954. 37:58let's go full circle and export our
  955. 38:00drawings. Once your drawing is clear and
  956. 38:03resolved, exporting should be seamless.
  957. 38:05In Rayon, you move directly from drawing
  958. 38:07to presentation without switching tools
  959. 38:09or breaking your workflow. Okay, so with
  960. 38:11those elements drawn and the annotations
  961. 38:14added and the drawings looking great, we
  962. 38:16can now look at exporting them. So you
  963. 38:18can export things in a number of
  964. 38:19different ways. So in the traditional
  965. 38:21way, so exporting a PDF or a PNG. So we
  966. 38:25can go up to the menu, we can go to
  967. 38:26export, we can export an image, PDF,
  968. 38:30DWG, or even a rayon file if you're um
  969. 38:32transferring it between different teams.
  970. 38:34So if it's an image, I can select my
  971. 38:36page. So you'll notice here that each of
  972. 38:38my sheets has got a page number. So why
  973. 38:41don't we try um page five? So this has
  974. 38:44my um section and elevation on. Now I
  975. 38:48can change the name.
  976. 38:54I can change the format. So I can change
  977. 38:56it from a PDF, the resolution, a PNG,
  978. 38:59the quality. Um and I can decide whether
  979. 39:01the stroke scale is per page or per
  980. 39:03screen. So obviously per page it will be
  981. 39:06scaled correctly for the scale of your
  982. 39:08sheet. For screen it basically scales it
  983. 39:11how you see it. So I tend to go for page
  984. 39:14and that means that everything is coming
  985. 39:15out lovely and crisp. I can save that
  986. 39:19what where I want and go from there.
  987. 39:21Similarly I can do exactly the same
  988. 39:23thing with PDF. So again I can do PDF. I
  989. 39:27can choose a sheet page six for example
  990. 39:30and again I can change the name the
  991. 39:32image quality and I can change the
  992. 39:34stroke scale. Again I can choose the
  993. 39:36location um
  994. 39:40and the file name. if everything's
  995. 39:42looking good. So, you can obviously
  996. 39:44export your PDFs, your PGs, um but the
  997. 39:48real power of um Rayon is in the
  998. 39:50sharing. So, let me show you that. So,
  999. 39:52if we go up to the right, we have our
  1000. 39:54share um button. And just as we can
  1001. 39:57share our libraries, so we can share our
  1002. 39:58styles and our blocks that I showed you
  1003. 40:00previously, we can also share our
  1004. 40:02presentation. So rather than having to
  1005. 40:04export PDFs, collect them, download
  1006. 40:07them, um, and then upload them to a file
  1007. 40:10transfer site and send your client a
  1008. 40:11link, we can do all of that just by
  1009. 40:14sliding this one toggle. So this will
  1010. 40:16publish our presentation to a link. Um,
  1011. 40:18so I can copy that link to an email to
  1012. 40:20send my client or I can just open it.
  1013. 40:23And here it will be loading the
  1014. 40:24presentation. And you can see here it
  1015. 40:27has all the different pages from the
  1016. 40:29variety of different images and pages
  1017. 40:31that we've created. All of the line
  1018. 40:33weights are nice and refined.
  1019. 40:35Everything's looking good. You can see
  1020. 40:37there the drawing we created with the
  1021. 40:39annotations, the section and elevations,
  1022. 40:42those AI visuals that we created all on
  1023. 40:45drawing shoot. It's all looking good.
  1024. 40:47And that's all just from one link. And
  1025. 40:49the really great thing is that if we
  1026. 40:51change anything, so say for example, I
  1027. 40:54went in here and I said, "Oh, these are
  1028. 40:56a bit big on the page. Maybe I'll have
  1029. 40:58two smaller ones and this one bigger
  1030. 41:00one.
  1031. 41:02over here for example and added a few
  1032. 41:04titles or something like that. I can
  1033. 41:06then go back into the share and I can
  1034. 41:09press update that little spinner. I'll
  1035. 41:12press update, publish now again. I can
  1036. 41:14then go back in and open that
  1037. 41:19and you'll see there
  1038. 41:21my updated drawing is there. So that's
  1039. 41:23all within the same link. So the client
  1040. 41:25isn't actually having to, you know,
  1041. 41:27download things multiple times. They're
  1042. 41:29always going to have the latest as long
  1043. 41:30as you've updated it on there. Perfect.
  1044. 41:34Clear drawings don't happen by accident.
  1045. 41:36They're built through simple, consistent
  1046. 41:38visual decisions. And these five
  1047. 41:40guidelines should build a solid
  1048. 41:41foundation that you can use on every
  1049. 41:43project. Try it out for yourself. You'll
  1050. 41:46find a free Ryan account and the
  1051. 41:47template that we use linked below.
  1052. 41:50Thanks so much for watching and I'll see
  1053. 41:51you in the next one.

About this transcript

This page contains the full transcript of Architectural Drawings Not Clear? Follow These 5 Essential Guidelines by Rayon Academy, generated from the public captions YouTube serves with the video. The transcript has 7,365 words across 1,053 segments, with the original timestamps preserved so you can click any line to jump to that moment in the embedded player.

What you can do with it

Use the transcript to take notes, quote the speaker, build a study guide, generate a summary with ChatGPT or Claude via the YouTube Summary tool, or export it as a timed subtitle file with YouTube to SRT. You can also re-open it in the transcriber to translate the transcript into 100+ languages.

Free YouTube transcript tool

YouTube2Text is a free YouTube transcript generator — no signup, no daily limit. Paste any YouTube link and get the full transcript instantly, with timestamps, click-to-jump, translation to 100+ languages, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.