— Intro — Context — History and Meaning of Design Tools — BREAK
— Exploring Design Tools — Meet Design Tools Makers — BREAK
— Designing with Digital Material
— Meet likeminded people and enjoy some insightful exercises together
— Reflect on designer/tool relationship and discuss human/machine collaboration
— Meet design tools makers and take away a few practices and tools you can start using tomorrow
Designtools Hackday Exploring the Future of Design Tools
http://www.designtoolshackday.com
https://medium.com/sketch-app-sources/runner-speed-up-your-sketch-workflow-fba470ed43c1#.esufuh5sl
We’re leaving the design software monoliths from yesterday behind and start exploring a bright future of diverse and complementary design tools.
Sketch is the Minecraft of Design Tools: it has a pretty open API, it’s deliberately hackable, encourages "abuse" … and it often breaks and crashes.
As designers, the tools we use shape us and shape our work. Thus, to stay in charge we need to shape our tools and workflows.
"Here’s the simple truth: you can’t innovate on products without first innovating the way you build them." Alex Schleifer, VP of Design at Airbnb
Everybody can be a designer. “dumbing down of creativity” vs. "democratisation and escalation of creativity"
https://web.archive.org/web/20090701000531/http://artbackwash.blogspot.com/2009/06/dont-be-tooler.html
https://medium.com/@ArtificialExperience/creativeai-9d4b2346faf3#.edm2b3hmu
Human Machine Collaboration The H-Metaphor
https://medium.com/@ArtificialExperience/creativeai-9d4b2346faf3#.edm2b3hmu
The Future of Making Things: Generative Design by Autodesk – https://www.youtube.com/watch?v=E2SxqUvtpIk
http://vision.cs.utexas.edu/projects/shadowdraw/shadowdraw.html
If everybody can be a designer, who designs design processes and design tools that make a difference?
Designing with Data TimelineDesigning with Meaningful Data – bit.ly/1QOn8c9
No Data Fake Data Mock Data Meaningful Data Manipulated Real Data
SketchData Populator
Project Cometby Adobe
Lorem [email protected]
Lorem [email protected]
Lorem [email protected]
Lorem [email protected]
Lorem [email protected]
Lorem [email protected]
Maria [email protected]
Maria [email protected]
Tilda [email protected], UK
George [email protected] Angeles, USA
George [email protected] Angeles, USA
Natalie [email protected] Angeles, USA
Danielle [email protected]
Emma [email protected]
Kelly [email protected]
Ralph [email protected]
Kevin [email protected]
Beverly [email protected]
Maria Richards7-(229)551-6413 (+1)Available
Matthew Cole251-(676)194-7354
Not available
Martha Lynch33-(171)614-6692 (+2)
Available
Billy Ferguson48-(672)718-6336 (+1)
Do not disturb
Roy Hunt1-(480)970-3837
Not available
Jonathan Little66-(965)393-0501
Available
JSON dataset
Template with {placeholders}
Populated instance
Long-term iteration
Short-term iteration
Phillip Little234-(395)993-6083
4 min ago
Apple Inc251-(676)194-7354
17 min ago
Linda Parker1-(571)831-3088
21 min ago
Microsoft Inc261-(314)441-4378
2 hours ago
James Morris86-(413)306-3447
3 hours ago
Eugene Vasquez86-(618)410-2686
4 hours ago
Adding content is easy and
quick – but the data remains
random and loose. There’s no
defined relationship within a
dataset.
Still a lot of repetition – adding data manually is a lot of repetitive effort and pain!
Remember the "Paste Lorem Ipsum into selection" command in Photoshop?
{"image": "mrichards.png",
"firstname": "Maria",
"lastname": "Richards",
"phones": [{"type": "Mobile",
"number": "7-(229)551-6413"
},{"type": "Fixed","number": "234-(395)993-6083"
}]"status": "Available"
}
{firstname} {lastname}{phones[0].number} {phones|&(+%n)}{status}
JSON datasets are mapped to UI elements and conditional actions are being executed.
UI Design with Data PopulationData ManipulationLive API
Calls from/to People
Calls from/to Companies
People
Calls
Companies
Manipulate
Manipulate
Manipulate
Consuming, manipulating and
visually exploring data
structures as an integrated,
iterative process.
Craftby InVision LABS
https://medium.com/sketch-app-sources/designing-with-meaningful-data-5456b40e172e
https://medium.com/sketch-app-sources/designing-with-meaningful-color-28edd86240a7#.7qnmijl6e
Top Related