|
|
|
#UX #UIDesign #BestPractices #Tips #Forms #Usability
90% of the problems found in forms solved in a few hundred precious words.
|
|
|
|
#CSS #Typography #Productivity #RWD #UIDesign #WebDev
Great tips on updating your knowledge of responsive typography jn CSS!
|
|
|
|
#DataViz #Tips #MaterialDesign
|
|
|
|
#DataViz #Tips #Google
Think of it as Material Design for data visualization.
|
|
|
|
#Motion #UIDesign #Tips #Tutorials #InVisionStudio
What takes a product animation from good to great? Really, it’s all about the small details. Using InVision Studio, let’s […]
|
|
|
|
#Sketch #Productivity #Tips
Since the release of 43.1 and now it is as if the Sketch file is a .ZIP file and it actually behaves like a .ZIP…
|
|
|
|
#Optimization #Conversion #LandingPages #Mobile #UX #UIDesign #Copywriting
When it comes to mobile landing pages, every second counts. Don't miss out on potential conversions. Follow these tips to build the perfect mobile landing page.
|
|
|
|
#Sketch #Productivity #Tips
We all know and love Sketch. Its ease of use, simple interface and features make it one of the most used design software. We'll look at 7 cool yet hidden features of Sketch.
|
|
|
|
#Sketch #UIDesign #Tips #AnimaApp
At the moment the only way in Sketch to make an Updatable Bottom and Top-Right Pinned Menus using Anima App is to “hack it”. (If you landed here it’s probably because you tried it before and didn’t really work fo you… It was a problem for me too, hence this hack 🤪) - Apply a 180 degree rotation (Transform) to the stack
Apply a 180 degree rotation
AND to the actions/elements in the stack (Visually it will look the same as your original menu.)
2) Make sure to pin your stacks (bottom or top right)
Pin your stack or symbol (bottom like above, or top right)
It works with normal stacks and with stacks inside symbols. Same hack for right aligned menus.
Tricky but does the job! :)
Let me know if you have any questions.
Ciao!
Francesco
|
|
|
|
#Sketch #Plugins #Productivity #Portfolios
Drag Sketch Artboards to your Free&Willing public feed or to a private collection of yours (portfolio, photogallery, moodboard...). Works with PNGs and JPGs as well.
InstallationDownload, unzip and double click SketchToPortfolio.sketchplugin Usage:1) Launch the plugin: Plugins > SketchToPortfolio > Upload To Free&Willing 3) Drag Artboards from your Sketch file into the drop area. You can drag PNGs and JPGs from your desktop too. Tips:- If you organize your images into a collection you have more control on the privacy as the images won't appear in your public feed but will be visible when sharing the collection's URL.
- You can change the visibility of each image after upload too if you want
- Adding tags to the artboard (or filename) will add tags to your post. For example the Artboard called "Mobile Home Screen #mobile #app #UIDesign" (same thing for PNGs or JPGs "Mobile Home Screen #mobile #app #UIDesign.png")
Feedback
|
|
|
#Sketch #Workshops #NYC #Advanced
This workshop is for for anyone that has already working experience with Sketch and would like to improve or master it.
You'll be learn about resizable Symbols, Plugins, Pattern Libraries and more.
Agenda (3hrs): – Sketch’s UI: Shortcuts and plugins for navigating folder structures and organizing layers and artboards. – Styles: Text and Shapes (import/export to share with others) – Advanced Symbols: How to create nested symbols for creating Design Pattern Libraries (DPL) using Atomic Design principles – Practical tips for DPLs (lessons learned) – Managing projects and symbol libraries with Abstract or Kactus – Naming conventions and exporting (including exporting to SVG) – Plugins: Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout, Launchpad and more) – Anima's AutoLayout: building responsive layouts, grids, tables and more.
Time and Date: – 5:00pm to 8:00pm – Upcoming Thursday (Date to be announced when we reach the quorum, spread the word and you both get $10 off!) – Location: Either 135 Bowery or 26 Broadway or in SoHo.
Location: Manhattan, NY. The exact location to be announced prior to the workshop.
Please note: – Bring your laptop to follow along and pre-install Sketch 48 or higher (Free trial). – Each workshop is tailored to needs and pace of the group. – We require at minimum of 5 attendees, so spread the word! Max 10 students per event. – Refunds: You can request a refund or save a spot for the following scheduled date. You can cancel anytime up to 48 our prior the event.
Questions?
|
|
|
|
#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…
|
|
|
|
#Sketch #Productivity #Tips
Find and Replace Colors in Sketch 😃. “Sketch 49: Find and Replace colors everywhere!” is published by Francesco Bertocci in Design&Prototype
|
|
|
|
#DesignSprints #BestPractices #ProductDesign
Here are some things I think about when I facilitate a design sprint. Lots of what goes into facilitation I can’t explain—like anything, you just do it, gain experience, and get better over time. But…
|
|
|
|
#CSS #Printing #tips
|
|
|
#Sketch #Workshop #NYC #Advanced
This workshop is for for anyone that has already working experience with Sketch and would like to improve or master it.
You'll be learn about resizable Symbols, Plugins, Pattern Libraries and more.
Agenda (3hrs): – Sketch’s UI: Shortcuts and plugins for navigating folder structures and organizing layers and artboards. – Styles: Text and Shapes (import/export to share with others) – Advanced Symbols: How to create nested symbols for creating Design Pattern Libraries (DPL) using Atomic Design principles – Practical tips for DPLs (lessons learned) – Managing projects and symbol libraries with Abstract or Kactus – Naming conventions and exporting (including exporting to SVG) – Plugins: Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout, Launchpad and more) – Anima's AutoLayout: building responsive layouts, grids, tables and more.
Time and Date: – 4:30pm to 7:30pm
Location: Manhattan, NY. The exact location to be announced 3-4 days prior to the workshop.
Please note: – Bring your laptop to follow along and pre-install Sketch 48 or higher (Free trial). – Each workshop is tailored to needs and pace of the group. – We require at minimum of 5 attendees, so spread the word! Max 10 students per event. – Refunds: You can request a refund or save a spot for the following scheduled date. You can cancel anytime up to 48 our prior the event.
Questions?
|
|
|
#Sketch #Workshop #NYC #Advanced
This workshop is for for anyone that has already working experience with Sketch and would like to improve or master it.
You'll be learn about resizable Symbols, Plugins, Pattern Libraries and more.
Agenda (3hrs): – Sketch’s UI: Shortcuts and plugins for navigating folder structures and organizing layers and artboards. – Styles: Text and Shapes (import/export to share with others) – Advanced Symbols: How to create nested symbols for creating Design Pattern Libraries (DPL) using Atomic Design principles – Practical tips for DPLs (lessons learned) – Managing projects and symbol libraries with Abstract or Kactus – Naming conventions and exporting (including exporting to SVG) – Plugins: Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout, Launchpad and more) – Anima's AutoLayout: building responsive layouts, grids, tables and more.
Time and Date: – 5:00pm to 8:00pm – Upcoming Thursday (Date to be announced when we reach the quorum, spread the word and you both get $10 off!) – Location: Either 135 Bowery or 26 Broadway or in SoHo.
Location: Manhattan, NY. The exact location to be announced 3-4 days prior to the workshop.
Please note: – Bring your laptop to follow along and pre-install Sketch 48 or higher (Free trial). – Each workshop is tailored to needs and pace of the group. – We require at minimum of 5 attendees, so spread the word! Max 10 students per event. – Refunds: You can request a refund or save a spot for the following scheduled date. You can cancel anytime up to 48 our prior the event.
Questions?
|
|
|
|
#Sketch #Articles #Resources
We’ve written a lot about Sketch tips at UX Power Tools over the last two years and I wanted to organize them in a way that would help designers who are just starting to get in UX. I should also…
|
|
|
|
#Sketch #Tips #BestPractices
7 Techniques for Better, Faster Layer Management in Sketch. If cakes have layers, and designs have layers, does a cake design have double the layers?
|
|
|
|
#SVG #Animation #Interaction #CSS #JS #HTML
This guide aims to give a practical overview of how you can use SVGs on your websites — with some tips and tricks along the way to get the most out of them.
|
|
|
#Sketch #Workshop #NYC #Advanced
Custom Sketch Training for Teams This Sketch app workshop is customizable for any team or group either new to Sketch or that is ready to master it and take collaboration workflows to the next level and be more productive.
Agenda example (approximately 5-6hrs over 1 or 2 days): – Sketch’s UI: What's obvious and what's a little more hidden, navigating folder structures and artboards
– Styles: Text and Shapes (import/export to share with others)
– Symbols Overview: How to create them and when to use them.
– Symbols: Resizing and overriding. – Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout and more) – Anima's AutoLayout: building responsive layouts, grids, tables and more. – Naming conventions and exporting Zeplin (including exporting to SVG) – Libraries: Using Symbols from shared libraries and UI kits.– Advanced Symbols: How to create nested symbols for building Design Pattern Libraries (DPL) using Atomic Design principles – Practical tips for DPLs (lessons learned)
– Managing projects and symbol libraries with Abstract
Please note: – Attendees should bring their laptop to follow along and pre-install Sketch 48 or higher. – Each workshop is tailored to needs and pace of each group. – Payment is due at the time of booking. You can reschedule anytime up to a week prior the event.
Costs: Cost varies based on number of attendees, location, travel time and overall team commitment.
Want to request availability or have questions?
|
|
|
#Sketch #Workshop #NYC #Advanced
This workshop is for for anyone that has already working experience with Sketch and would like to improve or master it.
You'll be learn about resizable Symbols, Plugins, Pattern Libraries and more.
Agenda (3hrs): – Sketch’s UI: Shortcuts and plugins for navigating folder structures and organizing layers and artboards. – Styles: Text and Shapes (import/export to share with others) – Advanced Symbols: How to create nested symbols for creating Design Pattern Libraries (DPL) using Atomic Design principles – Practical tips for DPLs (lessons learned) – Managing projects and symbol libraries with Abstract or Kactus – Naming conventions and exporting (including exporting to SVG) – Plugins: Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout, Launchpad and more) – Anima's AutoLayout: building responsive layouts, grids, tables and more.
Time and Date: – 5:00pm to 8:00pm – Thursday January 18, 2018
Location: Manhattan, NY. The exact location to be announced 3-4 days prior to the workshop.
Please note: – Bring your laptop to follow along and pre-install Sketch 48 or higher (Free trial). – Each workshop is tailored to needs and pace of the group. – We require at minimum of 5 attendees, so spread the word! Max 10 students per event. – Refunds: You can request a refund or save a spot for the following scheduled date. You can cancel anytime up to 48 our prior the event.
Questions?
|
|
|
|
#Framer #Tips #Prototying #UIDesign
It’s been a year of fast-paced releases over at Framer HQ. From Gradients to Effects and Export, we capped off 2017 with the launch of Frames, Shapes and Vectors, to present a full-featured screen…
|
