In this assignment, I learned how to add links into my Webpage. I even learned how to incorporate Neocities into my Webpage. Here is the link to my Neocities site: Audrey's Neocities Site
0 Comments
In this assignment, I learned (yet again) more things about creating web pages. I learned how to create bullet points, as well as lists. I really enjoyed this assignment because I got to share a recipe that I liked!
In this assignment, I learned more about creating a webpage. Firstly, I learned how to make words bold or italic. Next, I learned how to create a horizontal rule in my webpage. Overall, I learned so much from this assignment!
In this assignment, I learned how to create a web page! It was harder then I thought, but still, pretty enjoyable. This was a new experience for me since I had never made a web page before!
For this portion of the logo design process, I was asked to choose 3 of my favorite designs from my sketch. Then, I had to vectorize them. Lastly, I was asked to create 3 variations of those 3 vectorized designs. For me, the most challenging part about the process was figuring out what the variations would look like. It was hard to choose things like color, where I would put it, and more. My favorite part about this process was the end, when I got to view all 9 designs. This was because when I first created my 3 designs, I was sure that that was the perfect color combination and etc. However, after looking at the 9 designs, I realized that I actually liked some of the new logos better. So, this assignment helped me to learn that a switch of color can change a design it dramatically. The name of my brand is "Audrey". I created this logo by combining the things that I liked (calligraphy and roses) into one design. The purpose of my brand is to sell flowers - basically a flower shop. It doesn't just sell random flowers, it only sells the ones that I personally favor. This logo represents the brand because it has a rose on it, and that helps people infer what my shop sells. I chose this logo because for me, it's the most visually appealing out of the rest. It looks so elegant and represents my brand very well. I also loved the color combination of lilac purple and grey. In the process of making logos, I think it is very important to make sketches of logos that look totally different. When I did this, I found that my favorite logos were the ones that were totally different from my first sketch.
With all of these ideas for my logo, I decided to choose three of my favorites: the one with the rose, the one with the eyes, and lastly, my initials in cursive (on top of the hand). The rose on the first logo represents by love for roses/plants. They're placed around my room and I just love how something simple such as a rose can bring an elegant vibe. For the second logo, it looks like tears are coming out of eyes. However, it's actually paint. Since I consider myself very artistic and creative, I thought it would be a fun idea to incorporate that into one of my logos. For the third logo, since the last two were pretty complex, I decided to go simple. It's basically by initials in cursive. I love the logos that are complex (like the rose and eyes) because I feel like it's very unique and represents me. The logo that I dislike the most is the the one with my initials because it's not original at all and there is no meaning behind it except for it being my initials, of course. This might've been too much of a simple design. I enjoyed this process because I love drawing and I haven't done it in a while. For me, the most difficult part about these sketches was coming up with the ideas for the logos. This is because since the logo should represent myself, I really wanted to make sure that it did so, but in a more creative manner. Overall, I think this project may be my favorite that I've done so far!
In this assignment, I was asked to work with the Adobe Color website. In this website, I made four different color palettes; monochromatic, analogous, complementary, and triadic. Next, I created a shape with a pen tool using Gravit, while coloring it with the colors from the palettes that I had just created. Lastly, I labeled the colors with their HEX Codes and the name of the color palettes. As I mentioned, I used the Adobe Color website to create the different color palettes. The first, monochromatic, is a color palette that uses the same hue with various saturation and brightness levels. The second, analogous, is made up of hues that are next to each other on the color wheel. The third, complementary, combines hues from opposite sides of the color wheel. And lastly, the triadic color palette is made up of 3 hues that are evenly spaced around the color wheel. For me, my triad color scheme was my favorite out of the four because it included many different hues, while somehow looking good next to each other. Overall, this assignment was one of my favorites because I was able to play around with a new website that was different to any other websites that I had used. The inspiration to this design:)
In this assignment, I was asked to create different shapes and name their RGB Value and HEX Code. To make this, I searched up "succulent" on google, and traced it with the pen tool. Then, I colored each leaf a different color and named their RGB Value and HEX Code. I actually had a lot of challenges that I had to face with this assignment. This is my second attempt, and my first attempt was a disaster. The colors weren't labeled correctly, and they didn't cover the whole leaf. To overcome these challenges, I started over, double checking if I labeled the colors right and making sure the color covered the whole shape. I had many successes that I achieved during this assignment. I succeeded on tracing a picture neatly with the pen-tool, and even just finishing this design on time was a success. (Because I had to redo it.) I am definitely proud of my work because it looks exactly how I first pictured it to look. The reason why I wanted the main point of this project to be a succulent, is because lately I've been obsessed with plants. So, I decided to incorporate something that I was interested in into this assignment. Overall, throughout this assignment I mastered the ability to trace with a pen-tool, and learned more about RGB Values and HEX Codes!
My Inspiration Typography is the visual component of a written word. Typography is important because it helps to clearly express the feeling of a word, and therefore, it grabs people's attention. The quote - "Each font has a personality and a purpose” is trying to tell us that every font portrays a different personality which purpose is to match the personality with the word. Five of the basic types of fonts include Serif, Sans Serif, Monospaced, Script/Handwriting, and Novelty. A Serif font has "feet", and are typically used for large blocks of texts or prints because it is easier to read then most fonts. The Sans Serif font does not have "feet", they are perfect for writing headlines, titles, and smaller chunks of text. They are mostly used on the web. In Monospaced fonts, each letter takes up the same amount of space. They aren't good for large blocks of text, and are mostly used in coding. The next type of font is called Script/Handwriting. It looks like cursive, calligraphy, or someone's handwriting. Since it is difficult to read, it's mainly used for logos, large headlines, and details. Lastly, Novelty fonts look like fonts that had a design drawn into them. They are good attention getters because of their unique look, but their popularity comes and goes. Therefore, many people learn to use this font more sparingly. Typeface comparisonFor my Typeface Comparison project, I had to find one example of each typeface in an A4 Gravit document. We were to give an example text for each of the fonts, give the fonts names, and label which type of font they were. Word PortraitsFor the Word Portraits assignment, we were to create an A4 sized Gravit document. Then, we had to choose ten fonts and write two words with each of them; one that matched with the personality of the font, and one that did not. Then, we had to label each font with the font names. While creating this assignment, we had to remember what we learned about Contrast, Repetition, Alignment, and Proximity.
I made this design by coding the shapes in one by one. Throughout this activity I learned how to use code for graphic designing, and this design represents outer space. The white crescent on the black circle represents one phase of the moon, and the different colored circles around it represents stars and planets. I decided to code outer-space because it is a topic that always, and always will interest me. This was the code I used to create this design: background(8, 22, 54); // moon ellipse(200, 200, 238, 238); fill(36, 35, 36); noStroke(); arc(125, 112, 312, 514, 0, 54); arc(205, 116, 153, 69, 268, 365); arc(204, 115, 156, 69, 176, 365); arc(159, 215, 159, 241, 547, 610); noStroke(); arc(184, 222, 174, 187, 432, 605); arc(168, 204, 174, 187, 503, 554); arc(181, 221, 174, 187, 455, 554); arc(171, 212, 174, 187, 452, 554); arc(224, 211, 213, 201, 459, 391); arc(208, 225, 174, 187, 443, 661); arc(199, 226, 209, 187, 443, 661); // galaxy stars and planets // pink fill(255, 196, 253); ellipse(70, 186, 4, 4); ellipse(118, 262, 4, 4); ellipse(65, 224, 4, 4); ellipse(85, 280, 4, 4); ellipse(152, 322, 4, 4); ellipse(182, 330, 4, 4); ellipse(258, 318, 4, 4); ellipse(330, 260, 4, 4); ellipse(325, 217, 4, 4); ellipse(307, 121, 4, 4); ellipse(258, 85, 4, 4); ellipse(100, 118, 4, 4); ellipse(157, 64, 4, 4); ellipse(214, 67, 4, 4); ellipse(313, 325, 6, 6); ellipse(247, 51, 6, 6); ellipse(103, 358, 6, 6); ellipse(33, 210, 6, 6); ellipse(373, 211, 6, 6); ellipse(110, 137, 2, 2); ellipse(305, 137, 2, 2); ellipse(220, 312, 2, 2); ellipse(192, 65, 2, 2); ellipse(93, 247, 2, 2); ellipse(317, 274, 2, 2); ellipse(249, 81, 2, 2); ellipse(116, 304, 2, 2); ellipse(44, 129, 8, 8); ellipse(166, 378, 8, 8); ellipse(317, 94, 8, 8); ellipse(289, 358, 8, 8); ellipse(374, 266, 2, 2); ellipse(368, 19, 8, 8); ellipse(146, 13, 8, 8); ellipse(15, 278, 8, 8); ellipse(375, 127, 8, 8); ellipse(67, 44, 8, 8); ellipse(370, 334, 6, 6); ellipse(341, 50, 6, 6); ellipse(241, 389, 2, 2); ellipse(208, 370, 2, 2); ellipse(135, 389, 2, 2); ellipse(110, 373, 2, 2); ellipse(343, 389, 2, 2); ellipse(78, 389, 2, 2); ellipse(128, 325, 2, 2); ellipse(16, 369, 5, 5); ellipse(11, 327, 8, 8); ellipse(73, 339, 2, 2); ellipse(66, 280, 2, 2); ellipse(33, 156, 2, 2); ellipse(6, 116, 4, 4); ellipse(80, 156, 2, 2); ellipse(11, 35, 5, 5); ellipse(89, 84, 3, 3); ellipse(141, 55, 3, 3); ellipse(191, 30, 3, 3); ellipse(220, 13, 5, 5); ellipse(376, 84, 3, 3); ellipse(313, 72, 3, 3); ellipse(342, 20, 3, 3); ellipse(390, 53, 3, 3); ellipse(346, 154, 4, 4); ellipse(305, 3, 4, 4); ellipse(358, 211, 2, 2); ellipse(388, 303, 2, 2); ellipse(308, 371, 2, 2); ellipse(352, 306, 2, 2); ellipse(277, 395, 2, 2); ellipse(254, 395, 4, 4); ellipse(164, 395, 4, 4); ellipse(58, 390, 6, 6); ellipse(354, 269, 2, 2); ellipse(390, 199, 2, 2); ellipse(336, 199, 2, 2); ellipse(75, 211, 2, 2); ellipse(166, 338, 2, 2); ellipse(19, 199, 1, 1); ellipse(19, 258, 1, 1); ellipse(66, 199, 1, 1); ellipse(82, 310, 1, 1); ellipse(31, 387, 1, 1); ellipse(236, 357, 1, 1); ellipse(168, 8, 2, 2); ellipse(63, 8, 2, 2); ellipse(100, 8, 2, 2); // light blue fill(186, 209, 255); ellipse(87, 141, 4, 4); ellipse(323, 195, 4, 4); ellipse(100, 312, 4, 4); ellipse(221, 341, 4, 4); ellipse(329, 67, 4, 4); ellipse(195, 76, 4, 4); ellipse(306, 293, 4, 4); ellipse(55, 158, 6, 6); ellipse(183, 358, 6, 6); ellipse(181, 49, 6, 6); ellipse(343, 179, 6, 6); ellipse(344, 106, 6, 6); ellipse(277, 111, 2, 2); ellipse(285, 292, 2, 2); ellipse(146, 301, 2, 2); ellipse(170, 76, 2, 2); ellipse(349, 334, 8, 8); ellipse(62, 75, 8, 8); ellipse(62, 373, 8, 8); ellipse(389, 233, 2, 2); ellipse(383, 320, 2, 2); ellipse(393, 379, 6, 6); ellipse(375, 52, 6, 6); ellipse(394, 14, 4, 4); ellipse(319, 23, 4, 4); ellipse(131, 83, 4, 4); ellipse(109, 25, 5, 5); ellipse(230, 25, 2, 2); ellipse(131, 95, 2, 2); ellipse(94, 95, 2, 2); ellipse(281, 115, 6, 6); ellipse(134, 312, 5, 5); ellipse(56, 179, 2, 2); ellipse(392, 269, 4, 4); ellipse(391, 124, 3, 3); ellipse(365, 196, 2, 2); ellipse(74, 196, 2, 2); ellipse(332, 336, 2, 2); ellipse(57, 304, 2, 2); ellipse(209, 399, 4, 4); ellipse(3, 377, 4, 4); ellipse(197, 9, 4, 4); ellipse(11, 14, 2, 2); ellipse(44, 394, 2, 2); ellipse(35, 63, 2, 2); ellipse(18, 84, 2, 2); ellipse(75, 63, 2, 2); ellipse(59, 138, 2, 2); ellipse(131, 63, 2, 2); ellipse(75, 24, 2, 2); ellipse(49, 241, 4, 4); ellipse(32, 232, 2, 2); ellipse(10, 248, 2, 2); // purple fill(158, 125, 250); ellipse(146, 82, 4, 4); ellipse(328, 141, 4, 4); ellipse(281, 304, 4, 4); ellipse(282, 92, 4, 4); ellipse(131, 342, 4, 4); ellipse(358, 242, 6, 6); ellipse(50, 269, 6, 6); ellipse(247, 349, 6, 6); ellipse(114, 69, 6, 6); ellipse(343, 137, 2, 2); ellipse(238, 330, 2, 2); ellipse(109, 157, 2, 2); ellipse(107, 281, 2, 2); ellipse(281, 29, 8, 8); ellipse(343, 376, 8, 8); ellipse(38, 333, 8, 8); ellipse(34, 82, 8, 8); ellipse(24, 13, 8, 8); ellipse(170, 18, 2, 2); ellipse(241, 61, 2, 2); ellipse(353, 18, 2, 2); ellipse(338, 83, 4, 4); ellipse(390, 83, 4, 4); ellipse(359, 67, 4, 4); ellipse(301, 18, 2, 2); ellipse(353, 223, 2, 2); ellipse(295, 319, 2, 2); ellipse(16, 180, 5, 5); ellipse(112, 386, 2, 2); ellipse(35, 12, 2, 2); ellipse(125, 13, 2, 2); ellipse(103, 80, 2, 2); // white fill(255, 255, 255); ellipse(63, 251, 4, 4); ellipse(158, 344, 4, 4); ellipse(338, 234, 4, 4); ellipse(281, 332, 4, 4); ellipse(121, 47, 4, 4); ellipse(80, 107, 4, 4); ellipse(290, 66, 4, 4); ellipse(62, 322, 6, 6); ellipse(62, 322, 6, 6); ellipse(223, 372, 6, 6); ellipse(215, 35, 6, 6); ellipse(341, 294, 6, 6); ellipse(360, 140, 6, 6); ellipse(124, 114, 2, 2); ellipse(202, 351, 2, 2); ellipse(320, 171, 2, 2); ellipse(316, 248, 2, 2); ellipse(66, 164, 2, 2); ellipse(76, 237, 2, 2); ellipse(222, 87, 2, 2); ellipse(129, 375, 8, 8); ellipse(313, 45, 8, 8); ellipse(20, 137, 8, 8); ellipse(375, 282, 8, 8); ellipse(43, 292, 8, 8); ellipse(266, 351, 2, 2); ellipse(347, 351, 2, 2); ellipse(390, 351, 2, 2); ellipse(371, 383, 2, 2); ellipse(388, 394, 2, 2); ellipse(217, 387, 2, 2); ellipse(275, 379, 2, 2); ellipse(374, 310, 2, 2); ellipse(139, 351, 2, 2); ellipse(90, 351, 2, 2); ellipse(153, 381, 2, 2); ellipse(186, 393, 2, 2); ellipse(84, 328, 2, 2); ellipse(49, 351, 2, 2); ellipse(45, 383, 2, 2); ellipse(74, 295, 2, 2); ellipse(13, 351, 2, 2); ellipse(19, 381, 2, 2); ellipse(38, 311, 2, 2); ellipse(76, 265, 2, 2); ellipse(30, 270, 2, 2); ellipse(9, 281, 2, 2); ellipse(45, 222, 2, 2); ellipse(13, 233, 8, 8); ellipse(28, 351, 2, 2); ellipse(29, 171, 2, 2); ellipse(23, 219, 2, 2); ellipse(8, 193, 2, 2); ellipse(17, 158, 2, 2); ellipse(69, 351, 2, 2); ellipse(61, 98, 2, 2); ellipse(28, 121, 2, 2); ellipse(32, 98, 4, 4); ellipse(14, 64, 6, 6); ellipse(47, 14, 2, 2); ellipse(95, 43, 2, 2); ellipse(44, 55, 4, 4); ellipse(11, 98, 2, 2); ellipse(25, 41, 2, 2); ellipse(87, 15, 8, 8); ellipse(91, 59, 2, 2); ellipse(163, 98, 2, 2); ellipse(146, 33, 4, 4); ellipse(260, 22, 6, 6); ellipse(304, 98, 2, 2); ellipse(385, 98, 2, 2); ellipse(355, 83, 2, 2); ellipse(330, 123, 2, 2); ellipse(386, 151, 2, 2); ellipse(358, 179, 2, 2); ellipse(377, 185, 2, 2); ellipse(365, 219, 2, 2); ellipse(385, 252, 2, 2); ellipse(348, 252, 2, 2); ellipse(334, 281, 2, 2); ellipse(363, 252, 2, 2); ellipse(326, 378, 2, 2); ellipse(330, 312, 2, 2); ellipse(206, 324, 4, 4); ellipse(292, 40, 4, 4); ellipse(258, 40, 2, 2); ellipse(327, 33, 2, 2); ellipse(241, 18, 2, 2); ellipse(231, 50, 2, 2); ellipse(258, 65, 2, 2); ellipse(162, 40, 2, 2); ellipse(389, 40, 2, 2); ellipse(247, 8, 2, 2); ellipse(191, 40, 2, 2); ellipse(372, 31, 2, 2); ellipse(300, 40, 2, 2); ellipse(278, 76, 2, 2); ellipse(137, 37, 2, 2); ellipse(366, 275, 2, 2); ellipse(42, 37, 2, 2); ellipse(42, 109, 2, 2); ellipse(55, 207, 8, 8); ellipse(359, 294, 2, 2); ellipse(85, 371, 5, 5); ellipse(362, 362, 5, 5); ellipse(307, 345, 5, 5); ellipse(306, 305, 2, 2); ellipse(256, 335, 2, 2); ellipse(199, 335, 2, 2); ellipse(262, 308, 2, 2); // yellow fill(255, 244, 120); ellipse(38, 186, 4, 4); ellipse(21, 302, 4, 4); ellipse(36, 365, 4, 4); ellipse(32, 250, 4, 4); ellipse(105, 333, 4, 4); ellipse(98, 390, 4, 4); ellipse(247, 371, 4, 4); ellipse(349, 195, 4, 4); ellipse(319, 355, 4, 4); ellipse(377, 358, 4, 4); ellipse(163, 360, 4, 4); ellipse(376, 167, 4, 4); ellipse(300, 389, 4, 4); ellipse(61, 121, 4, 4); ellipse(113, 95, 4, 4); ellipse(54, 28, 6, 6); ellipse(369, 105, 6, 6); ellipse(196, 385, 6, 6); ellipse(202, 33, 4, 4); ellipse(274, 4, 2, 2); ellipse(275, 55, 4, 4); ellipse(355, 41, 2, 2); ellipse(131, 25, 2, 2); ellipse(322, 303, 4, 4); ellipse(305, 271, 2, 2); ellipse(97, 271, 1, 1); ellipse(121, 356, 1, 1); ellipse(55, 284, 1, 1); ellipse(11, 394, 5, 5); ellipse(376, 7, 2, 2); ellipse(323, 7, 2, 2); ellipse(344, 33, 2, 2); ellipse(344, 7, 4, 4); ellipse(359, 378, 2, 2); ellipse(264, 385, 4, 4); ellipse(318, 393, 2, 2); |
Archives
April 2019
Categories
All
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License. |