Design

Check out these icon design tips & best practices before implementing them in your next UI design.

Studying for any job includes studying the history of that job. I think that the history of UX starts not from the creation of the phrase…

ConocoPhillips included publishers in its intranet redesign to improve content processes and offer new tools to create high-quality information for employees.

Look at the image above. Don’t you feel some colors are brighter than others? For example, between the yellow and blue: which is brighter?

由设计稿一键智能生成代码的大厨 | An intelligent tool turning designs to code

A guide on how to make a user flow by Gapsy. Create an easily visualized client experience based on their thoughts, emotions, goals, and motives.

Since school is back in session, this month’s roundup has a learning focus. In addition to tools, many of the resources include guides, tutorials, and cheat sheets to help make design work easier. Here’s what’s new for designers this month. ScrollingMockup.io ScrollingMockup.io generates high-definition, animated scrolling mockups in minutes. All you have to do is […]

Designers are ditching traditional rules of beauty and ‘good’ design in favor of something more honest and compelling.

Tired of the tedious back and forth between design and development in image-based design? You can put an end to that with code-based approach!

Accessible Palette is an app for building color systems with consistent lightness and predictable contrast ratios across color levels.

The APCA Advanced Perceptual Contrast Algorithim SIMPLE VERSION.

In my research into Golden Ratio Typography, I focused primarily on the core geometric properties of text—font size, line height, and line width. But there’s another facet of text that nearly all of the existing research on typography deals with: It’s called characters per line (CPL). If you’ve ever read a study on t

Discover the perfect typography for your website by entering your current font, font size, and content width Optimize for font size, line height, and even characters per line (CPL) Experiment with new fonts and different sizes on any device Apply GRT to your own projects with the free responsive GRT CSS loadout! The GR

A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.

We often talk about design systems as singular entities. "The design system saves time and increases quality." "Oh, the design system provides that." "Update to the latest version of the design system." The reality is that a design system is a multi-faceted layer cake, and also operates as part of o

I start with UI Fabric react; I am developing a FAQ; I use for that a list; but the result is not good; I want to do something looks like an accordion, where we can see the question as a header and...

An ecosystem for building highly customizable enterprise class user interfaces. - fluent-ui-react/packages/react/src/components/Accordion at master · microsoft/fluent-ui-react

Fluent UI / Office UI Fabric Accordion by naveenmaurya using office-ui-fabric-react, react, react-dom, react-scripts