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
AIとペアプロして処理時間を97%削減した話 #pyconshizu
Avatar for Kashun Yoshida kashewnuts
1
210
The Ralph Wiggum Loop: First Principles of Autonomous Development
Avatar for Ryuichiro Semba sembayui
0
3.7k
Go 1.26でのsliceのメモリアロケーション最適化 / Go 1.26 リリースパーティ #go126party
Avatar for mazrean mazrean
1
370
メタプログラミングで実現する「コードを仕様にする」仕組み/nikkei-tech-talk43
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
170
ふつうのRubyist、ちいさなデバイス、大きな一年 / Ordinary Rubyists, Tiny Devices, Big Year
Avatar for chobishiba chobishiba
1
420
Vuetify 3 → 4 何が変わった？差分と移行ポイント10分まとめ
Avatar for kouki.miura koukimiura
0
100
ご飯食べながらエージェントが開発できる。そう、Agentic Engineeringならね。
Avatar for yoko / Naoki Yokomachi yokomachi
1
290
Docコメントで始める簡単ガードレール
Avatar for Keisuke Ikeda keisukeikeda
1
110
Fundamentals of Software Engineering In the Age of AI
Avatar for Dan Vega therealdanvega
1
230
AI Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
コーディングルールの鮮度を保ちたい / keep-fresh-go-internal-conventions
Avatar for NAGATA Hiroaki handlename
0
170
encoding/json/v2のUnmarshalはこう変わった：内部実装で見る設計改善
Avatar for Hiroki Kurasawa kurakura0916
0
370

Featured

See All Featured
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
390
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
250
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
110k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
220
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
How to make the Groovebox
Avatar for あそなす asonas
2
2k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
440
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.8k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k

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]