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

UI basics (mobile)

Avatar for Oursky Limited Oursky Limited
May 22, 2015
Design
0
230

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
490
SSH Can
Avatar for Oursky Limited oursky
1
310
HTTP/2
Avatar for Oursky Limited oursky
0
340
watchOS2
Avatar for Oursky Limited oursky
0
320
Common QA issues
Avatar for Oursky Limited oursky
0
200
Complex is better than complicated
Avatar for Oursky Limited oursky
0
280
Clean code again
Avatar for Oursky Limited oursky
3
360
KiriKiri x O2 x NVLMarker
Avatar for Oursky Limited oursky
0
230
Flux + React
Avatar for Oursky Limited oursky
1
380

Other Decks in Design

See All in Design
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
700
Findyのプロデチームの 歩みとこれから
Avatar for Satty satty9556
0
320
文字コントラストを改めて考える / Reevaluating Text Contrast
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
590
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
220
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
900k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
320
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
880
高卒公務員から Webデザイナーになるまで
Avatar for kinomi kinomidesign
0
120
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
140
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
260
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
150
portfolio.pdf
Avatar for Fumitaka Ono onof003
0
200

Featured

See All Featured
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
116
20k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.1k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.6k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
10
890
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
658
61k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k

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