Category: UI/UX

  • Hexcolorpedia

    Hexcolorpedia

    —

    by

    M4Design Avatar
    M4Design
    in , ,

    Very informative color tool providing following Hex color information about color including: Color Conversion (Hex color to Rgb, Cmy, Cmyk, Hsl, HSB/HSV, XYZ, Yxy Hunter-Lab, and Grayscale). Tints, Tones and Shades. Color Blending, Blending two color values to create a gradual transition. Color Schemes complementary, analogous, triadic, tetradic, aesthetic , hue rotation and monochromatic colors…

  • Colour Contrast Checker

    Colour Contrast Checker

    —

    by

    M4Design Avatar
    M4Design
    in , , ,

    Check the contrast between different color combinations against WCAG standards. https://colourcontrast.cc/

  • Material Design 3 – Components

    Material Design 3 – Components

    —

    by

    M4Design Avatar
    M4Design
    in , , ,

    Material 3 is the latest version of Google’s open-source design system. You can design and build beautiful, usable products with Material 3 components. Components are interactive building blocks for creating a user interface. They can be organized into five categories based on their purpose: Action Action components help people achieve an aim. Communication Communication components…

  • Selfone

    Selfone

    —

    by

    M4Design Avatar
    M4Design
    in , ,

    Free template for PowerPoint, Keynote and Google Slides Selfone is a 100% free PowerPoint/Google Slides/Keynote template to present your app. – 34 slides including SVG mockups & 172 icons – Ultra light (less than 4MB) – Customizable (change theme color) – Nothing to install (fonts included or use system fonts) Source: https://www.slidor.fr/en/selfone?ref=betalist

  • Gestalt principles in UI Design

    Gestalt principles in UI Design

    —

    by

    M4Design Avatar
    M4Design
    in , ,

    Gestalt principles help us design intentionally in order to build relationships between elements on a page. Source: https://www.uxtoast.com/design-tips/gestalt-principles-in-ui

  • Checklist Design

    Checklist Design

    —

    by

    M4Design Avatar
    M4Design
    in ,

    A collection of the best design practices.When you’re building a product, things can get complex quickly. You’re in the trenches, thinking about every element, interaction and journey. Keeping all of this information in your head is a problem. You inevitably forget things, and lose mental space that would otherwise be free for creativity and problem…

  • WAVE®

    WAVE®

    —

    by

    M4Design Avatar
    M4Design
    in , ,

    WAVE ® is a suite of evaluation tools that helps authors make their web content more accessible to individuals with disabilities. WAVE can identify many accessibility and Web Content Accessibility Guideline (WCAG) errors, but also facilitates human evaluation of web content. Simply input a web address to test it’s accessibility directly within the browser. Source:…

  • FontPair

    FontPair

    —

    by

    M4Design Avatar
    M4Design
    in , ,

    Free fonts and font pairings to use for your next design project. FontPair helps you pair beautiful Google Fonts together by suggesting free fonts that work well together. They also offer typography inspiration and 101 level tutorials for people who want to learn more about designing with typography. Source: https://www.fontpair.co/

  • FFFuel

    —

    by

    M4Design Avatar
    M4Design
    in , ,

    fffuel is a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds. 🚀 Here you’ll find a collection of totally free SVG makers to create cool backgrounds, seamless patterns, gradients, textures, shapes and blobs. Source:  https://fffuel.co/

  • Lordicons

    —

    by

    M4Design Avatar
    M4Design
    in ,

    Lordicon is a powerful library of carefully crafted animated icons, ready to use in digital products, presentations, or videos! Source: https://lordicon.com