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
480
SSH Can
Avatar for Oursky Limited oursky
1
300
HTTP/2
Avatar for Oursky Limited oursky
0
330
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
220
Flux + React
Avatar for Oursky Limited oursky
1
380

Other Decks in Design

See All in Design
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
530
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
Avatar for Gaku Oyanagi gakuoya
1
700
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
150
「UXとUIの違い」v2
Avatar for Shirasu3 shirasu3
0
200
Yahoo!フリマ：生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
400
なぜプレイドにデザインエンジニアが必要だったのか？
Avatar for t32k t32k
0
610
freee + Product Design FY25Q4
Avatar for freee freee
4
15k
エンジニアでも捗る デザイナー的思考入門
Avatar for Tsubasa SEKIGUCHI tinykitten
1
1.2k
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
630
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
470
AI動画生成ガチャ紹介
Avatar for Takatomo Torigoe piyo7
1
200
デザイナー向けフライル説明資料
Avatar for Toshiaki Arai toshiblues
0
100

Featured

See All Featured
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
2
570
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
460
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.8k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
33
8.8k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
The Language of Interfaces
Avatar for Des Traynor destraynor
159
25k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k

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