What was easy? Building the nav systems and setting up the components as well as the design choices for the site and addition of the content was not very hard. Basically, it was not too hard to build the parts of the site, it was a bit difficult to get it to function properly in the prototype.

What was challenging? Linking the nav links properly to each tab of the mobile and desktop sites took some time to perfect. I was struggling with getting my headings to function properly in the prototype because I was originally linking everything from the master frames, something I should not have done for every single component. Not that the other parts were really hard, it just took some time to get used to since the capabilities of the prototype are complex.

How could your submission be improved? I probably could have added a hover and pressed variant for the mobile site headings, but I felt like it was not as necessary there as the desktop version and I forgot about it until the end of the project so I did not want to accidentally mess up my prototype. My desktop portfolio tab looks a bit sloppy because I added a lot of content to it so maybe I could have made it look better, but like I said before, I did not want to accidentally mess up my prototype by changing something at the end that is not much of an issue to begin with. Also, maybe the light blue I used combined with the large headings and GIFs make my sites look a little unprofessional, but I personally think they added a little personality to the sites.

How might you apply your knowledge in future assignments or work scenarios? Building prototypes in Figma so far has been fascinating to me and it is something I see myself messing with a bit in my free time. Being a DMA student, having a strong portfolio is crucial, so if this knowledge could lead me to taking my already made portfolio from Adobe Portfolio and turning it into its own site created by me, this could impress employers or open new opportunities for me in the job field. My understanding of Figma is being increased by these projects, so I look forward to creating in the site in the future without coming across as many technical issues. Overall, a slightly challenging but a fun project this was.

https://www.figma.com/file/kyq2HpbXkm51niGJFRUHG2/DMA217-project-2-starter-(Copy)?node-id=0%3A1

https://www.figma.com/proto/axmcf0Ne7dHcKkvWwQrnTm/dma217-project-1?node-id=2%3A26&scaling=scale-down&page-id=0%3A1&starting-point-node-id=2%3A26

What was easy? Thinking of which metaphor to use was easy. I tried to use one that was personal to me. I ended up using the “laughter is the best medicine” metaphor because I believe it to be true, as I do like to watch stuff that makes me laugh when I am sad or not feeling well. The pattern was also easy to make using Figma, I just had to adjust the designs a couple of times but there are multiple ways to easily create patterns.

What was challenging? Deciding how to get the message of “laughter is the best medicine” across was challenging. I struggled for a while to come up with creative ideas and I even restarted a few times in Photoshop completely. Also, understanding layer masking is also difficult since I have not used it too often in the past.

How could I improve the assignment for the next class? Although I am happy with my design, I think I could have combined “laughter” & “medicine” a bit better. Depending on how one looks at it, it may be difficult to tell which metaphor the art is supposed to resemble. Also, I noticed that I did not cut out the guy’s body or the smiley face pills the best, I could have taken my time a bit more so the quality would be better.

How might you apply your knowledge in future assignments or work scenarios?  I am happy each time I can use Photoshop for a project since I have gotten so much practice with it the past couple of years, so I will definitely continue to improve in all areas. Making patterns is something new I learned and I was surprised by how easily someone can create one, so I will definitely do that again in the future. Also, my use of symbols in Figma and the Noun Project websites will be valuable since I now know how to import simple symbols that are free to use and will save me a lot of work.

What was easy? Once I got my color schemes figured out, constructing the designs overall was pretty easy. I had a clear picture of what I wanted to create in my head and I am satisfied with the results. I did not struggle too much with the use of color, as in how I applied it into each piece in the art. Also, creating basic shapes and turning them into complex-looking ones got easier as I advanced through the project through the use of tutorials and playing around with Figma.

What was challenging? Creating a sense of depth using colors and determining which colors to use in each color scheme was most difficult. It took me a while to fully understand how to pick colors using the color wheel. I did not fully understand the color wheel at the start but my understanding has since improved. While I created the art fine, creating depth was harder. I mainly used layering and color gradients to do the trick. The pieces in the foreground are darker and less saturated while I played with lighter tints and more saturation for the background elements. I had to go back and make the foreground elements larger than the background elements.

