Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eklem/draw-at-work
Templates and tools for workshops to learn how to draw to communicate. Not art, communication. Everyone can. Doesn't need to be pretty. Communicate better within teams and stakeholders.
https://github.com/eklem/draw-at-work
Last synced: 22 days ago
JSON representation
Templates and tools for workshops to learn how to draw to communicate. Not art, communication. Everyone can. Doesn't need to be pretty. Communicate better within teams and stakeholders.
- Host: GitHub
- URL: https://github.com/eklem/draw-at-work
- Owner: eklem
- License: mit
- Created: 2022-11-23T07:58:23.000Z (almost 2 years ago)
- Default Branch: trunk
- Last Pushed: 2024-06-21T15:14:46.000Z (5 months ago)
- Last Synced: 2024-06-22T05:44:14.566Z (5 months ago)
- Language: CSS
- Homepage:
- Size: 40.8 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Draw at work!
Workshops to learn how to draw to communicate. And structure your ideas. Not art, but communication. Everyone can. Doesn't need to be pretty. Communicate better within teams and stakeholders.
How far I've gotten with the [Draw at work workshop](https://eklem.github.io/draw-at-work/).
## Why?
1. To think better and sort your ideas
2. To communicate your ideas to others
## 3 basic workshop sessions
For each workshop session, explain quickly what you'll learn and why it's needed.
### The visual alphabet
To make drawing easier without thinking too much, use a visual alphabet to simplify the process. We will use [Dave Gray's visual alphabet](https://medium.com/the-xplane-collection/in-defense-of-the-visual-alphabet-a8dcca7cf151).
### Draw fast
How to simplify and when to add details.
### Human beeings and interaction
We create software to help people. For this we often need to explain interactions between people or people and machines.
## Practicing
Drawing battles. Get better at telling stories that communicate well through drawing and design critique.
1. Choose a story. Write it down
2. Draw (all of you)
3. Design critique
4. Draw again
## React and Vite setup
React app can be found in the `/react` folder.
### Dev
To preview and hot-reload when developing:
```console
cd ./react
npm run dev
```
### Build
To build static html to be published to github.io-page:
```console
cd ./react
npm run build
```
### Deploy to GitHub pages
```console
cd ./react
npm run deploy
```