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
0
48

Design for Developer

Design tips for developers

Avatar for Fernando Franco Gíraldez

Fernando Franco Gíraldez

December 01, 2021
Tweet

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
45
Intro to reactive programing
Avatar for Fernando Franco Gíraldez ffgiraldez
0
47
Don't Fear the Monads
Avatar for Fernando Franco Gíraldez ffgiraldez
1
150
Reactive your Android
Avatar for Fernando Franco Gíraldez ffgiraldez
1
140

Other Decks in Programming

See All in Programming
CSC307 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
680
AtCoder Conference 2025
Avatar for shindannin shindannin
0
1.1k
SourceGeneratorのススメ
Avatar for tkym htkym
0
190
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6k
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
280
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
400
CSC307 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
830
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
2
510
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.4k
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
160

Featured

See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
130
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k

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]