How could I improve the assignment for the next class? My use of depth could probably be better, as it took me a while to fix and understand. I think my colors are nicely applied overall, but the outer space design and seascape designs could maybe be improved. Also, some of my shapes are pretty basic but I tried to not overthink it so I could spend more time working with color, which was more important in this assignment than the actual shapes used.

How might you apply your knowledge in future assignments or work scenarios? Although this project mainly dealt with color, I learned that gradients can make flat shapes look like 3D ones. For example, the planets in the Outer Space design started as flat circles, but became spheres once I applied a couple of radial gradients. This was extremely useful and I will definitely apply it to future designs. Plus, I see now how complementary color schemes make a design pop. This too can be useful, especially for designs that convey an important message.

How did a specific reading or video inspire or help you? Although I did not really use a separate reading, I must admit that I used previous class examples as inspiration. I looked through older blog posts plus older student examples that were provided in the directions document by the professor to gather ideas. This inspired my Seascape and Arid Desert designs the most. Also, looking back at the class videos greatly helped me remember how to create certain shapes and helped me better understand the color wheel.

What was easy? Manipulating the size and position of the shapes was easy since Figma is not a very complex program. I was easily able to move the shapes anywhere I wanted inside the frames. Also, the use of black and white instead of other colors made the process easier since arranging them into patterns that tell a story was the main focus.

What was challenging? Deciding on which nursery rhyme to use was difficult since it took me a while to come up with design ideas in my head that could go along with each Gestalt principle. Also, although some of my frames look simple, it was difficult to ensure each frame dealt with a specific principle. Frames 3 and 4 were probably the most difficult since it took me a while to fully understand how to use negative space to my advantage. Frame 4 I ended up redoing completely which took a while. Also, it was difficult at times to figure out which frame went with each principal since some of them are similar.

How could I improve the assignment for the next class? While I am happy with my designs, some of them are more complex than others. Perhaps I could have done a better job at making sure each frame is more closely equal in terms of how much detail it contains. However, the Jack Horner rhyme is simple and it is easier to communicate stories in certain frames than others. I probably could have experimented with scale a bit more and done a better job at improving issues relating to symmetry since that was a issue I dealt with.

How might you apply your knowledge in future assignments or work scenarios? I will definitely continue to use Figma as it is much easier to use than Photoshop or Illustrator. I will use it for future projects for sure. Also I can now use my knowledge of Gestalt principles to manipulate the eye to follow a specific direction. This project proved to me that it is possible to create art that is complex despite shapes being so simple, so that will play a role in my ability to create designs.

How did a specific reading or video inspire or help you? Before I began designing in Figma, I watched many nursery rhyme videos so I can get a visual look at what each line looks like and use it to inspire my designs. I also found some old Gestalt Nursery Rhyme examples that better enhanced my understanding of the project. The slides on Gestalt principles that served as the introduction to Project 1 introduced me to Gestalt principles and I looked back on those slides many times to ensure I understood each principle.

I learned about infographics. I specifically learned what they are, why they are used, and what kinds of useful information they can provide. We learned to create maps in Illustrator using infographics.

2. What was easy?

Creating the roads and playing around with the colors and strokes was pretty easy due to having knowledge from previous labs. I am much better at tracing using the pen tool. It was a skill that I struggled with just a couple months ago, but I am much better at it now. Lab 7 taught me how to overlap lines are change their colors/sizes, so that came in handy for Project 4.

3. What was challenging?

I would say that the lab was pretty challenging as a whole. The live paint section was a nightmare for me. I struggled coloring in my areas due to the live paint tool not doing what I wanted it to do. I somehow accidentally grouped all of my roads and other pieces together, causing the live paint tool to not work correctly. It took me a while to solve the issue. Also, finding a good color palette was difficult for me to do because I could not find a color scheme that fit well, but I think the blue palette ended up working well in the end. Adding the symbols and labels was not very hard, but it took a long time to do. This project took lots of skill and patience. Although it took me a long time to finish, I am glad that I was able to learn how to work through my issues with the project and the map came out well in the end.

