{"id":290,"date":"2023-11-24T17:20:37","date_gmt":"2023-11-24T17:20:37","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/fashion-next\/?p=290"},"modified":"2023-12-13T16:56:47","modified_gmt":"2023-12-13T16:56:47","slug":"week-12-final-ui-visualization-design","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/fashion-next\/week-12-final-ui-visualization-design\/","title":{"rendered":"Week 12 \u2013 final UI\/ Visualization design"},"content":{"rendered":"\n<p>This week, we finalized the UI design and finished the 4th part of the visualization.<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>UI Design<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"881\" src=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120338-1024x881.png\" alt=\"\" class=\"wp-image-295\" srcset=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120338-1024x881.png 1024w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120338-300x258.png 300w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120338-768x661.png 768w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120338.png 1215w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center\">Finalized Phone UI<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"200\" src=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115829-1024x200.png\" alt=\"\" class=\"wp-image-296\" srcset=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115829-1024x200.png 1024w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115829-300x59.png 300w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115829-768x150.png 768w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115829-1536x300.png 1536w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115829.png 1825w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"188\" src=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115855-1024x188.png\" alt=\"\" class=\"wp-image-297\" srcset=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115855-1024x188.png 1024w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115855-300x55.png 300w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115855-768x141.png 768w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115855-1536x282.png 1536w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115855.png 1821w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"191\" src=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115956-1024x191.png\" alt=\"\" class=\"wp-image-298\" srcset=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115956-1024x191.png 1024w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115956-300x56.png 300w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115956-768x143.png 768w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115956-1536x287.png 1536w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-115956.png 1815w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"192\" src=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120015-1024x192.png\" alt=\"\" class=\"wp-image-299\" srcset=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120015-1024x192.png 1024w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120015-300x56.png 300w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120015-768x144.png 768w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120015-1536x287.png 1536w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120015.png 1812w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"187\" src=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120030-1024x187.png\" alt=\"\" class=\"wp-image-300\" srcset=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120030-1024x187.png 1024w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120030-300x55.png 300w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120030-768x140.png 768w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120030-1536x281.png 1536w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120030.png 1810w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"288\" src=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120044-1024x288.png\" alt=\"\" class=\"wp-image-301\" srcset=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120044-1024x288.png 1024w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120044-300x84.png 300w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120044-768x216.png 768w, https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/Screenshot-2023-12-12-120044.png 1206w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Kiosk UI flow Breakdown<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Fourth Part of the Visualization- Durability<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"durable\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/BJTanL5P2Mo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Demo<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"338\" src=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-content\/uploads\/2023\/12\/ezgif-4-a99de6e7cb.gif\" alt=\"\" class=\"wp-image-302\"\/><\/figure><\/div>\n\n\n<p class=\"has-text-align-center\">We use control rig to show the elasticity of a garment, which is our way to visualize durability and high quality<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Plans for Next Week<\/strong><\/p>\n\n\n\n<ol>\n<li>Draft final presentation slides <\/li>\n\n\n\n<li>Soft opening<\/li>\n\n\n\n<li>build final software <\/li>\n<\/ol>\n\n\n\n<p class=\"has-nv-text-dark-bg-color has-text-color\">1<\/p>\n\n\n\n<p class=\"has-nv-site-bg-color has-text-color\">1<\/p>\n\n\n\n<p class=\"has-nv-site-bg-color has-text-color\">1<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week, we finalized the UI design and finished the 4th part of the visualization. UI Design Finalized Phone UI Kiosk UI flow Breakdown Fourth Part of the Visualization- Durability Demo We use control rig to show the elasticity of a garment, which is our way to visualize durability and high quality Plans for Next&hellip;&nbsp;<a href=\"https:\/\/projects.etc.cmu.edu\/fashion-next\/week-12-final-ui-visualization-design\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Week 12 \u2013 final UI\/ Visualization design<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":301,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-json\/wp\/v2\/posts\/290"}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-json\/wp\/v2\/comments?post=290"}],"version-history":[{"count":2,"href":"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-json\/wp\/v2\/posts\/290\/revisions"}],"predecessor-version":[{"id":305,"href":"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-json\/wp\/v2\/posts\/290\/revisions\/305"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-json\/wp\/v2\/media\/301"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-json\/wp\/v2\/media?parent=290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-json\/wp\/v2\/categories?post=290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/fashion-next\/wp-json\/wp\/v2\/tags?post=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}