|
#Typography #UIDesign
The 8-point grid is a powerful system for creating consistent and visually appealing user interfaces (UIs). This post is about how to establish vertical rhythm and set typography in an 8pt grid…
|
|
#DesignSystems #PatternLibraries #StyleGuide
Design System – the complete set of design standards, documentation, and principles along with the toolkit (UI patterns and code components) to achieve those standards. Pattern Library – A subclass in the design system, this is the set of design patterns for use across a company. Style guide – Another subclass in the design system, this static documentation describes the design system itself: how products should look and feel, use cases for UI patterns, correct typographic scales, etc.
|
|
#Sketch #Library #Plugin #Productivity
Replace symbols in the current document with symbols from a Library.
Sketch 47 sees the introduction of Libraries, but migrating existing files to use Library symbols is one of the first big headaches. This plugin aims to help with that by allowing you to replace symbols in the current document with symbols from a Library document - maintaining overrides where possible.
N.B. the plugin currently uses symbol name to work out what to replace with what, so be careful of any conflicts.
|
|
#InVision #UIDesign #Prototyping #Libraries #Collaboration
Unless you've been under a rock 🤣 you probably have already seen the video. Very exciting, especially the ability to design and do better prototyping within InVision. In InVision's words "The world’s most powerful screen design tool. Rapid prototyping, animation, built-in design systems, and collaboration—all in one place." Coming Jan 2018.
|
|
#Figma #UIDesign #Libraries #Collaboration
We’re excited to announce Team Library 1.0, which empowers teams to create, use and maintain design systems. We introduced the beta version in February, and since then we’ve talked to hundreds of…
|
|
#OnlineCourses #Sketch #Framer #Prototyping
|
|
#books #UX #Product
How do successful companies create products people can’t put down? Why do some products capture widespread attention while others flop? What makes us engage with certain products out of sheer habit? Is there a pattern underlying how technologies hook us? Nir Eyal answers these questions (and many more) by explaining the Hook Model—a four-step process embedded into the products of many successful companies to subtly encourage customer behavior. Through consecutive “hook cycles
|
|
#ProductDesign #Process #UX #Collaboration #Startups #Lean
A design sprint is a framework for answering critical business questions through design, prototyping, and testing ideas with users.
|
|
#UIDesign #DesignStystems #Material
In this diagram, only the elevation dimensions and layout for components are accurate. Other dimensions and overall layout of components are for illustration only.
|
|
#Sketch #Abstract #DesignSystems #Productivity #Plugins
The new generation of tools created for digital media is slowly breaking the ties with the old world. It’s time the links between the design and build processes…
|
|
#UIDesign #Figma #UIKits #Tesla #DesignSystem
If you’re a designer/car enthusiast this post is for you. I’ve broken down the details of the dashboard controls and interface of the Tesla Model 3, the first mass-market, touchscreen only electric…
|
|
#DesignSystems #Components #DesignTokens
Scaling a design across all form factors and platforms has become the new challenge in the software industry. From watch to phone to tablet to desktop, teams must also consider iOS, Android, Win8 and HTML5 implementations. Opinions on native vs. HTML5 aside, most companies use a mix of both to balance the best user experience with time to market and reusability cross-platform.
|
|
#Prototyping #Tools
With so many prototyping tools out there, you need to choose the best tool for the job. From Low fidelity wireframe tools to hi-fi UI design tools
|
|
#React #IDE #Mobile #Development #Prototyping
Create app flows and components. Express their properties and data linkage visually. Get code immediately. React Studio's code output is clean and complete ReactJS projects with nothing extra.
|
|
#Framer #Handoff #UIDesign #MobileDevelopment
We’ve been exploring how to build a design process around Framer, but until we could get our designs into Zeplin or something like it, our prototypes would be all show, no tell. Enter Gotcha 👌.
|
|
#Productivity #Tools #UIDesign #Collaboration
Compare popular industry UX tools for design, prototyping, handoff, versioning, monitoring, and more.
|
|
#UIDesign #Tools
STUDIO is a next generation design tool for a digital products that goes beyond your imagination. Our vision is to provide a platform for anyone to change their idea into a real product.
|
|
#Sketch #Tips #FreeDownload
With Sketch 48 we can now scale symbols but you have to make sure to use the Scale tool. Overrides will still work and the text and borders will scale beautifully. Download a sample file below.
|
|
#Sketch #UIKits #UIDesign #Mobile #Free
Great free UIKit for mobile projects from the makers of Sketch.
|
|
#Sketch #UIDesign #Productivity #Free #Icons
Font Awesome 5 Icon Sketch Libraries. 899 Free Vector Icons - Free Sketch Libraries - Changeable Colors Quickly Override the icons and colors.
|
|