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
200
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
48
SoTM Asia 2017 - Myanmar Presentation
dragonvirus
1
130
Introduction to Progressive Web App
dragonvirus
0
81
Analytic data report with MongoDB
dragonvirus
0
67
Material Design for Developers
dragonvirus
3
170
Other Decks in Design
See All in Design
Liquid GlassとApp Intents
touyou
0
430
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
370
mount_company_profile
mount_inc
0
1.9k
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
130
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2.5k
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
160
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
700
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
190
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.8k
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
PRO
0
160
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2k
Findyのプロデチームの 歩みとこれから
satty9556
0
320
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Navigating Team Friction
lara
190
15k
We Have a Design System, Now What?
morganepeng
53
7.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Building Applications with DynamoDB
mza
96
6.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
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