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

Design for Developer

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.5k
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
190
Vibe Coding - AI 驅動的軟體開發
Avatar for Micky Li mickyp100
0
170
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
6
1.8k
ThorVG Viewer In VS Code
Avatar for Nor-s nors
0
770
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
600
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
Avatar for MomokoShirakawa momok47
0
190
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
500
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
300
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
160
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
150

Featured

See All Featured
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
0
1.9k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.5k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
1
240
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
910
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
0
3.4k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
520
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
750
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.3k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
200

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]