--- title: Best UX Planet posts — August 2024 | daily.dev description: The most upvoted UX Planet posts from August 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/uxplanet/best-of/2024/08 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/uxplanet/best-of/2024/08 og:type: website og:site_name: daily.dev og:title: Best UX Planet posts — August 2024 | daily.dev og:description: The most upvoted UX Planet posts from August 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of UX Planet — August 2024 1. 1 [](https://daily.dev/posts/corner-radius-of-nested-elements-in-ui-design-hp6ymj6u5 "Corner Radius of Nested Elements in UI design") Article UX Planet·2y Corner Radius of Nested Elements in UI design Using the same corner radius for both parent and child elements in UI design can lead to inconsistent visual gaps. To achieve better visual balance, consider using a slightly smaller corner radius for child elements and apply the formula: Outer radius = Inner radius + Padding. It is also important to use visual judgment to spot any imbalances. 162 9 2. 2 [](https://daily.dev/posts/dark-theme-5-ui-design-tips-n05x7sqbc "Dark Theme: 5 UI Design Tips") Article UX Planet·2y Dark Theme: 5 UI Design Tips When designing dark themes, it's important to avoid pure black backgrounds, use legible fonts, adjust shadows to avoid harsh contrasts, avoid saturated colors to meet accessibility standards, and maintain consistency with the light theme. These principles help create a comfortable and visually appealing user experience. 120 4 3. 3 [](https://daily.dev/posts/shadows-in-ui-design-tips-tricks-uwslcmxmb "Shadows in UI design: Tips & Tricks") Article UX Planet·2y Shadows in UI design: Tips & Tricks Effective use of shadows can enhance both the visual appeal and functionality of a UI. Different types of shadows, such as soft, strong, and inner shadows, serve varied purposes. Choosing the right color, maintaining consistency in elevation, using interaction-based shadows, deciding on a light source, layering shadows, and considering performance are key design tips. Tutorials for creating shadows in Figma are also included. 105 2 4. 4 [](https://daily.dev/posts/9-free-ai-tools-for-freelance-designers-to-try-pm04r8fwc "9 Free AI Tools for Freelance Designers to Try") Article UX Planet·2y 9 Free AI Tools for Freelance Designers to Try Freelance designers can enhance their workflow with these 9 free AI tools. Tools like Perplexity for summarizing websites, Fontjoy for creating font pairs, Bigjpg for enlarging images, and SinCode.ai for generating high-quality content, can significantly boost productivity. Other tools such as tl;dv for meeting summaries, Relume for design elements, MyMind for organizing creative ideas, and YouTube Summary for summarizing videos can streamline various tasks. Midjourney and Leonardo AI further aid in generating innovative design concepts and automating design tasks. 67 4 5. 5 [](https://daily.dev/posts/alternatives-to-using-pure-black-000000-for-text-and-backgrounds-j2ueznwi1 "Alternatives to Using Pure Black (#000000) for Text and Backgrounds") Article UX Planet·2y Alternatives to Using Pure Black (#000000) for Text and Backgrounds Using pure black (#000000) for text and backgrounds in design may cause eye strain and discomfort due to significant brightness contrast. Alternative darker shades like charcoal gray and outer space can improve user experience by reducing eye fatigue. Including high contrast modes in products can benefit visually impaired users. Emphasizing balanced color choices in user-centered design can create more comfortable and accessible interfaces. 65 6. 6 [](https://daily.dev/posts/line-chart-ui-design-tips-tricks-vuv5mzmuf "Line Chart UI Design Tips & Tricks") Article UX Planet·2y Line Chart UI Design Tips & Tricks Line charts are ideal for illustrating changes over time, comparisons, and trends. To create effective line charts, limit the number of data lines to avoid clutter. Use a neutral background and a minimal, distinct color palette to enhance readability. Employ shapes and textures alongside colors for better data communication and ensure the design meets WCAG AA contrast requirements. Provide enough space for labels and incorporate interactive elements like hover states and tooltips to enrich user experience. 52 7. 7 [](https://daily.dev/posts/tooltip-guidelines-best-practices-and-common-mistakes-with-examples--k8jln5dnd "Tooltip Guidelines Best Practices and Common Mistakes [with Examples]") Article UX Planet·2y Tooltip Guidelines Best Practices and Common Mistakes \[with Examples\] A tooltip is a small UI element that provides descriptive textual information when users hover or tap a UI element. It helps improve user interaction without cluttering the interface. To design effective tooltips, ensure clarity and conciseness, proper placement and timing, consistent design, visibility and accessibility, and continuous testing and iteration. Avoid common mistakes such as overuse, poor timing and placement, inconsistent design, neglecting mobile users, and displaying critical information in tooltips. 22 1 8. 8 [](https://daily.dev/posts/navigation-ux-design-types-best-practices-8o30s3tcz "Navigation UX Design: Types & Best Practices") Article UX Planet·2y Navigation UX Design: Types & Best Practices Effective navigation UX design is paramount for guiding users through digital interfaces intuitively and efficiently. It encompasses design layouts, user interactions, and user flows to enhance the overall user experience and satisfaction. Key elements include hierarchical, object-oriented, task-oriented, and workflow-based navigation types, each catering to specific user needs. Common patterns such as vertical menus, breadcrumbs, and tabs streamline content access. Best practices involve understanding user interactions, creating a clear information architecture, and continuous improvement through user feedback. 16 9. 9 [](https://daily.dev/posts/designarchy-vol-13-6ilxmk8y5 "Designarchy Vol. 13") Article UX Planet·2y Designarchy Vol. 13 Designarchy Vol. 13 shares a curated list of creative resources and inspirations ranging from loading animations, data visualizations, and pitch deck designs to minimal e-commerce layouts and AI-powered writing tools. Highlighted items include Griffin Johnston's loading animation library, Federica Fragapane's data visualization project, and Deck.Gallery's collection of pitch decks. The post encourages readers to explore these resources to elevate their creative projects. 14 2 10. 10 [](https://daily.dev/posts/website-redesign-project-plan-steps-in-2024-fjgsfewb9 "Website Redesign Project Plan Steps in 2024") Article UX Planet·2y Website Redesign Project Plan Steps in 2024 A website redesign project is vital for a company's digital marketing strategy, requiring considerable time, budget, and personnel investments. The post outlines a detailed framework for creating a website redesign project plan, encompassing areas like assembling a design team, setting clear business objectives, conducting a comprehensive website audit, assessing competition, setting a realistic budget, choosing the appropriate tech stack, and conducting user research. Key steps include finalizing the website layout, taking inventory of existing content, setting brand guidelines, mapping the new site architecture, and adhering to evergreen design principles. Pre-launch and post-launch tasks are also highlighted to ensure a smooth redesign process. 13 [See all UX Planet archives](/sources/uxplanet/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/uxplanet/best-of/2024/08#page","url":"https://daily.dev/sources/uxplanet/best-of/2024/08","name":"Best UX Planet Posts — August 2024","description":"The most upvoted UX Planet posts from August 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/uxplanet/best-of/2024/08#items","numberOfItems":10,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/corner-radius-of-nested-elements-in-ui-design-hp6ymj6u5","name":"Corner Radius of Nested Elements in UI design"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/dark-theme-5-ui-design-tips-n05x7sqbc","name":"Dark Theme: 5 UI Design Tips"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/shadows-in-ui-design-tips-tricks-uwslcmxmb","name":"Shadows in UI design: Tips & Tricks"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/9-free-ai-tools-for-freelance-designers-to-try-pm04r8fwc","name":"9 Free AI Tools for Freelance Designers to Try"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/alternatives-to-using-pure-black-000000-for-text-and-backgrounds-j2ueznwi1","name":"Alternatives to Using Pure Black (#000000) for Text and Backgrounds"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/line-chart-ui-design-tips-tricks-vuv5mzmuf","name":"Line Chart UI Design Tips & Tricks"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/tooltip-guidelines-best-practices-and-common-mistakes-with-examples--k8jln5dnd","name":"Tooltip Guidelines Best Practices and Common Mistakes [with Examples]"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/navigation-ux-design-types-best-practices-8o30s3tcz","name":"Navigation UX Design: Types & Best Practices"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/designarchy-vol-13-6ilxmk8y5","name":"Designarchy Vol. 13"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/website-redesign-project-plan-steps-in-2024-fjgsfewb9","name":"Website Redesign Project Plan Steps in 2024"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"UX Planet","item":"https://daily.dev/sources/uxplanet"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/uxplanet/best-of"},{"@type":"ListItem","position":5,"name":"August 2024"}]}]} ```