4. How could your submission be improved?

The labels do not fit the best with the rest of the project, but I figured it was okay how it was after a lot of trial & error. I probably could have make it look better, but I just wanted to move on to the other parts of the project since I had a lot of work to do during Finals Week. My compass and scale is a bit basic, but I did not feel too comfortable making a more complicated compass rose since my Illustrator skills still are not the best yet. I could have also just picked a different location to do the project on entirely. The town I picked is very small, so it looks kind of smooshed together. By the time I realized how difficult it would be to do the project on such a small town. I was a bit too far into the project to want to go back. Due to this, I had quite a bit of empty space. I should have filled it in a bit better, but like I said, my Illustrator skills are not so good yet so I worked with what I had.

5. How could the professor improve the assignment for the next class?

Definitely add in step-by-step videos on the Google Slides presentations of how to create elements of the project such as the compass rose, scale, areas, etc. I had to scroll through multiple class videos which complicated things a bit. I struggled a lot with the live paint, so maybe a video specifically on that would be beneficial. During the final DMAAD Club meeting, a few of us discussed this project and all of us had a hard time with the live paint tool not cooperating.

6. How might you apply your knowledge in future assignments or work scenarios?

This project gave me a much better understanding of Illustrator, so I will definitely use that for future projects. After using it so much for this project, I can finally distinguish the differences between Photoshop & Illustrator and point of what types of project each software would be better fitted for. I can use my knowledge for more complex projects in the future. I learned a ton of new skills through this project that could perhaps come in handy for future DMAAD Club designs since I wanted to branch out a bit from Photoshop. Illustrator and Figma are good options I have come to realize.

7. How did a specific reading or video inspire or help you?

All of the recorded class videos helped me a ton, as I was able to go back and see multiple maps from my classmates that helped me determine what was going wrong when I was creating my map. It also gave me a lot of inspiration because I was a bit stuck at first. The Slides presentations were useful as well since I saw multiples types of banners, compasses, and map that gave me inspiration and were useful for comparing elements of my project to past ones.

I learned how to make a design that will go onto a package and I learned how to print & fold that package to look professional. We used Adobe Illustrator to create our designs. Then, we used video instructions, tape, and scissors to turn our designs into milk cartons.

2. What was easy?

Creating the cup design was easy. By the time I did that, I had quite a bit of practice using the pen tool in Illustrator. Although it is not perfect, I did a good job of tracing over a coffee cup design and changing it up a bit. I liked my color choice and design. Although I could not print the design in color, the design still looks nice. Everything that was not the pattern or the cutting & folding part of this lab was easy.

3. What was challenging?

Making the pattern in Illustrator was very challenging. It took me multiple tries and actually took me a couple of hours to make. It looks okay, but it could look better. I followed the class videos to make the pattern but I still struggled to get it to look nice. It looks okay, but it does not blend the best with my cup design. Also, the cutting & folding part was kind of challenging. It did not take me nearly as much time as I suspected it would, but I would guess that everyone struggled with it at least a little bit. should also mention that printing was tough because my color printer was not working correctly. I replaced the ink in my printer, tried printing using different programs, and changed the file type of my design, but nothing was working. I became very frustrated and it took me a long time to print because of these issues, but at least I got to print something in the end.

4. How could your submission be improved?

I’m sure the folding could have went better, but it still looks nice. I also could have done a better job with my pattern design and tracing the coffee cup. I am still not too good with the pen tool, but it doesn’t look too bad. I guess I should have been more careful, but I got tired of retracing multiple times. Also, my submission would be much better if my printer would work correctly, but I had to use the black & white printer. I could not figure out the issue with my color printer. It took a lot of work to try to fix the issue, but I remain unsuccessful for now.

