|
|
|
#Sketch #Photoshop #Productivity #plugin
Switching from Photoshop to Sketch? Try this Free Online Design Converter built by Avocode
|
|
|
|
#UIDesign #DesignStystems #Styleguide
This style guide was created for MailChimp employees, but we hope it’s helpful for other content and communications teams too.
|
|
|
|
#animation #motion #interactiondesign #UX
Animation can be used to tweak the user’s perception of time, so use this in your favour. For the human brain, anything below 0.1 seconds will seem instantaneous and below 1 second will seem seamless. So, if you have a process that takes 6 seconds for instance, you can break it down in a few separate animations. This trick should make the process feel a lot faster and keep your user engaged.
You can also use animation to fake an instant action that will actually take bit longer in the background. This will make the app feel more responsive even though the process still takes longer than what the user sees.
|
|
|
|
#Sketch #DesignSystems #Productivity
Mind blown by this talk by Benjamin Wilkins, Design Technologist at Airbnb. He touches on the internationalization and localization of design elements, and how might we desig...
|
|
|
|
An open–source design system of styles, components, patterns, templates, tools and documentation.
|
|
|
|
#DesignSystems #Components
Components in Design Systems and pattern libraries are helping Design scale consistently across organisations.
Frontend frameworks such as React, Angular and Vue make writing component code a breeze.
Yet it feels like our existing prototyping tools haven’t kept up - linking static images together can never describe the rich user experiences available in code.
What if we could design and prototype directly with our code components?
|
|
|
|
#Animation #mobile #plugins #AFX #handoff
|
|
|
|
#DesignSystems #Material #UIDesign #Google
Material Design provides a set of tools and guidance to help you make informed decisions about the different UX design directions you could take when creating an app. But what happens when the…
|
|
|
|
#Sketch #Prototyping #LaunchPad #AnimaApp
Launchpad allows you to go from Sketch to HTML, and publish websites directly from Sketch. On this update we introduce animations & overlays. 📱 Mobile screens have limited screen space. That’s why…
|
|
|
|
#iOS #DesignGuidelines #Sketch #Photoshop #AdobeXD
Design apps quickly by using Photoshop and Sketch templates, plug-ins, and other preconfigured UI elements.
|
|
|
|
#Sketch #DesignSystem #UIDesign #BestPractice
Last week Sketch released Libraries in their 47 Beta, my number one dream feature and something I had a chat with Megan Raddatz about in the comment section of one of my articles from last year…
|
|
|
|
#Sketch #Prototyping #Framer
|
|
|
|
Using design methods to solve critical problems has professionalised the design industry to a point where designers now find themselves in the boardrooms of multinational corporations. Design…
|
|
|
|
Rather than building a house, designing apps is probably more like composing a symphony. Each profession a separate instrument.
|
|
|
|
#Design #Talks
This episode, TED speakers on the essence of good design in buildings, brands, the digital realm and the natural world. Guests include computer engineer Tony Fadell, architect Marc Kushner, Airbnb co-founder Joe Gebbia, design critic Alice Rawsthorn, and science writer Janine Benyus. (Original broadcast date: May 20, 2016). Listen to over 65,000+ radio shows, podcasts and live radio stations for free on your iPhone, iPad, Android and PC. Discover the best of news, entertainment, comedy, sports and talk radio on demand with Stitcher Radio.
|
|
|
|
#Design #BestPractices
Whitespace is one of the most valuable assets of interactive design. The whitespace on a page, even though often overlooked, can be every bit as important as the space occupied by UI elements. In…
|
|
|
|
#Sketch #Plugin #Launchpad
On our mission to empower designers, we are continuously pushing the envelope on what designers can achieve without writing code. We’re continuously getting great feedback. One of the issues that…
|
|
|
|
#Sketch #tutorial #typography
When working with typography, Sketch comes up short, especially when you compare it with the most popular design tools out there. In this article, we’ll give you quick tips to compensate for its shortcomings with typography.
|
|
|
|
#Sketch #UIDesign #Libraries #Collaboration
If there’s one phrase that’s plagued the design world more than any other over the past year, it’s this: “SINGLE SOURCE OF TRUTH”. No, it’s not a singles ad for a fortune-teller (“27, Male. Single…
|
|
|
|
#Sketch #Libraries #UIDesign #beta
|
|
|
|
#Sketch #Plugin #Productivity #UIDesign #StyleGuide
Everything your team needs to develop and maintain a visual language.
|
|
|
|
#Sketch #UIDesign #Productivity
Sketch symbols are great because they provide one central place to manage components. Buttons are some of the easiest components to create, but like text fields, they have a lot of different states…
|
|
|
|
#UIDesign #Tips #BestPractices
Well, it’s not cool…but like…it’s okay. It happens. This list will make you better. Or at least more aware. Or maybe you just give it a couple claps because you recognize someone spent time curating…
|
|
|
|
#Sketch #AFX #Animation #Motion #Productivity
Live After Effects layers straight from Sketch artboards
Sketch layers may now be imported into After Effects without redrawing everything in Illustrator. Avoid the startling realization that you have to repeat the whole import process simply because you forgot to split one element out onto its own layer or that type has to be converted into live text as an additional process per layer. Quickly export selected layers or a whole artboard from Sketch with type metrics, transform data, images, symbol hierarchy, and grouping intact. It's little bit better than the native Illustrator => AE import. Hooray.
|
|
|
|
For the last 5 years, design systems have been a way for the personal and client projects I’ve worked on get designed, developed and deployed more efficiently. Before this I’d design and code…
|
