|
|
#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?
|
|
|
|
#CMS #Webdesign #Responsive
Build responsive websites in your browser, then host with us or export your code to host wherever. Discover the professional website builder made for designers.
|
|
|
|
#Sketch #Responsive #UIDesign
1) Download the .Sketch file (Free) 2) Edit the symbols and see how they are set up. 3) Change images and focal points and see how they change when you resize them in the main artboard.
|
|
|
|
#JS #Productivity #UX #Shopify
Draggable is a lightweight, responsive, modern drag and drop JavaScript library – the ideal choice for adding slick native-feeling drag and drop behaviour to your web apps.
|
|
|
|
#HTML #RWD #CSS #Optimization
According to the data from HTTP archive, 64% of a website’s page weight, on an average, is made up of images. With mobile traffic surpassing desktop traffic, it has now become even more crucial to…
|
|
|
|
#Sketch #Animatio #Anima #Launchpad
We’ve introduced MyPortfolio.design last week, a free place for designers portfolio. To get you started faster, we’re releasing this freebie sample of a portfolio. First, If you haven’t tried it…
|
|
|
|
#Sketch #Tutorials #UIDesign #RWD
You start your designs with one image (low res, un-retouched, unlicensed, etc…) and you (or someone else 😈…) want to then swap it everywhere with another one without having to do it manually…
|
|
|
|
#DesignSystems #Productivity #patterns #UX
The MailChimp Pattern Library is a byproduct of our move to a more responsive, nimble, & intuitive app.
Over the course of two full redesigns and our recent navigation refresh, we've worked to distill most of the MailChimp interface into a set of atomic pieces, forming the pattern library you see here. By documenting and assembling a reference site of our patterns, we were able to speed up our process and solve some internal communication problems. A common lexicon of code and UI elements benefits us in a few ways: - We can build consistently, focusing our energy on workflows and logic, not web forms and list items.
- We can reuse code instead of reinventing the wheel or roping in an engineer.
- We can see all of our patterns in one place, quickly revealing maintenance issues.
|
|
|
|
#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 #AnimaApp #Responsive
1) Download the .Sketch file 2) Edit the symbols and see how they are set up. 3) Change images and focal points and see how they change when you resize them in the main artboard.
|
|
|
|
#Sketch #Anima #UIDesign #Prototyping #Plugin
Auto-Layout is a Sketch Plugin that empowers designers to build responsive designs inside Sketch.
|
