Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design for Developer

Avatar for Fernando Franco Gíraldez Fernando Franco Gíraldez
December 01, 2021
Programming
51
0

Design for Developer

Design tips for developers

Avatar for Fernando Franco Gíraldez

Fernando Franco Gíraldez

December 01, 2021

More Decks by Fernando Franco Gíraldez

See All by Fernando Franco Gíraldez
Arrow Meta 1o1
Avatar for Fernando Franco Gíraldez ffgiraldez
0
50
Intro to reactive programing
Avatar for Fernando Franco Gíraldez ffgiraldez
0
50
Don't Fear the Monads
Avatar for Fernando Franco Gíraldez ffgiraldez
1
160
Reactive your Android
Avatar for Fernando Franco Gíraldez ffgiraldez
1
150

Other Decks in Programming

See All in Programming
AIベース静的検査器の偽陽性率を抑える工夫3選
Avatar for Kuniwak orgachem
PRO
4
460
PHPer、Cloudflare に引っ越す
Avatar for Suguru Oki / スー suguruooki
2
230
UaaL×Androidアプリのメモリ計測 — Memory Profilerの先へ
Avatar for Ryosuke Shimizu (RIO) rio432
0
160
いつか誰かが、と思っていた フロントエンド刷新5年間の実践知
Avatar for Kiichi Sugihara kiichisugihara
1
280
空間オーディオの活用
Avatar for Yuki Yasoshima objectiveaudio
0
150
Agentic UI in the Frontend: Architectures with Open Standards @JAX 2026 in Mainz
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
エラー処理の温故知新 / history of error handling technic
Avatar for nakaryo ryotanakaya
7
1.9k
ついに来た！本格的なマルチクラウド時代の Google Cloud
Avatar for maroon1st maroon1st
0
450
AWSはOSSをどのように 考えているのか？
Avatar for アキキー | Akihisa Ikeda akihisaikeda
0
120
GitHubCopilotCLIをはじめよう.pdf
Avatar for tkym htkym
0
340
新規プロダクトを高速で生み出すハーネスエンジニアリング
Avatar for Ryohei Ikegami seanchas116
3
180
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
Avatar for minako-ph minako__ph
1
150

Featured

See All Featured
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
7
36k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
620
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
300
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.1k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
740
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
220
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Docker and Python
Avatar for Tania Allard trallard
47
3.8k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
110
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
360
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
12k

Transcript

  1. Design for Developers Fernando Franco Giráldez @thanerian [email protected]

  2. 1. MOTIVATION ¿Why a developer want to design?

  3. None

  4. ¿Por dónde empezar? » Idea » Bocetos » Definir pantallas

    y sus flujos » Layout » Iconografia

  5. 2. HERRAMIENTAS

  6. Bocetos » Sencillo » Permite iterar rápidamente » Crea una

    visión global de la idea
  7. None

  8. Herramientas digitales » Photoshop » Illustrator » Sketch

  9. None
  10. None

  11. Vamos a ensuciarnos las manos

  12. 2. Diseño de Layouts

  13. Referencias » Material Guidelines » MaterialUp » iOSUp » Dribble

  14. Integraciones

  15. THANKS! Any questions? You can find me at » @thanerian

    » [email protected]