0 1 00:00:00,130 --> 00:00:04,320 In this assignment, I want you to go back to the Figma file, from the previous assignment. 1 2 00:00:04,350 --> 00:00:09,930 Go over each frame you have designed, and fine tune the final color combinations, that you have used in 2 3 00:00:09,930 --> 00:00:10,590 your design. 3 4 00:00:10,740 --> 00:00:11,730 Let me show you this 4 5 00:00:11,730 --> 00:00:13,890 on the same example that I have done myself. 5 6 00:00:13,890 --> 00:00:19,230 This was the final result that I have settled with. I think it can use some fine tuning. Especially with 6 7 00:00:19,230 --> 00:00:20,900 a dark brown background. 7 8 00:00:20,910 --> 00:00:26,980 It's a little too dark, and the transition between the image and the background fill isn't as evident. 8 9 00:00:27,000 --> 00:00:29,290 It can certainly use some brightening up. 9 10 00:00:29,300 --> 00:00:32,810 Here is a pro tip: duplicate your frames when working on a new variation. 10 11 00:00:32,820 --> 00:00:38,250 Design involves a lot of exploration and revisions, so get in the habit of having a lot of versions of 11 12 00:00:38,250 --> 00:00:39,030 the same screen. 12 13 00:00:39,030 --> 00:00:42,570 I didn't do this in the beginning. For any new variation, 13 14 00:00:42,570 --> 00:00:45,060 I'd just keep on editing the original frame. 14 15 00:00:45,090 --> 00:00:50,370 Sometimes after 20 minutes of tweaking and changing things, I'd end up with an option that wasn't better 15 16 00:00:50,370 --> 00:00:51,480 than the original version. 16 17 00:00:51,510 --> 00:00:55,600 But I had no way to compare, and going all the way back was too much trouble. 17 18 00:00:55,620 --> 00:01:00,930 If you don't keep your variations, changing your mind becomes difficult. And you will often settle for 18 19 00:01:00,930 --> 00:01:06,420 a lesser option. To duplicate a frame it's done as you would expect with any other element in Figma. Either 19 20 00:01:06,540 --> 00:01:12,990 select the frame and press Control+C and Control+V. Or drag while pressing Alt (or Option). 20 21 00:01:15,860 --> 00:01:22,170 OK. Select background layer, click fill, make sure you have HSB color management selected and not 21 22 00:01:22,170 --> 00:01:26,820 HEX or something else. 22 23 00:01:26,840 --> 00:01:27,240 There you go. 23 24 00:01:27,260 --> 00:01:29,320 That's much better. To make fine tuning simpler 24 25 00:01:29,320 --> 00:01:34,490 for me, I have a personal rule, I increase or decrease their values in increments of 10. 25 26 00:01:34,490 --> 00:01:40,460 This is just to limit my options, otherwise, I might spend endless amount of time on comparing 32 brightness 26 27 00:01:40,460 --> 00:01:46,310 with 33. Hold Shift and press on Up and Down arrow keys, to increase or decrease values in increments 27 28 00:01:46,310 --> 00:01:46,780 of 10. 28 29 00:01:46,830 --> 00:01:50,120 Lets see if fine tuning the headline color, brings any good results. 29 30 00:01:50,120 --> 00:01:53,730 Most of the time, I have no idea what's going to work and what not. 30 31 00:01:53,750 --> 00:01:56,630 Design is a lot of playing around and comparing options. 31 32 00:01:56,630 --> 00:01:59,480 The brightness is really good, so I'll just play with saturation. 32 33 00:02:02,040 --> 00:02:03,700 Oh there, that's beautiful. 33 34 00:02:03,700 --> 00:02:05,400 Let's see the before and after. 34 35 00:02:05,440 --> 00:02:06,240 Look at that. 35 36 00:02:06,340 --> 00:02:10,630 The original wasn't bad, but I've got even better result. 36 37 00:02:10,630 --> 00:02:18,460 The text is easier to read on the newer version, the transition to the images is much more evident, and headline 37 38 00:02:18,460 --> 00:02:21,390 and background look like they are made for each other. 38 39 00:02:21,430 --> 00:02:25,690 So much fun, I love playing with colors. Design is supposed to be fun so go crazy. 39 40 00:02:25,690 --> 00:02:26,360 Have fun with it. 40 41 00:02:26,410 --> 00:02:30,940 If you find yourself struggling with something, post your questions in Q&A and I'll help you out.