{"id":4454,"date":"2021-02-10T21:00:30","date_gmt":"2021-02-10T21:00:30","guid":{"rendered":"https:\/\/www.wendyzhou.se\/blog\/?p=4454"},"modified":"2021-02-11T08:41:37","modified_gmt":"2021-02-11T08:41:37","slug":"dark-mode-study-app-design","status":"publish","type":"post","link":"https:\/\/www.wendyzhou.se\/blog\/dark-mode-study-app-design\/","title":{"rendered":"Dark Mode Study App Design"},"content":{"rendered":"\n<p>Just an exploratory dark mode UI app mockup. I wanted to try out the dark mode trends that are popular right now and it came out as an assignment page for a study-app.<\/p>\n\n\n\n<p><a href=\"https:\/\/dribbble.com\/shots\/15104432-Dark-mode-app-design\">See on Dribble ><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"767\" src=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design-1024x767.png\" alt=\"Dark mode student assignment app design\" class=\"wp-image-4455\" srcset=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design-1024x767.png 1024w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design-300x225.png 300w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design-768x575.png 768w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design-1536x1150.png 1536w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Some details of the cards:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Soft gradient background-color<\/li><li>The subject label background (under &#8220;Psychology&#8221; and &#8220;Philosophy&#8221;) is elevated to resemble physical tabs<\/li><li>The text colors are all lighter versions of the background color to give a softer appearance (not white!)<\/li><li>Small dots before the date to give it a visual distinction<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"399\" height=\"287\" src=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-10-at-21.57.18.png\" alt=\"Dark Mode Student App Design\" class=\"wp-image-4459\" srcset=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-10-at-21.57.18.png 399w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-10-at-21.57.18-300x216.png 300w\" sizes=\"auto, (max-width: 399px) 100vw, 399px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"404\" height=\"300\" src=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-10-at-21.57.29.png\" alt=\"Dark Mode Student App Design\" class=\"wp-image-4460\" srcset=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-10-at-21.57.29.png 404w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-10-at-21.57.29-300x223.png 300w\" sizes=\"auto, (max-width: 404px) 100vw, 404px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Just an exploratory dark mode UI app mockup.<\/p>\n","protected":false},"author":1,"featured_media":4455,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[175,6],"tags":[],"class_list":["post-4454","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui-design","category-ux-and-ui-design","entry","has-media"],"gutentor_comment":0,"uagb_featured_image_src":{"full":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design.png",1600,1198,false],"thumbnail":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design-150x150.png",150,150,true],"medium":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design-300x225.png",300,225,true],"medium_large":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design-768x575.png",768,575,true],"large":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design-1024x767.png",1024,767,true],"1536x1536":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design-1536x1150.png",1536,1150,true],"2048x2048":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design.png",1600,1198,false],"ocean-thumb-m":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design.png",600,449,false],"ocean-thumb-ml":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design.png",601,450,false],"ocean-thumb-l":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/02\/Dark-mode-app-design.png",935,700,false]},"uagb_author_info":{"display_name":"Wendy Zhou","author_link":"https:\/\/www.wendyzhou.se\/blog\/author\/wendy1111live-se\/"},"uagb_comment_info":0,"uagb_excerpt":"Just an exploratory dark mode UI app mockup.","_links":{"self":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/4454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/comments?post=4454"}],"version-history":[{"count":7,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/4454\/revisions"}],"predecessor-version":[{"id":4466,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/4454\/revisions\/4466"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/media\/4455"}],"wp:attachment":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/media?parent=4454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/categories?post=4454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/tags?post=4454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}