UI/UX – M4 Design Blog

Webfieldmanual.com is a Great Resource for Web Designers

Sites UI/UX

Post Author By admin
Post Date February 16, 2023
Post Comment 0 comments

Webfieldmanual.com is a comprehensive resource for web designers that offers a wealth of information and tools to help them create amazing websites. From design tips and tutorials to coding resources and frameworks, Webfieldmanual.com is a one-stop-shop for everything a web designer needs to know.

Why Figma is the Ultimate Design Tool

UI/UX

Post Author By admin
Post Date February 14, 2023
Post Comment 0 comments

Figma is a cloud-based design tool that has quickly become a go-to platform for designers all over the world. With its intuitive interface, powerful collaboration tools, and impressive vector editing capabilities, Figma is a true game-changer for design teams of all sizes. In this

Slack: Brand Identity

Styleguides Typography UI/UX

Post Author By admin
Post Date January 1, 2023
Post Comment 0 comments

Brand identity for the collaboration hub captures its simplicity and ease of use. Slack offers a new and a better way to work together by replacing email inside companies of all sizes; providing a place that connects conversations, information and software. Designer: Pentagram Slack

Hexcolorpedia

Color Sites UI/UX

Post Author By admin
Post Date December 31, 2022
Post Comment 0 comments

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,

Colour Contrast Checker

Accessibility Color Sites UI/UX

Post Author By admin
Post Date December 30, 2022
Post Comment 0 comments

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

CSS Flexbox Cheatsheet & Playground

css UI/UX

Post Author By admin
Post Date December 29, 2022
Post Comment 0 comments

The best tool to help you learn flexbox, eventually. Check, learn and experiment with CSS flexbox. Better understand flexbox properties and quickly look them up during your front-end development process. https://www.howtocss.dev/

Material Design 3 – Components

css Sites Styleguides UI/UX

Post Author By admin
Post Date December 28, 2022
Post Comment 0 comments

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:

Selfone

Mockups Sites UI/UX

Post Author By admin
Post Date December 5, 2022
Post Comment 0 comments

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

Gestalt principles in UI Design

Educational Sites UI/UX

Post Author By admin
Post Date December 4, 2022
Post Comment 0 comments

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

Sites UI/UX

Post Author By admin
Post Date December 3, 2022
Post Comment 0 comments

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

Category: UI/UX