|
|
|
#DPLs #UIKits #UIDesign #Deals #Sketch #Material
Build top quality applications with most advanced Sketch design system.
|
|
|
|
#Airbnb #UIDesign #Articles #Figma
|
|
|
|
#UiDesign #InVision
DesignBetter.Co is the essential guide to the best design practices from top design experts. Learn how to build a world-class design organization and more.
|
|
|
|
#UIDesign #Images #Productivity #Free #Sketch #Plugins
Aggregator that indexes various free avatar sources that you can use in your design mockups by copy—paste, API and Sketch plugin.
|
|
|
|
#UIDesign #MicroInteractions #Animations #UX
Let’s see some examples of UI animations going from good to great. With a little bit of tweaking here and there, you can elevate your UI patterns with animation. The interactions listed show…
|
|
|
|
#UIDesign #Tips
Every web developer inevitably runs into situations where they need to make visual design decisions, whether they like it or not. Maybe the company you work for doesn’t have a full-time designer and…
|
|
|
|
#Sketch #UIDesign #Tips
I’d probably assume that most of us started in UI design with the littlest knowledge or nothing at all. But even though the odds were against us at the start, we managed our way through numerous…
|
|
|
|
#Figma #UIDesign #Productivity #ChromeExtension
|
|
|
|
#Grids #UIDesign #Workflows #Articles
I wanted to share my Sketch workflow designing on an 8 point soft grid. If you are not familiar with this concept please read Bryn Jackson’s great article on 8pt Grids first. I have a fairly unique…
|
|
|
|
#Sketch #Plugins #Paddy #Productivity #UIDesign #Tutorial
We all make buttons. They are everywhere in our site and application designs. In Sketch, there is really no easy way to handle buttons. Once you have made one, you are good until you have to make the…
|
|
|
|
#UIDesign #Tools #MobileDev #Native #React
Create Websites & Apps Visually, and Intuitively. Join us in the Real Digital Revolution.
|
|
|
|
#Haiku #Animation #UIDesign #iOS #Android #WebDev #MicroInteractions
Where designing is building. Design UI components, powered by motion. Works with any iOS, Android, or Web codebase.
|
|
|
|
#Sketch #iOS #UIKits #UIDesign #Free
The most comprehensive iOS 11 UI Kit for Sketch with responsive symbols.
|
|
|
|
#UX #UIdesign #Motion #Animation
Motion in software is becoming an increasingly important aspect of modern day human-computer interaction. Partly due to the increasing computing capability of devices, designers can count on the…
|
|
|
|
#UX #UIDesign #Tools #2017
Wonder which tools everyone else is using? In this survey, 2,000 designers give their opinion on the most popular design tools of 2017.
|
|
|
|
#Prototyping #UIDesign #Tools #Framer
Framer is the best screen design and interactive prototyping tool. Create your designs and then easily turn your work into high-fidelity prototypes. Used by Facebook, Google, and more.
|
|
|
|
#UIDesign #DesignStystems #Grids
- We grouped each chunk of a Yammer thread the same way our developers were grouping them in the code. To help out our eyes, we assigned each one its own color. At this point we also started referring to the chunks as modules, because we fancy.
- We stopped defining margins between modules. Instead, all the spacing in the app would come from padding within the modules — specifically, top padding. Bottom padding would have worked, too; just not both. The key is to choose one of the two and stick with it. This kept things simpler when we did need to define top and bottom margins in some special cases.
- We threw all of the individual modules into one super long artboard. It looks pretty weird, because this is not a conversation that would ever actually exist in Yammer. It’s okay, though. All we need it for is checking alignment on our grid and making sure every type of element is accounted for.
- When everything was laid out vertically, we still had three specific combinations that were throwing things off. This was okay with us — three was much easier to deal with than hundreds. Our engineers went to work defining special “if…” statements for each of them.
|
|
|
|
#UIDesign #DesignStystems #React #Prototyping
Design and prototype using your design system components, then share real high fidelity prototypes
|
|
|
|
#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.
|
|
|
|
#animation #UIDesign #webdesign
Design, meet production. Craft imaginative UI components that snap into any web app. Code optional.
|
|
|
|
#UIDesign #tools #Animation #opensource
|
|
|
|
#DesignSystem #UIKit #UIDesign #Tutorial #Sketch
Design frameworks help designers work more efficiently using reusable components. This article outlines how to create one (includes a free Sketch UI framework).
|
|
|
|
#UIDesign #UserInput #Forms #UX
Forms are a part of everyday life, and honestly, they aren’t always the best of experiences. Whether it may be confirming your plane tickets for a getaway or checking out items for your shopping cart…
|
|
|
|
#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.
|
|
|
|
#Productivity #Tools #UIDesign #Collaboration
Compare popular industry UX tools for design, prototyping, handoff, versioning, monitoring, and more.
|