5. How could the professor improve the assignment for the next class?

While the project was kind of tough, I think Professor Dunkle did a nice job of helping students work through the project. He showed us how to create our designs step-by-step multiple times and showed us how to cut & fold the cartons properly. The Google Slides presentations definitely help and make finding steps much simpler than scanning through a whole class video on Zoom. I appreciate all the help that was provided with this project.

6. How might you apply your knowledge in future assignments or work scenarios?

Before this project, I did not know how to use Adobe Illustrator too well. I now have a much better understanding that will now give me an alternative to Photoshop and Gimp. I also always struggled to use the pen tool, but I now am much better at using it due to the practice I got with the tool. This will be very useful for future designs for the DMAAD Club and future DMA courses. Plus, these skills will be very useful in case I ever find myself designing a professional package if I decide to get into the world of graphic design. It was a very interesting and helpful project.

7. How did a specific reading or video inspire or help you?

The class videos that went over each step of the project were very helpful. I couldn’t have gotten this done without them and the Slides presentation. I did also look at multiple different Coffee Cup designs and abstract patterns for inspiration. These greatly helped influence my designs.

I learned multiple ways in which Photoshop can be used to create an interesting composition. Many tools were introduced to me with this project that I either never used previously or have do so very little. For example, I never really used the gradient tool, but I now find it useful and I may use the pen tool more often instead of always relying on the magnetic lasso. I learned how to create layer masks and manipulate them to remove pieces of an image’s background. The brush tools were used similarly and I will definitely be using those more, as they came in very handy during my time creating the compositions.

2. What was easy?

Adding in the images into photoshop was easy since I have done that many times before. I was also easy to play with the filters. That part was kind of fun too because I liked seeing how I can change a background to look more interesting, and then make them look even better using textures. Using the paint brush tool to add & remove pieces of an image was easy too, but it just took a while to get used to since I have not done that much beforehand. Playing with image adjustments was easy as well because the previous labs/projects have allowed me to get used to changing image brightness, levels, curves, etc. I now use that very often when creating something in Photoshop.

3. What was challenging?

Sometimes it was difficult for me to differentiate between layers as I progressed due to the number of layers growing rapidly. I tried to name the layers carefully, but it was still kind of confusing at times. Also, I had a hard time with the brush tool at some points. Once in a while I would accidentally click on the incorrect layer and erase parts of the image I did not want to erase. Some layer look similar, so that definitely played a role in my struggle. I also struggled to keep a nice balance between each of the layers in my compositions. I did not want any of my layers to take up too much of the composition, but at the same time, I wanted there to be a piece that captured the eye in the center.

4. How could your submission be improved?

The backgrounds and use of textures could have been improved definitely. I tried to play with the image adjustments a lot to make the background stand out more, but I did not have the best success in doing so. Also, it is kind of difficult to make out what my textures are and differentiate between the two that were used, but my composition was kind of complex in the end, so some pieces worked better than others. I could have done a better job tracing and image and removing it from the background using the pen tool, but I could not think of many good ideas of where that part of the design would fit in nicely, so it looks a bit out of place. The compositions turned out good, in my opinion, but a couple things looks a bit out of place, the text being a good example.

5. How could the professor improve the assignment for the next class?

Perhaps a couple more labs would be useful before jumping into this project. There was just a lot of tools that were introduced to us, so it got a bit confusing to me. I do, however, appreciate the step-by-step videos that have been placed into the Project and Lab Demo Instructions. They have definitely made life easier, especially since it can be hard to remember specific details and then find them again when re-watching a class video for a class that is 80 minutes. Overall, there is not much that needs improvement, but a bit more practice would be beneficial before jumping into Project 2.

6. How might you apply your knowledge in future assignments or work scenarios?

