{"id":12,"date":"2024-02-13T15:11:47","date_gmt":"2024-02-13T15:11:47","guid":{"rendered":"https:\/\/comdma.com\/ashers\/?p=12"},"modified":"2024-02-23T20:26:15","modified_gmt":"2024-02-23T20:26:15","slug":"lab-2-logo-and-icon-design","status":"publish","type":"post","link":"https:\/\/comdma.com\/ashers\/2024\/02\/13\/lab-2-logo-and-icon-design\/","title":{"rendered":"Project 1: To Do App"},"content":{"rendered":"\n<p><strong>What Did I learn? <\/strong>This &#8220;To Do&#8221; App was definitely a learning experience for me. I had only used Figma once before this assignment during my freshman year, but this project was a lot more complex. Something in particular I learned that I found useful is the ability to create components. Creating components made it so much easier to replicate a button, checkbox, etc. that I needed again. One more thing I learned was the concept of plugins. Plugins made it very easy to add icons or any additional features to your app that Figma doesn&#8217;t offer itself. <\/p>\n\n\n\n<p><strong>What was easy? <\/strong> In my opinion, this project was difficult to do on my own. Asking Professor Dunkle for help over zoom aided me with a great deal of this assignment. I consider myself a slow learner when it comes to learning new programs. <\/p>\n\n\n\n<p><strong>What was challenging?<\/strong> There were multiple challenging aspects of this project, but one thing I really struggled with was the navigation tab. It took me multiple attempts to get it to work the way I wanted. It took a big chunk of my zoom session with Professor Dunkle to get it working correctly. <\/p>\n\n\n\n<p><strong>How could my submission be improved?<\/strong> Now that my To Do app is complete, I feel there is nothing &#8220;wrong&#8221; with it per se, but I feel it is not very aesthetically appealing or creatively designed. It is a bit too simple looking in my opinion. <\/p>\n\n\n\n<p><strong>How could I improve my assignment for the next class?<\/strong> I believe I could improve my app by taking the time to learn the Figma tool better and possibly watching tutorials on how to use the app. I also could&#8217;ve viewed more of Professor Dunkle&#8217;s class lectures to figure out things I missed. <\/p>\n\n\n\n<p><strong>How might you apply your knowledge in future assignments or work scenarios?<\/strong> As somebody who wants to pursue social media and social media marketing as a future profession, I feel that Figma may be an extremely useful tool to know. There may be a time in my career where I need to mockup social media posts or app updates on Figma. It is a great tool to help an idea come to life. <\/p>\n\n\n\n<p><strong>How did a specific reading or video inspire or help you?<\/strong> What inspired the idea for my app was a challenge I was seeing on social media called the &#8220;75 Hard.&#8221; I thought it would be cool to base my app off of that instead of doing a regular To Do app. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"472\" height=\"1024\" data-id=\"22\" src=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/signin-472x1024.png\" alt=\"\" class=\"wp-image-22\" srcset=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/signin-472x1024.png 472w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/signin-138x300.png 138w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/signin.png 586w\" sizes=\"auto, (max-width: 472px) 100vw, 472px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"497\" height=\"1024\" data-id=\"23\" src=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/AboutPage-497x1024.png\" alt=\"\" class=\"wp-image-23\" srcset=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/AboutPage-497x1024.png 497w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/AboutPage-145x300.png 145w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/AboutPage.png 613w\" sizes=\"auto, (max-width: 497px) 100vw, 497px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"485\" height=\"1024\" data-id=\"24\" src=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/mytasks-485x1024.png\" alt=\"\" class=\"wp-image-24\" srcset=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/mytasks-485x1024.png 485w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/mytasks-142x300.png 142w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/mytasks.png 594w\" sizes=\"auto, (max-width: 485px) 100vw, 485px\" \/><\/figure>\n<\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading12_08010c-74, .wp-block-kadence-advancedheading.kt-adv-heading12_08010c-74[data-kb-block=\"kb-adv-heading12_08010c-74\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading12_08010c-74 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading12_08010c-74[data-kb-block=\"kb-adv-heading12_08010c-74\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading12_08010c-74 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading12_08010c-74[data-kb-block=\"kb-adv-heading12_08010c-74\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading12_08010c-74 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading12_08010c-74\">Pictured above are three pages of my app that I am most proud of. <\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading12_7ec6c6-52, .wp-block-kadence-advancedheading.kt-adv-heading12_7ec6c6-52[data-kb-block=\"kb-adv-heading12_7ec6c6-52\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading12_7ec6c6-52 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading12_7ec6c6-52[data-kb-block=\"kb-adv-heading12_7ec6c6-52\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading12_7ec6c6-52 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading12_7ec6c6-52[data-kb-block=\"kb-adv-heading12_7ec6c6-52\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading12_7ec6c6-52 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading12_7ec6c6-52\">Work In Progress Images:<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"814\" src=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/Figma-App-Stage-1-1-1024x814.png\" alt=\"\" class=\"wp-image-32\" style=\"width:490px;height:auto\" srcset=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/Figma-App-Stage-1-1-1024x814.png 1024w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/Figma-App-Stage-1-1-300x238.png 300w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/Figma-App-Stage-1-1-768x610.png 768w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/Figma-App-Stage-1-1-1536x1221.png 1536w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/Figma-App-Stage-1-1-1568x1246.png 1568w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/Figma-App-Stage-1-1.png 1794w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading12_33e1e1-63, .wp-block-kadence-advancedheading.kt-adv-heading12_33e1e1-63[data-kb-block=\"kb-adv-heading12_33e1e1-63\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading12_33e1e1-63 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading12_33e1e1-63[data-kb-block=\"kb-adv-heading12_33e1e1-63\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading12_33e1e1-63 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading12_33e1e1-63[data-kb-block=\"kb-adv-heading12_33e1e1-63\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading12_33e1e1-63 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading12_33e1e1-63\">This screenshot was taken after about a week of working on the To-Do App. At this point, I was not feeling overwhelmed with the prototyping and the amount of pages. I only had a few button prototypes completed <\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading12_f3418c-02, .wp-block-kadence-advancedheading.kt-adv-heading12_f3418c-02[data-kb-block=\"kb-adv-heading12_f3418c-02\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading12_f3418c-02 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading12_f3418c-02[data-kb-block=\"kb-adv-heading12_f3418c-02\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading12_f3418c-02 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading12_f3418c-02[data-kb-block=\"kb-adv-heading12_f3418c-02\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading12_f3418c-02 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading12_f3418c-02\">Here is the logo I created. I think it is sleek and professional. I like how the text goes through the number &#8220;75.&#8221; It was recommended that I take out the &#8220;on task&#8221; banner from the 16&#215;16 logo due to its size. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"934\" src=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/34way-1024x934.png\" alt=\"\" class=\"wp-image-38\" style=\"width:446px;height:auto\" srcset=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/34way-1024x934.png 1024w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/34way-300x274.png 300w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/34way-768x701.png 768w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/34way-1536x1401.png 1536w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/34way.png 1561w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading12_0f394c-23, .wp-block-kadence-advancedheading.kt-adv-heading12_0f394c-23[data-kb-block=\"kb-adv-heading12_0f394c-23\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading12_0f394c-23 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading12_0f394c-23[data-kb-block=\"kb-adv-heading12_0f394c-23\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading12_0f394c-23 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading12_0f394c-23[data-kb-block=\"kb-adv-heading12_0f394c-23\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading12_0f394c-23 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading12_0f394c-23\">Here is a photo of my project about three-quarters done. As I needed more pages and prototypes, the assignment got more complex.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"711\" src=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/FinalFigma-1024x711.png\" alt=\"\" class=\"wp-image-41\" srcset=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/FinalFigma-1024x711.png 1024w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/FinalFigma-300x208.png 300w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/FinalFigma-768x533.png 768w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/FinalFigma-1536x1067.png 1536w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/FinalFigma-1568x1089.png 1568w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/FinalFigma.png 1898w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading12_7e4ccd-22, .wp-block-kadence-advancedheading.kt-adv-heading12_7e4ccd-22[data-kb-block=\"kb-adv-heading12_7e4ccd-22\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading12_7e4ccd-22 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading12_7e4ccd-22[data-kb-block=\"kb-adv-heading12_7e4ccd-22\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading12_7e4ccd-22 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading12_7e4ccd-22[data-kb-block=\"kb-adv-heading12_7e4ccd-22\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading12_7e4ccd-22 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading12_7e4ccd-22\">Here is my Figma Assignment fully complete. I was finally satisfied with the way everything was functioning. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"407\" src=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/colorpalette-1024x407.png\" alt=\"\" class=\"wp-image-42\" srcset=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/colorpalette-1024x407.png 1024w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/colorpalette-300x119.png 300w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/colorpalette-768x305.png 768w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/colorpalette-1536x611.png 1536w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/colorpalette-1568x623.png 1568w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/02\/colorpalette.png 1856w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading12_af62a7-d4, .wp-block-kadence-advancedheading.kt-adv-heading12_af62a7-d4[data-kb-block=\"kb-adv-heading12_af62a7-d4\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading12_af62a7-d4 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading12_af62a7-d4[data-kb-block=\"kb-adv-heading12_af62a7-d4\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading12_af62a7-d4 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading12_af62a7-d4[data-kb-block=\"kb-adv-heading12_af62a7-d4\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading12_af62a7-d4 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading12_af62a7-d4\">Lastly, here is the color palette I made for my app. I created three different color styles for easy access. I named the colors (L to R) Navy Blue, Steel Blue, and Light Gray. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>What Did I learn? This &#8220;To Do&#8221; App was definitely a learning experience for me. I had only used Figma once before this assignment during my freshman year, but this project was a lot more complex. Something in particular I learned that I found useful is the ability to create components. Creating components made it&hellip; <a class=\"more-link\" href=\"https:\/\/comdma.com\/ashers\/2024\/02\/13\/lab-2-logo-and-icon-design\/\">Continue reading <span class=\"screen-reader-text\">Project 1: To Do App<\/span><\/a><\/p>\n","protected":false},"author":332,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-12","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"taxonomy_info":{"category":[{"value":1,"label":"Uncategorized"}]},"featured_image_src_large":false,"author_info":{"display_name":"ashers","author_link":"https:\/\/comdma.com\/ashers\/author\/ashers\/"},"comment_info":"","category_info":[{"term_id":1,"name":"Uncategorized","slug":"uncategorized","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":3,"filter":"raw","cat_ID":1,"category_count":3,"category_description":"","cat_name":"Uncategorized","category_nicename":"uncategorized","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/posts\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/users\/332"}],"replies":[{"embeddable":true,"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":12,"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/posts\/12\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/posts\/12\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/media?parent=12"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/categories?post=12"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/tags?post=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}