{"id":12,"date":"2024-02-14T23:45:03","date_gmt":"2024-02-14T23:45:03","guid":{"rendered":"https:\/\/comdma.com\/naturalle100\/?p=12"},"modified":"2024-02-14T23:47:53","modified_gmt":"2024-02-14T23:47:53","slug":"dma-217-project-1-todo-app-design","status":"publish","type":"post","link":"https:\/\/comdma.com\/naturalle100\/2024\/02\/14\/dma-217-project-1-todo-app-design\/","title":{"rendered":"DMA 217 Project 1: TODO App Design"},"content":{"rendered":"\n<p><strong>Final images of the Project 1<\/strong><\/p>\n\n\n<style>.wp-block-kadence-advancedgallery .kb-gallery-type-masonry.kb-gallery-id-12_fdc41e-86{margin:-5px;}.kb-gallery-type-masonry.kb-gallery-id-12_fdc41e-86 .kadence-blocks-gallery-item{padding:5px;}.kb-gallery-id-12_fdc41e-86 .kadence-blocks-gallery-item .kb-gal-image-radius, .kb-gallery-id-12_fdc41e-86 .kb-slide-item .kb-gal-image-radius img{border-radius:0px 0px 0px 0px;;}<\/style><div class=\"kb-gallery-wrap-id-12_fdc41e-86 alignnone wp-block-kadence-advancedgallery\"><ul class=\"kb-gallery-ul kb-gallery-non-static kb-gallery-type-masonry kb-masonry-init kb-gallery-id-12_fdc41e-86 kb-gallery-caption-style-bottom-hover kb-gallery-filter-none\" data-image-filter=\"none\" data-item-selector=\".kadence-blocks-gallery-item\" data-lightbox-caption=\"true\" data-columns-xxl=\"3\" data-columns-xl=\"3\" data-columns-md=\"3\" data-columns-sm=\"2\" data-columns-xs=\"1\" data-columns-ss=\"1\"><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\" style=\"max-width:375px;\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic\" style=\"padding-bottom:216%;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/TODO-PT-2.jpg\" width=\"375\" height=\"812\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/TODO-PT-2.jpg\" data-light-image=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/TODO-PT-2.jpg\" data-id=\"17\" class=\"wp-image-17\" srcset=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/TODO-PT-2.jpg 375w, https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/TODO-PT-2-139x300.jpg 139w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/div><\/div><\/figure><\/div><\/li><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\" style=\"max-width:374px;\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic\" style=\"padding-bottom:217%;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Sign-Up-1.jpg\" width=\"374\" height=\"812\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Sign-Up-1.jpg\" data-light-image=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Sign-Up-1.jpg\" data-id=\"18\" class=\"wp-image-18\" srcset=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Sign-Up-1.jpg 374w, https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Sign-Up-1-138x300.jpg 138w\" sizes=\"auto, (max-width: 374px) 100vw, 374px\" \/><\/div><\/div><\/figure><\/div><\/li><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\" style=\"max-width:375px;\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic\" style=\"padding-bottom:216%;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Learn-More.jpg\" width=\"375\" height=\"812\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Learn-More.jpg\" data-light-image=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Learn-More.jpg\" data-id=\"15\" class=\"wp-image-15\" srcset=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Learn-More.jpg 375w, https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Learn-More-139x300.jpg 139w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/div><\/div><\/figure><\/div><\/li><\/ul><\/div>\n\n\n<p><strong>WIP images of the Project 1<\/strong><\/p>\n\n\n<style>.wp-block-kadence-advancedgallery .kb-gallery-type-masonry.kb-gallery-id-12_333096-7d{margin:-5px;}.kb-gallery-type-masonry.kb-gallery-id-12_333096-7d .kadence-blocks-gallery-item{padding:5px;}.kb-gallery-id-12_333096-7d .kadence-blocks-gallery-item .kb-gal-image-radius, .kb-gallery-id-12_333096-7d .kb-slide-item .kb-gal-image-radius img{border-radius:0px 0px 0px 0px;;}<\/style><div class=\"kb-gallery-wrap-id-12_333096-7d alignnone wp-block-kadence-advancedgallery\"><ul class=\"kb-gallery-ul kb-gallery-non-static kb-gallery-type-masonry kb-masonry-init kb-gallery-id-12_333096-7d kb-gallery-caption-style-bottom-hover kb-gallery-filter-none\" data-image-filter=\"none\" data-item-selector=\".kadence-blocks-gallery-item\" data-lightbox-caption=\"true\" data-columns-xxl=\"3\" data-columns-xl=\"3\" data-columns-md=\"3\" data-columns-sm=\"2\" data-columns-xs=\"1\" data-columns-ss=\"1\"><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\" style=\"max-width:468px;\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic\" style=\"padding-bottom:188%;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Reward.jpg\" width=\"468\" height=\"884\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Reward.jpg\" data-light-image=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Reward.jpg\" data-id=\"19\" class=\"wp-image-19\" srcset=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Reward.jpg 468w, https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Reward-159x300.jpg 159w\" sizes=\"auto, (max-width: 468px) 100vw, 468px\" \/><\/div><\/div><\/figure><\/div><\/li><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\" style=\"max-width:375px;\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic\" style=\"padding-bottom:216%;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Starter.jpg\" width=\"375\" height=\"812\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Starter.jpg\" data-light-image=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Starter.jpg\" data-id=\"20\" class=\"wp-image-20\" srcset=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Starter.jpg 375w, https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Starter-139x300.jpg 139w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/div><\/div><\/figure><\/div><\/li><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\" style=\"max-width:384px;\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic\" style=\"padding-bottom:211%;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Work-out.jpg\" width=\"384\" height=\"812\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Work-out.jpg\" data-light-image=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Work-out.jpg\" data-id=\"21\" class=\"wp-image-21\" srcset=\"https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Work-out.jpg 384w, https:\/\/comdma.com\/naturalle100\/wp-content\/uploads\/sites\/351\/2024\/02\/Work-out-142x300.jpg 142w\" sizes=\"auto, (max-width: 384px) 100vw, 384px\" \/><\/div><\/div><\/figure><\/div><\/li><\/ul><\/div>\n\n\n<p><a href=\"https:\/\/www.figma.com\/proto\/NCVZH1GatGifP11AZpNZGV\/Miller_DMA217_Project-1?type=design&amp;node-id=252-1759&amp;t=B0jGM0edLFFd199n-1&amp;scaling=scale-down&amp;page-id=0%3A1&amp;starting-point-node-id=252%3A1759&amp;show-proto-sidebar=1&amp;mode=design\">Test Prototype Right Here!<\/a><\/p>\n\n\n\n<ul class=\"has-base-background-color has-background wp-block-list\">\n<li>What did you learn?<\/li>\n<\/ul>\n\n\n\n<p>I learned that even though I haven&#8217;t put any codes for the button it transitions to another frame when clicked on. I could use Prototype to make the transitions, automatically doing the coding for me as I choose the transition option from one frame to the next.<\/p>\n\n\n\n<ul class=\"has-base-background-color has-background wp-block-list\">\n<li>What was easy?<\/li>\n<\/ul>\n\n\n\n<p>Picking out the colors, the unique features of the TODO, and tasks.<\/p>\n\n\n\n<ul class=\"has-base-background-color has-background wp-block-list\">\n<li>What was challenging?<\/li>\n<\/ul>\n\n\n\n<p>There is plenty from making so many frames, thinking about what to add, and resizing and cropping layers. Trying to create components and not make component layers and frames. When I&#8217;m moving something on one frame the other frames copy what it&#8217;s doing, despite being named differently. I&#8217;ve had kind of a difficult time with this, but this is a new program for me so there&#8217;s much to learn<\/p>\n\n\n\n<ul class=\"has-base-background-color has-background wp-block-list\">\n<li>How could your submission be improved?<\/li>\n<\/ul>\n\n\n\n<p>I could&#8217;ve made the frame background color have more detail. Perhaps add different ways to edit, delete, and add tasks. Could&#8217;ve added another frame about the workout after completing a task feature. Such as a figure doing the workout and how many times the person should do it. Lastly, I would make frames more organized.<\/p>\n\n\n\n<ul class=\"has-base-background-color has-background wp-block-list\">\n<li>How could I improve the assignment for the next class?<\/li>\n<\/ul>\n\n\n\n<p>Based on the assignment, I&#8217;ll only create components for layers that are buttons for example. Have a more concise idea and do not create multiple frames. Learn more about variants.<\/p>\n\n\n\n<ul class=\"has-base-background-color has-background wp-block-list\">\n<li>How might you apply your knowledge in future assignments or work scenarios?<\/li>\n<\/ul>\n\n\n\n<p>I&#8217;ll take my knowledge and plan out everything. First sketch out what to do first which is the idea. Second how layers to add, third add details, and lastly the final touches.<\/p>\n\n\n\n<ul class=\"has-base-background-color has-background wp-block-list\">\n<li>How did a specific reading or video inspire or help you?<\/li>\n<\/ul>\n\n\n\n<p>There wasn&#8217;t anything that inspired me, I just went along with the flow. I never thought about my color pallet and realized, &#8220;Oh wait, this is like fire!&#8221; and &#8220;Fire&#8230; what feature would go with this&#8230; I&#8217;m doing yoga- OH working out!&#8221; I did search how to do things like cropping a layer since sometimes using ctrl didn&#8217;t work.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Final images of the Project 1 WIP images of the Project 1 Test Prototype Right Here! I learned that even though I haven&#8217;t put any codes for the button it transitions to another frame when clicked on. I could use Prototype to make the transitions, automatically doing the coding for me as I choose the [&hellip;]<\/p>\n","protected":false},"author":335,"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":[],"tags":[3,10,9,4,6,7,8],"class_list":["post-12","post","type-post","status-publish","format-standard","hentry","tag-dma","tag-design","tag-digitaldesign","tag-dma217","tag-figma","tag-figmatodo","tag-todo"],"taxonomy_info":{"post_tag":[{"value":3,"label":"#DMA"},{"value":10,"label":"Design"},{"value":9,"label":"DigitalDesign"},{"value":4,"label":"DMA217"},{"value":6,"label":"Figma"},{"value":7,"label":"FigmaTODO"},{"value":8,"label":"TODO"}]},"featured_image_src_large":false,"author_info":{"display_name":"naturalle100","author_link":"https:\/\/comdma.com\/naturalle100\/author\/naturalle100\/"},"comment_info":"","category_info":[],"tag_info":[{"term_id":3,"name":"#DMA","slug":"dma","term_group":0,"term_taxonomy_id":3,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":10,"name":"Design","slug":"design","term_group":0,"term_taxonomy_id":10,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":9,"name":"DigitalDesign","slug":"digitaldesign","term_group":0,"term_taxonomy_id":9,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":4,"name":"DMA217","slug":"dma217","term_group":0,"term_taxonomy_id":4,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":6,"name":"Figma","slug":"figma","term_group":0,"term_taxonomy_id":6,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":7,"name":"FigmaTODO","slug":"figmatodo","term_group":0,"term_taxonomy_id":7,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":8,"name":"TODO","slug":"todo","term_group":0,"term_taxonomy_id":8,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"}],"_links":{"self":[{"href":"https:\/\/comdma.com\/naturalle100\/wp-json\/wp\/v2\/posts\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comdma.com\/naturalle100\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comdma.com\/naturalle100\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comdma.com\/naturalle100\/wp-json\/wp\/v2\/users\/335"}],"replies":[{"embeddable":true,"href":"https:\/\/comdma.com\/naturalle100\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":3,"href":"https:\/\/comdma.com\/naturalle100\/wp-json\/wp\/v2\/posts\/12\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/comdma.com\/naturalle100\/wp-json\/wp\/v2\/posts\/12\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/comdma.com\/naturalle100\/wp-json\/wp\/v2\/media?parent=12"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comdma.com\/naturalle100\/wp-json\/wp\/v2\/categories?post=12"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comdma.com\/naturalle100\/wp-json\/wp\/v2\/tags?post=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}