I feel that this Project really unleashed my creativity. I will definitely be using the brushes more for removing and adding to parts of an image in the future as well as the pen tool for removing backgrounds. This could be very helpful for pieces of art that I create for the DMAAD Club. Also, I want to get more practice with Photoshop during my free time, so the wide variety of new tools introduced to us in Project 2 will definitely come in handy. I find that when creating something in Photoshop, I kind of overlook backgrounds and more so focus on layers that are copied and pasted into the foreground. I will use my knowledge to make sure I don’t forget about how much the background of a composition can add to its appeal.

7. How did a specific reading or video inspire or help you?

I did not use many resources this time around that were provided by Professor Dunkle, but the class demo videos and short step-by-step clips in the slides have helped me tremendously. I did look at a couple sites for textures since none of my images have ones that I felt were satisfactory, so I used a glass texture and a felt texture from cgtextures.com. The videos on using the pen tool and the brushes helped me the most, as I used the tools multiple times.

2. Using InDesign was easy in my opinion. Although I have not used it before Project 1, it was not hard to use at all for this project. Once I went back and saw how to place each photo in a frame, the process was pretty repetitive. It was a nice learning process that could be a good alternative to many of the programs I have used previously for presentation-like projects. Also, changing the image size and playing around with adjustments was getting easier the more I progressed through the project. It just took some time to get used to.

3. Taking the pictures was kind of challenging. I took many of them with my phone camera, but the quality was not so good at first. I was unhappy with how most of the pictures have came out originally, so I retook almost all of them. When I did that, I tried other techniques to improve the quality. I turned the lights off in my room and used my desk light to create a soft light that greatly improved the quality of my images. I tried a different camera as well, but the quality was not great so I went back to using the phone camera. That took a long time to do and a lot of trial & error. Once I did that, it took a while for me to get used to understanding which photos would go in which portfolio. After reviewing parts of the class videos and the Project instructions, my confusion was greatly lowered and I had a better understanding of what to do. After all, files can get a bit messy when you need to have 3 separate files saved for 16 different images. After progressing through the project, however, I felt more confident and less confused.

4. To improve my project, I am sure I could have done more to improve the quality of my photos in Photoshop. A few of my photos, especially towards the end, were a bit lacking in terms of how many adjustments I have made to them because a few images I thought looked better without a ton of changes. Maybe I could have done a better job with the compression of the images, but I think that went okay. I did not want to lower the image quality too much, but I had to get some of the images to a smaller size so they would fit properly. I also could of possibly played around with the image size better when taking the photos so that they would not look so weird in the InDesign frames, but I tried my best. Furthermore, I could have taken the images better because some of them I had a hard time cropping due to some strange angles I took the photos at, hoping those angles would improve the quality of the images. They did, but in doing so, they were kind of harder to make look better when cropping them in Photoshop.

5. To improve the assignment next time, I would ask the professor to organize the instructions document a bit better because I found it a bit difficult to follow at times even when a lot of my confusion was cleared up in class. I just took me a while to understand which photos were going into which portfolio and to realize which sizes each photo would need to be for each portfolio. The instructions could have probably been simplified a bit more and organized a little better to clear up confusion. I think I did okay though the more I progressed through Project 1.

6. Since I now understand image sizing better, I could use my newly acquired knowledge to change the size of the images to enhance their quality for specific reasons. Also, I would definitely use InDesign again because it was not difficult to use and would work well for many art-related projects in present and future DMA classes (In DMA, there is quite a bit of art-related projects.) I now also have a better understanding of how to improve image quality, so of course I will use my knowledge in other courses because I use Photoshop a lot for all my DMA courses. Also, since I now better understand file organization, that will come in handy for sure.

7. Going back and watching a couple of the class videos from the past few weeks have helped me a lot in understanding what to do because I could follow the processes that Professor Dunkle was showing us on his screen. I also read a couple articles on image compression so I could better understand how to do that since some of my photos were kind of big. I think those helped improve my understanding of the project. I probably could have watched videos on how to make better adjustments in Photoshop, but I think I did good.

Here are a few before/after shots of my photos: