{"product_id":"free-collection","title":"Free Collection","description":"\u003cdiv class=\"text-base my-auto mx-auto [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\"\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv data-message-author-role=\"assistant\" data-message-id=\"cfa380a8-73ab-415e-881a-5f47da1c98b9\" dir=\"auto\" data-message-model-slug=\"gpt-5-5-thinking\" class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+\u0026amp;]:mt-1\"\u003e\n\u003cdiv class=\"flex w-full flex-col gap-1 empty:hidden\"\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling\"\u003e1. Problem Statement\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling\"\u003eMany beginners start learning UI\/UX design through scattered materials and quickly feel lost between terms, examples, and different approaches. It can be difficult to understand where to begin: visual layout, user logic, page structure, or research. Because of this, learning may feel fragmented rather than connected. Another common issue is focusing too much on appearance without understanding how people interact with an interface. Free Collection was created to offer a calm starting point and introduce a basic map of topics.\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling\"\u003e2. Solution\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling\"\u003eFree Collection helps you begin with the basics: what UI means, what UX means, and how these areas work together. The materials explain in plain language how screens are built, why hierarchy matters, and how the user journey shapes design decisions. Instead of overwhelming learners with large theory blocks, the course offers short, meaningful modules and practical observations. Learners gradually become familiar with interface logic and learn to look at digital pages more carefully. This plan works well as a first step before moving to deeper Uxvionian collections.\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling\"\u003e3. What’s Inside\n\u003cul data-start=\"7641\" data-end=\"8230\"\u003e\n\u003cli data-section-id=\"131ae08\" data-start=\"7641\" data-end=\"7722\"\u003e\n\u003cstrong data-start=\"7643\" data-end=\"7674\"\u003eModule 1: UI\/UX as a System\u003c\/strong\u003e — what these areas mean and how they connect.\u003c\/li\u003e\n\u003cli data-section-id=\"19ux45s\" data-start=\"7723\" data-end=\"7813\"\u003e\n\u003cstrong data-start=\"7725\" data-end=\"7757\"\u003eModule 2: First Screen Logic\u003c\/strong\u003e — how users perceive a page in the first few seconds.\u003c\/li\u003e\n\u003cli data-section-id=\"9a18y3\" data-start=\"7814\" data-end=\"7910\"\u003e\n\u003cstrong data-start=\"7816\" data-end=\"7846\"\u003eModule 3: Visual Hierarchy\u003c\/strong\u003e — how placement, size, contrast, and order affect perception.\u003c\/li\u003e\n\u003cli data-section-id=\"4hbkck\" data-start=\"7911\" data-end=\"8023\"\u003e\n\u003cstrong data-start=\"7913\" data-end=\"7939\"\u003eModule 4: User Journey\u003c\/strong\u003e — how a person moves from first contact with an interface to the intended action.\u003c\/li\u003e\n\u003cli data-section-id=\"1oivi0c\" data-start=\"8024\" data-end=\"8125\"\u003e\n\u003cstrong data-start=\"8026\" data-end=\"8064\"\u003eModule 5: Common Beginner Mistakes\u003c\/strong\u003e — which design choices can make screen interaction harder.\u003c\/li\u003e\n\u003cli data-section-id=\"1pfkkh7\" data-start=\"8126\" data-end=\"8230\"\u003e\n\u003cstrong data-start=\"8128\" data-end=\"8155\"\u003eModule 6: Mini Practice\u003c\/strong\u003e — how to analyze a simple screen and notice its stronger and weaker parts.\u003c\/li\u003e\n\u003c\/ul\u003e\n4. Who Is This For\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling\"\u003e?✅ \u003cstrong data-start=\"8258\" data-end=\"8278\"\u003eGood fit if you:\u003c\/strong\u003e\n\u003cul data-start=\"8281\" data-end=\"8596\"\u003e\n\u003cli data-section-id=\"13lzl0k\" data-start=\"8281\" data-end=\"8329\"\u003eare just getting familiar with UI\/UX design;\u003c\/li\u003e\n\u003cli data-section-id=\"1mg34js\" data-start=\"8330\" data-end=\"8391\"\u003ewant to understand the basic logic of digital interfaces;\u003c\/li\u003e\n\u003cli data-section-id=\"kl8exb\" data-start=\"8392\" data-end=\"8458\"\u003eare looking for a calm introduction without heavy terminology;\u003c\/li\u003e\n\u003cli data-section-id=\"13kukzd\" data-start=\"8459\" data-end=\"8523\"\u003ewant to see how Uxvionian learning materials are structured;\u003c\/li\u003e\n\u003cli data-section-id=\"16k5y84\" data-start=\"8524\" data-end=\"8596\"\u003eenjoy learning through examples, structure, and short practical tasks.\u003c\/li\u003e\n\u003c\/ul\u003e\n❌ \u003cstrong data-start=\"8600\" data-end=\"8623\"\u003eNot for you if you:\u003c\/strong\u003e\n\u003cul data-start=\"8626\" data-end=\"8938\"\u003e\n\u003cli data-section-id=\"6bocld\" data-start=\"8626\" data-end=\"8691\"\u003eare looking for a deep program with many complex assignments;\u003c\/li\u003e\n\u003cli data-section-id=\"1csx1wa\" data-start=\"8692\" data-end=\"8768\"\u003ealready have significant UI\/UX experience and need more advanced topics;\u003c\/li\u003e\n\u003cli data-section-id=\"qpzkn\" data-start=\"8769\" data-end=\"8822\"\u003eexpect claims about career or financial outcomes;\u003c\/li\u003e\n\u003cli data-section-id=\"1sc7e9m\" data-start=\"8823\" data-end=\"8870\"\u003ewant learning without independent practice;\u003c\/li\u003e\n\u003cli data-section-id=\"9jq36t\" data-start=\"8871\" data-end=\"8938\"\u003eare looking for materials tied to specific programs or platforms.\u003c\/li\u003e\n\u003c\/ul\u003e\n5. What You’ll Learn\n\u003cul data-start=\"8967\" data-end=\"9452\"\u003e\n\u003cli data-section-id=\"1pnex9w\" data-start=\"8967\" data-end=\"9023\"\u003eDistinguish UI and UX within one digital experience.\u003c\/li\u003e\n\u003cli data-section-id=\"5f5eq8\" data-start=\"9024\" data-end=\"9068\"\u003eAnalyze the basic structure of a screen.\u003c\/li\u003e\n\u003cli data-section-id=\"9ko4aq\" data-start=\"9069\" data-end=\"9120\"\u003eNotice how visual hierarchy affects perception.\u003c\/li\u003e\n\u003cli data-section-id=\"128145n\" data-start=\"9121\" data-end=\"9175\"\u003eUnderstand the role of the user journey in design.\u003c\/li\u003e\n\u003cli data-section-id=\"z2ienj\" data-start=\"9176\" data-end=\"9226\"\u003eIdentify common mistakes in simple interfaces.\u003c\/li\u003e\n\u003cli data-section-id=\"m9ihc1\" data-start=\"9227\" data-end=\"9321\"\u003eExplain in your own words why a certain design choice may feel convenient or inconvenient.\u003c\/li\u003e\n\u003cli data-section-id=\"17onv9x\" data-start=\"9322\" data-end=\"9387\"\u003eComplete a short screen analysis using a suggested structure.\u003c\/li\u003e\n\u003cli data-section-id=\"f814b9\" data-start=\"9388\" data-end=\"9452\"\u003ePrepare a foundation for moving into the next Uxvionian plans.\u003c\/li\u003e\n\u003c\/ul\u003e\n6. Support and Return Terms\n\u003cul data-start=\"9488\" data-end=\"10001\" data-is-last-node=\"\" data-is-only-node=\"\"\u003e\n\u003cli data-section-id=\"1th6ljo\" data-start=\"9488\" data-end=\"9641\"\u003eIf the material format does not fit your needs, you may contact us within 30 days after purchase according to the return terms listed on the website.\u003c\/li\u003e\n\u003cli data-section-id=\"q84mem\" data-start=\"9642\" data-end=\"9776\"\u003eThe Uxvionian team reviews requests individually and helps with questions about learning materials, format, and technical details.\u003c\/li\u003e\n\u003cli data-section-id=\"102tyvi\" data-start=\"9777\" data-end=\"9910\"\u003eFree Collection is created as an introductory set so you can better understand the learning style before choosing a broader plan.\u003c\/li\u003e\n\u003cli data-section-id=\"dfw42y\" data-start=\"9911\" data-end=\"10001\" data-is-last-node=\"\"\u003eWe do not make loud claims; we offer structured materials for gradual skill development.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Uxvionian","offers":[{"title":"Default Title","offer_id":57739486626124,"sku":null,"price":0.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1064\/0854\/2540\/files\/free.jpg?v=1780907857","url":"https:\/\/uxvionian.com\/products\/free-collection","provider":"Uxvionian","version":"1.0","type":"link"}