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

UI basics (mobile)

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Oursky Limited Oursky Limited
May 22, 2015
Design
0
250

UI basics (mobile)

Avatar for Oursky Limited

Oursky Limited

May 22, 2015
Tweet

More Decks by Oursky Limited

See All by Oursky Limited
UI Automation
Avatar for Oursky Limited oursky
1
510
SSH Can
Avatar for Oursky Limited oursky
1
330
HTTP/2
Avatar for Oursky Limited oursky
0
360
watchOS2
Avatar for Oursky Limited oursky
0
350
Common QA issues
Avatar for Oursky Limited oursky
0
210
Complex is better than complicated
Avatar for Oursky Limited oursky
0
290
Clean code again
Avatar for Oursky Limited oursky
3
380
KiriKiri x O2 x NVLMarker
Avatar for Oursky Limited oursky
0
250
Flux + React
Avatar for Oursky Limited oursky
1
400

Other Decks in Design

See All in Design
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
1
890
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
480
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
190
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
300
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
310
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
PRO
0
260
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
230
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
820
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.6k
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
300
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
9
3k
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
570

Featured

See All Featured
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
120
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.1k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.5k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.4k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M

Transcript

  1. UI Basics… OURSKY

  2. Controls

  3. Hit BOX

  4. Text size main content at least 11 pt

  5. Spacing

  6. Image assets

  7. Image assets

  8. Alignment

  9. Alignment

  10. Alignment

  11. Alignment

  12. Alignment

  13. Responsive

  14. Responsive

  15. Continuity