{"id":714,"date":"2021-04-08T23:17:00","date_gmt":"2021-04-09T06:17:00","guid":{"rendered":"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/?p=714"},"modified":"2021-04-25T02:26:49","modified_gmt":"2021-04-25T09:26:49","slug":"mentorship-phase-3","status":"publish","type":"post","link":"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/2021\/04\/08\/mentorship-phase-3\/","title":{"rendered":"Mentorship Phase 3"},"content":{"rendered":"\n<p>This week, I took my digital mid-fi wireframes and began designing the UI elements of the app. I took my mentor&#8217;s advice of creating moodboards for different parts of the UI elements, such as the button styles, menu style, and card styles. This process helped me out a lot as I usually have trouble deciding colours and dictating which elements should have colour and what they should look like while also keeping up with the UI trends. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p>After creating numerous boards for UI elements I liked, I then narrowed down the choices and picked which ones suited my project. Through this process, I created my style guide, including a system of how elements\/text should be spaced, and applied it to the home screen of my app. I tried many iterations before I presented my work to the class. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-content\/uploads\/sites\/7907\/2021\/04\/Screen-Shot-2021-04-25-at-12.09.52-AM-1024x497.png\" alt=\"\" class=\"wp-image-715\" srcset=\"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-content\/uploads\/sites\/7907\/2021\/04\/Screen-Shot-2021-04-25-at-12.09.52-AM-1024x497.png 1024w, https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-content\/uploads\/sites\/7907\/2021\/04\/Screen-Shot-2021-04-25-at-12.09.52-AM-300x145.png 300w, https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-content\/uploads\/sites\/7907\/2021\/04\/Screen-Shot-2021-04-25-at-12.09.52-AM-768x372.png 768w, https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-content\/uploads\/sites\/7907\/2021\/04\/Screen-Shot-2021-04-25-at-12.09.52-AM-1536x745.png 1536w, https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-content\/uploads\/sites\/7907\/2021\/04\/Screen-Shot-2021-04-25-at-12.09.52-AM.png 1790w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Iterations 1 with 2 sets of colour palette<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"441\" src=\"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-content\/uploads\/sites\/7907\/2021\/04\/Screen-Shot-2021-04-25-at-12.11.13-AM-1024x441.png\" alt=\"\" class=\"wp-image-716\" srcset=\"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-content\/uploads\/sites\/7907\/2021\/04\/Screen-Shot-2021-04-25-at-12.11.13-AM-1024x441.png 1024w, https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-content\/uploads\/sites\/7907\/2021\/04\/Screen-Shot-2021-04-25-at-12.11.13-AM-300x129.png 300w, https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-content\/uploads\/sites\/7907\/2021\/04\/Screen-Shot-2021-04-25-at-12.11.13-AM-768x331.png 768w, https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-content\/uploads\/sites\/7907\/2021\/04\/Screen-Shot-2021-04-25-at-12.11.13-AM.png 1458w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Iterations 2, more modern UI card design with 2 colour palettes<\/figcaption><\/figure>\n\n\n\n<p>After meeting with Judy and the class, it was agreed that the second set of UI elements would fit better with the target audience. However, while I preferred the green colour palette, I got feedback that the colours were not very &#8220;Refreshing&#8221; and did not match with the name of the app. For next week, I will have to work on the colours before I applied the style guide to the rest of the screens.<\/p>\n\n\n\n<p>Overall, I would rate myself 9\/10 this week. I think that I have discovered a good process to tackling UI (my weaker skill) that works for me and while I forgot to consider the name of my app, that could be easily fixed. My challenge was mainly to design a modern-looking app which involved researching UI trends as well but I found it largely rewarding to familiarize myself with popular designs today. I am eager to finalize the rest of my design.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week, I took my digital mid-fi wireframes and began designing the UI elements of the app. I took my mentor&#8217;s advice of creating moodboards for different parts of the UI elements, such as the button styles, menu style, and card styles. This process helped me out a lot as I usually have trouble deciding &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/2021\/04\/08\/mentorship-phase-3\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Mentorship Phase 3&#8221;<\/span><\/a><\/p>\n","protected":false},"author":7858,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[60],"tags":[66,67],"class_list":["post-714","post","type-post","status-publish","format-standard","hentry","category-dsgn-320","tag-dsgn-320","tag-mentorship"],"_links":{"self":[{"href":"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-json\/wp\/v2\/posts\/714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-json\/wp\/v2\/users\/7858"}],"replies":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-json\/wp\/v2\/comments?post=714"}],"version-history":[{"count":4,"href":"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-json\/wp\/v2\/posts\/714\/revisions"}],"predecessor-version":[{"id":723,"href":"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-json\/wp\/v2\/posts\/714\/revisions\/723"}],"wp:attachment":[{"href":"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-json\/wp\/v2\/media?parent=714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-json\/wp\/v2\/categories?post=714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/elizabethlin\/wp-json\/wp\/v2\/tags?post=714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}