WEBVTT 00:00.000 --> 00:07.080 Now, as you're saving all this work, and we'll get into the logistics of how to save 00:07.080 --> 00:12.720 your work in the second assignment shortly, you want to think about what you're doing 00:12.720 --> 00:14.320 with your grid. 00:14.320 --> 00:21.520 And as I mentioned earlier, I'm not necessarily looking for you to insert each of your images 00:21.520 --> 00:24.320 inside a formal grid. 00:24.320 --> 00:29.120 It's more about understanding that you've got these variety of different things that you 00:29.120 --> 00:36.520 need to work with titles, images, small images, large images, process work, project descriptions, 00:36.520 --> 00:43.120 and knowing that you have all of these to include, what grid layout would work good for you, 00:43.120 --> 00:44.120 right? 00:44.120 --> 00:48.720 So you may use the case studies to help determine this, right? 00:48.720 --> 00:54.240 In this example, we've kind of got, you know, on the top layer, we've got on the right, 00:54.240 --> 01:00.200 we have a large kind of horizontal image followed by three vertical images. 01:00.200 --> 01:05.120 Or on the bottom left, you see a nice, full-bleed image utilizing the grid. 01:05.120 --> 01:11.160 It doesn't necessarily have to fit within the grid as far as small dissections as we see 01:11.160 --> 01:15.960 here on the top left, but it may be a collection of different ideas. 01:15.960 --> 01:19.200 And what I do is I sketch this out in my sketchbook. 01:19.200 --> 01:24.840 I will literally take my sketchbook, I'll sketch the layout and say, okay, I've got a 01:24.840 --> 01:30.600 residential project that would look and work really well with the full-bleed on the left 01:30.600 --> 01:38.000 and then kind of two vertical images with a project description on the left side. 01:38.000 --> 01:39.400 This is up to you. 01:39.400 --> 01:45.600 And in order to determine which layout works best for you, you have to decipher what type 01:45.600 --> 01:46.600 of work you have. 01:46.600 --> 01:51.960 So going through and really analyzing all the work that you have, if everything you 01:51.960 --> 01:58.000 have is in landscape format, maybe landscape is the best way to approach it, right? 01:58.000 --> 02:02.360 But once you've determined what type of work you've got, you can start to sketch out the 02:02.360 --> 02:07.680 different placement zones and things to consider, titles, images, large image, small images, 02:07.680 --> 02:12.880 as I mentioned, process work, job descriptions, or excuse me, project descriptions. 02:12.880 --> 02:18.560 And we can use these guidelines to start to align the grid itself and start to figure 02:18.560 --> 02:19.560 out. 02:19.560 --> 02:23.440 And again, I like to know what kind of grid I'm working with before I even start the 02:23.440 --> 02:25.400 in-design portion of the portfolio. 02:25.400 --> 02:28.680 So I'll sketch this out, as I mentioned earlier. 02:28.680 --> 02:32.880 References your case studies and allow the layout to evolve. 02:32.880 --> 02:38.000 You may draw a grid layout that you think works, but then once you dive into your second 02:38.000 --> 02:41.960 project, you realize it doesn't work as well for that, so you have to modify it. 02:41.960 --> 02:46.240 There's nothing wrong with making modifications as you go. 02:46.240 --> 02:47.680 So it's something to think about. 02:47.680 --> 02:53.680 The other aspect that's extremely important, and I can't emphasize this enough, is how 02:53.680 --> 02:58.320 when you're working with the grid, your attention to alignment. 02:58.320 --> 03:02.840 An alignment is so important because we are designers, whether you're studying interior 03:02.840 --> 03:06.000 design or architecture, we are detail-oriented. 03:06.000 --> 03:11.560 And I can tell you that when you're interviewing for a design position, the firm will 03:11.560 --> 03:17.320 notice if your portfolio is misaligned, as you can see here on the left image, right? 03:17.320 --> 03:21.440 This just shows that there is not a care for precision, right? 03:21.440 --> 03:27.960 So whatever grid you decide to work with, whatever layout, make sure that things are very 03:27.960 --> 03:29.640 carefully aligned. 03:29.640 --> 03:35.840 And this also includes project descriptions, it includes concept statements, it includes 03:35.840 --> 03:36.840 titles. 03:37.240 --> 03:41.760 You know, on the right side here, we may have a title of the project on the bottom, and 03:41.760 --> 03:46.800 then that aligns with, let's say, a project description, and then you've got concept imagery, 03:46.800 --> 03:51.600 or the project description could be kind of going down on the right column here. 03:51.600 --> 03:53.640 There's a lot of different ways to approach it. 03:53.640 --> 03:58.560 The point is we can see that we're using some sort of alignment, and it's very clear 03:58.560 --> 04:07.120 that we thought about how we are pulling the variety of different images and text that 04:07.120 --> 04:12.320 we're pulling together for the project, and we thought about the alignment very carefully. 04:12.320 --> 04:17.400 The other thing you may look at is you may say, okay, I really appreciate the kind of 04:17.400 --> 04:22.240 alignment of this grid layout where I've got maybe some sort of marker that tells me 04:22.240 --> 04:26.640 where I am in the portfolio, then I've got a project description, and then maybe I've 04:26.640 --> 04:31.880 got six concept images or something like that, and I think this works really well for 04:31.880 --> 04:33.600 my first project. 04:33.600 --> 04:39.160 But I don't want to be, I don't want to do the exact same layout in every single project 04:39.160 --> 04:40.160 section. 04:40.160 --> 04:46.960 So I shift kind of number two, where I shift the horizontal nature to a vertical with 04:46.960 --> 04:52.160 the project description, but then maybe you make the project location on the top right. 04:52.160 --> 04:56.800 Now what this does is it creates variety, but I still understand that the same designer 04:56.800 --> 04:58.120 created it. 04:58.120 --> 05:05.040 So the point of this is whatever grid layout you use, you don't have to necessarily stick 05:05.040 --> 05:10.520 with that exact literal layout in every single section of the portfolio. 05:10.520 --> 05:15.880 You may mix it up a little bit, but if you do mix it up, make sure you're being cohesive 05:15.880 --> 05:17.960 in your unifying the design element. 05:17.960 --> 05:25.480 So things like keeping the spacing the same between some of these shapes, right, utilizing 05:25.480 --> 05:31.440 a justification on all sides that matches on each section of the portfolio. 05:31.440 --> 05:34.920 The size and shape of the project locations stay the same. 05:34.920 --> 05:40.520 The numbers of the projects you're introducing are using the same typography, the same tone, 05:40.520 --> 05:42.200 the same size, right. 05:42.200 --> 05:45.680 So these are things that can unify the portfolio. 05:45.680 --> 05:52.040 And again, you can switch things around to create some variety and still have cohesion 05:52.040 --> 05:55.560 and unity throughout the portfolio, right. 05:55.560 --> 05:59.120 So here you can see that the grid is applied. 05:59.120 --> 06:04.600 You've got the image on the right that lines up with the inspirational image on the bottom 06:04.600 --> 06:05.600 left. 06:05.600 --> 06:13.160 And you can see that this particular project looks at the idea of working with animals and 06:13.160 --> 06:16.080 integrating this into a project. 06:16.080 --> 06:23.880 And there's a description below the title, the location of who the owners are, where 06:23.880 --> 06:31.000 the project's located, the project introduction, which is the third project in the portfolio. 06:31.000 --> 06:34.760 But you'll notice that everything aligns very carefully, right. 06:34.760 --> 06:37.600 So applying the grid is important. 06:37.600 --> 06:42.440 Now your first project, as I mentioned in the last slide, may introduce the project 06:42.440 --> 06:43.440 0-3. 06:43.440 --> 06:44.440 All of this aligns. 06:44.440 --> 06:46.560 You've got a full bleed on the right. 06:46.560 --> 06:51.600 And then maybe in the second section, this full bleed happens on the left. 06:51.600 --> 06:52.880 It's up to you. 06:52.880 --> 06:54.360 Just think about the layout. 06:54.360 --> 06:58.520 Think about the alignment and make sure that you're being very careful and methodical with 06:58.520 --> 07:00.760 how you layout the project itself.