{"id":318,"date":"2024-01-29T20:20:57","date_gmt":"2024-01-29T20:20:57","guid":{"rendered":"https:\/\/valerie.ulik.cz\/?p=318"},"modified":"2025-03-28T14:18:09","modified_gmt":"2025-03-28T14:18:09","slug":"week-8-of-moocs-figma-ui-ux-design-essentials","status":"publish","type":"post","link":"https:\/\/valerie.ulik.cz\/?p=318","title":{"rendered":"WEEK 8 OF MOOCS \u2013 FIGMA UI UX DESIGN ESSENTIALS"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The FIGMA course is progressing very quickly, and I am really excited about my progress in my design skills. I can create most shapes and designs that I need. Now, we are focusing on more advanced tasks, organizing the design, making it more responsive and mostly tidy. Putting blocks that are connected together in frames and groups, that are easily repeatable and manageable.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"766\" height=\"674\" src=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-20.59.38.png\" alt=\"\" class=\"wp-image-319\" srcset=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-20.59.38.png 766w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-20.59.38-300x264.png 300w\" sizes=\"auto, (max-width: 766px) 100vw, 766px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"760\" height=\"640\" src=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-20.59.51.png\" alt=\"\" class=\"wp-image-320\" srcset=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-20.59.51.png 760w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-20.59.51-300x253.png 300w\" sizes=\"auto, (max-width: 760px) 100vw, 760px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"762\" height=\"708\" src=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-21.01.29.png\" alt=\"\" class=\"wp-image-321\" srcset=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-21.01.29.png 762w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-21.01.29-300x279.png 300w\" sizes=\"auto, (max-width: 762px) 100vw, 762px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This week, I had three tasks I focused on.  In the first one, I added images to my design using the plugin with free web-usable pictures from Unsplash and pexels.  In the second task, I created stretchable buttons and in the following one, I created effects, like drop shadows and Neumorphic design. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"607\" src=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-21.20.23-1024x607.png\" alt=\"\" class=\"wp-image-322\" srcset=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-21.20.23-1024x607.png 1024w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-21.20.23-300x178.png 300w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-21.20.23-768x455.png 768w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-21.20.23-1536x911.png 1536w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-29-at-21.20.23.png 1582w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The FIGMA course is progressing very quickly, and I am really excited about my progress in my design skills. I can create most shapes and designs that I need. Now, we are focusing on more advanced tasks, organizing the design, making it more responsive and mostly tidy. Putting blocks that are connected together in frames [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":322,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[4,23],"class_list":["post-318","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-studies","tag-studies","tag-ux-design"],"_links":{"self":[{"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=\/wp\/v2\/posts\/318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=318"}],"version-history":[{"count":1,"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=\/wp\/v2\/posts\/318\/revisions"}],"predecessor-version":[{"id":323,"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=\/wp\/v2\/posts\/318\/revisions\/323"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=\/wp\/v2\/media\/322"}],"wp:attachment":[{"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}