{"id":13898,"date":"2026-08-10T11:05:58","date_gmt":"2026-08-10T11:05:58","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/skillshare-intro-to-ui-design-user-interface-design-principles-for-ux-ui-designer-figma-design-exercise-2022-3\/"},"modified":"2026-08-10T11:05:58","modified_gmt":"2026-08-10T11:05:58","slug":"skillshare-intro-to-ui-design-user-interface-design-principles-for-ux-ui-designer-figma-design-exercise-2022-3","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/skillshare-intro-to-ui-design-user-interface-design-principles-for-ux-ui-designer-figma-design-exercise-2022-3\/","title":{"rendered":"SkillShare \u2013 Intro to UI Design: User Interface Design Principles for UX\/UI Designer (+Figma Design Exercise) 2022-3"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">Description<\/span><\/h2>\n<p dir=\"ltr\" style=\"text-align: left\" data-path-to-node=\"7\"><span dir=\"auto\" style=\"vertical-align: inherit\">Intro to UI Design: User Interface Design Principles for UX\/UI Designer (+Figma Design Exercise). This course explores the psychological principles and visual conventions that influence user interface design and teaches the process of transforming initial wireframes into professional designs in Figma. The main goal is to go beyond personal taste and understand why certain layouts are effective for the user experience. Concepts such as space distribution, dimension management, and creating appropriate visual contrast are explained in simple language. The course emphasizes the importance of simplicity, using grid systems and distance management to create order, and also discusses the psychological impact of colors and shapes. In the final practical section, participants apply everything they have learned by designing a shared workspace website based on a predetermined wireframe in Figma. This course is designed for those interested in learning the principles of global standard user interface design and covers topics such as creating a consistent design system, text size standards, and touchpoints across devices so that designs are not only beautiful, but also functional and accessible. By the end, participants will gain an engineered and professional perspective on visual elements.<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-path-to-node=\"9\"><span dir=\"auto\" style=\"vertical-align: inherit\">What you will learn<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li data-path-to-node=\"10,0,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Investigating the Aesthetic-Usability Effect and its importance in projects.<\/span><\/li>\n<li data-path-to-node=\"10,1,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Understand the concept of visual hierarchy to better guide the user\u2019s eye.<\/span><\/li>\n<li data-path-to-node=\"10,2,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Introduction to the Law of Pr\u00e4gnanz and focus on simplicity in design.<\/span><\/li>\n<li data-path-to-node=\"10,3,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Using the Law of Similarity to create design systems with color and shape.<\/span><\/li>\n<li data-path-to-node=\"10,4,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Standardize text sizes and touch targets to improve accessibility.<\/span><\/li>\n<li data-path-to-node=\"10,5,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Working with the Law of Proximity and implementing spacing and networking systems.<\/span><\/li>\n<li data-path-to-node=\"10,6,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Creating separate sections and structuring the layout using the Law of Common Region.<\/span><\/li>\n<li data-path-to-node=\"10,7,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Attracting the user\u2019s attention to specific points using the Von Restorff Effect.<\/span><\/li>\n<li data-path-to-node=\"10,8,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Predicting user behavior through the Law of Common Fate.<\/span><\/li>\n<li data-path-to-node=\"10,9,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Exploring internal reactions and the role of emotions in user interface design.<\/span><\/li>\n<li data-path-to-node=\"10,10,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Practical design of a complete website based on wireframes using the acquired knowledge.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-path-to-node=\"12\"><span dir=\"auto\" style=\"vertical-align: inherit\">This course is suitable for people who:<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li data-path-to-node=\"13,0,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Designers new to UX Design who want to build their knowledge on a fundamental basis.<\/span><\/li>\n<li data-path-to-node=\"13,1,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">User interface designers looking to review and enhance their specialized skills.<\/span><\/li>\n<li data-path-to-node=\"13,2,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Those interested in learning practical website design in Figma software.<\/span><\/li>\n<li data-path-to-node=\"13,3,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Designers who want to know how to implement visual theories into real projects.<\/span><\/li>\n<li data-path-to-node=\"13,4,0\"><span dir=\"auto\" style=\"vertical-align: inherit\">Product professionals who need a better understanding of modern design standards.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">Details of the Intro to UI Design course: User Interface Design Principles for UX\/UI Designer (+Figma Design Exercise)<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Publisher:&nbsp; <\/span><a href=\"https:\/\/href.li\/?https:\/\/www.skillshare.com\/en\/classes\/intro-to-ui-design-user-interface-design-principles-for-ux-ui-designer-figma-design-exercise\/1581966365?via=search-layout-grid\" target=\"_blank\" rel=\"noopener\"><span dir=\"auto\" style=\"vertical-align: inherit\">SkillShare<\/span><\/a><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Instructor: <\/span><a href=\"https:\/\/downloadlynet.ir\/tag\/christine-vallaure\/\"><span dir=\"auto\" style=\"vertical-align: inherit\">Christine Vallaure<\/span><\/a><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Language: English<\/span><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Training level: Beginner<\/span><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Training duration: 48 minutes<\/span><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Number of lessons: 17<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">Course chapters<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1027994 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/12\/Intro-to-UI-Design-User-Interface-Design-Principles-for-UX-UI-Designer-Figma-Design-Exercise-2.png\" alt=\"Intro to UI Design: User Interface Design Principles for UX\/UI Designer (+Figma Design Exercise)\" width=\"1096\" height=\"964\"><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">Course images<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1027995 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/12\/Intro-to-UI-Design-User-Interface-Design-Principles-for-UX-UI-Designer-Figma-Design-Exercise.png\" alt=\"Intro to UI Design: User Interface Design Principles for UX\/UI Designer (+Figma Design Exercise)\" width=\"722\" height=\"228\"><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">Sample course video<\/span><\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-189181-1\"><video class=\"wp-video-shortcode\" id=\"video-189181-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Intro_to_UI_Design_User_Interface_Design_Principles_for_UXUI_Designer_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Intro_to_UI_Design_User_Interface_Design_Principles_for_UXUI_Designer_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Intro_to_UI_Design_User_Interface_Design_Principles_for_UXUI_Designer_Downloadly.ir.mp4?nocache=1786176875871\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Intro_to_UI_Design_User_Interface_Design_Principles_for_UXUI_Designer_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div dir=\"ltr\" style=\"text-align: left\">\n<h3><span dir=\"auto\" style=\"vertical-align: inherit\">Installation Guide<\/span><\/h3>\n<p><span dir=\"auto\" style=\"vertical-align: inherit\">After Extract, view with your favorite player.<\/span><\/p>\n<p><span dir=\"auto\" style=\"vertical-align: inherit\">Subtitles: English<\/span><\/p>\n<p><span dir=\"auto\" style=\"vertical-align: inherit\">Quality: 720p<\/span><\/p>\n<\/div>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">Download link<\/span><\/h3>\n<h4 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">Downloadly<\/span><\/h4>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/SkillShare_Intro_to_UI_Design_User_Interface_Design_Principles_for_UXUI_Designer_2022-3_Downloadly.ir.rar?nocache=1786176874\"><span dir=\"auto\" style=\"vertical-align: inherit\">Download file \u2013 275 MB<\/span><\/a><\/p>\n<h4 dir=\"ltr\">Rapidgator link<\/h4>\n<p><a href=\"https:\/\/rapidgator.net\/file\/ab9bd2a09847a1d507cfa9f30fe560b9\/SkillShare_Intro_to_UI_Design_User_Interface_Design_Principles_for_UXUI_Designer_2022-3_Downloadly.ir.rar.html\" target=\"_blank\" rel=\"noopener\">Download File \u2013 275 MB<\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">File(s) password: www.downloadly.ir<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">File size<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">275 MB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Intro to UI Design: User Interface Design Principles for UX\/UI Designer (+Figma Design Exercise). This course explores the psychological principles <\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[113521,113522,113523,113524,113525,113526],"class_list":["post-13898","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-christine-vallaure","dgi_tag-course-intro-to-ui-design-user-interface-design-principles-for-ux-ui-designer-figma-design-exercise","dgi_tag-download-course-intro-to-ui-design-user-interface-design-principles-for-ux-ui-designer-figma-design-exercise","dgi_tag-download-intro-to-ui-design-user-interface-design-principles-for-ux-ui-designer-figma-design-exercise","dgi_tag-free-download-intro-to-ui-design-user-interface-design-principles-for-ux-ui-designer-figma-design-exercise","dgi_tag-free-intro-to-ui-design-user-interface-design-principles-for-ux-ui-designer-figma-design-exercise"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/13898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/13898\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=13898"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=13898"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=13898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}