Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Design for Developers
Search
Li Jia Li
March 29, 2015
Design
1
190
Design for Developers
Design Hacks for Developers
Talks @ Women Tech Maker (Yangon) 2015
Li Jia Li
March 29, 2015
Tweet
Share
More Decks by Li Jia Li
See All by Li Jia Li
UX is more than UI
dragonvirus
0
43
SoTM Asia 2017 - Myanmar Presentation
dragonvirus
1
110
Introduction to Progressive Web App
dragonvirus
0
74
Analytic data report with MongoDB
dragonvirus
0
59
Material Design for Developers
dragonvirus
3
160
Other Decks in Design
See All in Design
Карта процесса-опыта. Презентация метода
ashapiro
0
180
Tuzukuru解説ブック
atsumaru1377
0
300
root 会社紹介資料 / We are hiring.
root_recruit
1
12k
PdMというキャリアがUXデザイナーの頭によぎったとき スポットライトをどう当て、 どうシステムを見つめるか
muture
1
570
Speed Design
sergeychernyshev
22
430
Baby Bear Genius
yvonnehsuanho
PRO
0
630
What Was UX Design All About?
ykazu
3
680
Minuto de Aventura
olgastoryboard
0
130
富山デザイン勉強会_インフォグラフィックが上手に描けるコツ.pdf
keita_yoshikawa
1
140
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
1
310
Les petites aventures de CSS, saison 2024
goetter
2
3.8k
Sensitive Texter Storyboard
ctagulao98
0
210
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
GraphQLとの向き合い方2022年版
quramy
43
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
354
29k
Art, The Web, and Tiny UX
lynnandtonic
294
20k
Building a Modern Day E-commerce SEO Strategy
aleyda
36
6.8k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
227
52k
Creatively Recalculating Your Daily Design Routine
revolveconf
215
12k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
23
1.7k
The Language of Interfaces
destraynor
153
23k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
32k
Transcript
Design for Developers by Pwint Phyu Kyaw [ Yangon ]
Who am i ? My name is Pwint Phyu Kyaw
a.k.a Li Jia Li. I’m a backend PHP Developer who also know a little about design. I’m a co-founder of Hexcores. Mission of the Hexcores is to simplify people life with technology.
Why is design important ?
It’s not just what it looks like and feels like.
Design is how it works. !
Users don’t see your code. They just see the UI
of your app.
While (!functional_design){ iterate(); //Failure is on its way! } Reference
: https://speakerdeck.com/prtksxna/interface-design-for-developers
Don’t worry
You just need some tools to solve the problems.
Design Hacks
Typography Image Source : http://abduzeedo.com/typography-mania-19
Typography is the King.
None
Typography Tools http://hellohappy.org/beautiful-web-type/
Typography Tools http://www.google.com/fonts
Typography Tools http://www.typegenius.com/
Typography Tools http://www.typegenius.com/
WhatFont http://chengyinliu.com/whatfont.html Available in • Bookmarklet • Chrome Extension •
Safari Extension
No more than two typefaces.
Let the content breath.
None
Visual Hierarchy ( Font Weight + Size + Color )
Registration Successful ! User Account Information Jonathan Doe
[email protected]
Registration
Successful ! User Account Information Jonathan Doe
[email protected]
Color
Don’t know which color to use ?
Google Material Colors http://www.google.com/design/spec/style/color.html
Flat UI colors http://flatuicolors.com/
Adobe Color CC https://color.adobe.com
Use icons in design " ♥ $ %
UX Design
What is UX Design ? • User-centered design • Usability
• Interface design • Prototyping • Interaction design • Information architecture • Blah blah blah ……………………………………………….
Use UI patterns which are already used.
Learn from others
http://www.pttrns.com
Resources
http://www.google.com/design/
https://hackdesign.org
Design School for Developers http://webdesign.tutsplus.com/series/design-school-for-developers--webdesign-13793
http://agiledesigners.com
Thanks for listening. & @EyeOfDragonLi