SlideShare a Scribd company logo
User Interface
「UI ラーニング・パターン」
あんざいゆき・秋葉ちひろ・小太刀 御禄
ABC2014s EffectiveAndroidコラボ開発 2014.03.21
あんざい ゆき
ブログ「Y.A.Mの雑記帳」で多数のAndroid技術情報を公
開。UIに特化した「Android Layout CookBook」や
「Android UI Cookbook for 4.0」を執筆。Android女子部
やGTUG Girlsなどのコミュニティ活動にも参加。
株式会社ウフィカ 代表取締役
小太刀 御禄
Webデザインからゲームイラスト、小説挿絵、装画など
担当。主な実績はカプコン、ソニーデジタルエンターテ
イメント、ビジュアルワークス、gihyo.jpなど。openCU
やschooでもデザインをテーマに講義を行う。
デザイナー・イラストレーター
秋葉 ちひろ
株式会社ツクロア デザイナー
スマートフォンアプリやWebサイトをメインとした、設
計・デザイン・動きの実装まで、デザインワークに関す
るすべての工程を統括し、制作からコンサルティングま
で幅広く請け負っている。
流行のアプリの
良い/悪いをコメントしていく
ぶった切り
ユーザーがなに求めてるの?
#N7でスクショとりました
初期起動画面
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
iOSのデザインそのまま
つかうなよ!
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
Webアプリ
(のハイブリッド)
のデザインどうなの
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
の三本線
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
余白狭い、字小さい
User Interface 「UI ラーニング・パターン」 - ABC2014s
一貫性がない
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
ガイドラインぶっち
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s
User Interface 「UI ラーニング・パターン」 - ABC2014s

More Related Content

PDF
福井で「しあわせデザイナー」になるために
PDF
メーカー出身のUXデザイナーがIT系に転職して 出会いを求めるのは間違っているだろうか
PDF
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
PDF
UXデザインをゆるく学ぶ意味
PDF
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
PDF
デザイナーとエンジニアが話す、iOSアプリケーション開発
PDF
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
PDF
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
福井で「しあわせデザイナー」になるために
メーカー出身のUXデザイナーがIT系に転職して 出会いを求めるのは間違っているだろうか
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
UXデザインをゆるく学ぶ意味
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
デザイナーとエンジニアが話す、iOSアプリケーション開発
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き

What's hot (20)

PDF
SketchがAndroidのUIデザインに向いているワケ
PDF
スマホサービスにおける、UIデザインのノウハウと実例
PDF
Sketchで変わるワークフロー
PDF
マンガボックスのアプリができるまで
PDF
デザインツール戦争とMaterial Theme Editor
PDF
グラフィックレコーディングをやってみよう!ワークショップ資料 150301
PDF
ABC2016 Spring: Mobile App UX & Design Sprint
PPTX
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
PDF
ネイティブアプリにおける、UI/インタラクションのトレンド
PDF
200716 cybird breakoutsession_rie_motoki
PDF
フラットデザインだけじゃない 今後を見据えたUIデザインとは?
PDF
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
PDF
インターフェイスという名の付く会社が考えるUX
PDF
200521_rpa_community_for_girls_riemotoki_presentation_sheet
PPTX
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
PDF
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
PDF
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
PPTX
モダンなAndroidアプリ開発勉強会
PDF
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
PDF
Gcm#3 uiデザインの品質を効率的に向上させるには?
SketchがAndroidのUIデザインに向いているワケ
スマホサービスにおける、UIデザインのノウハウと実例
Sketchで変わるワークフロー
マンガボックスのアプリができるまで
デザインツール戦争とMaterial Theme Editor
グラフィックレコーディングをやってみよう!ワークショップ資料 150301
ABC2016 Spring: Mobile App UX & Design Sprint
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
ネイティブアプリにおける、UI/インタラクションのトレンド
200716 cybird breakoutsession_rie_motoki
フラットデザインだけじゃない 今後を見据えたUIデザインとは?
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
インターフェイスという名の付く会社が考えるUX
200521_rpa_community_for_girls_riemotoki_presentation_sheet
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
モダンなAndroidアプリ開発勉強会
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
Gcm#3 uiデザインの品質を効率的に向上させるには?
Ad

Viewers also liked (14)

PDF
Sublime Text 2 で始める ReVIEW
PDF
アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼
PDF
Android Pattern Cookbook で見るトレンドの変遷
PDF
"あんざいゆき" x "秋葉ちひろ" はカンファレンスアプリをどう作るのか?
PDF
ABC2013 Autumn あんざいゆき x 小太刀御禄 対談
PDF
Life with Android - Docomo SmartPhone Lounge Event -
PDF
Fragment を使ってみよう
PDF
Watch face アプリを公開してみた
PDF
Head First XML Layout on Android
PDF
マルチスクリーン対応と最近のアプリの傾向
PDF
Android Layout 3分クッキング
PDF
Adapter & ListView & ExpandalbeListView
PDF
Android Layout Cookbook Seminor
PDF
Fragment の利用パターン
Sublime Text 2 で始める ReVIEW
アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼
Android Pattern Cookbook で見るトレンドの変遷
"あんざいゆき" x "秋葉ちひろ" はカンファレンスアプリをどう作るのか?
ABC2013 Autumn あんざいゆき x 小太刀御禄 対談
Life with Android - Docomo SmartPhone Lounge Event -
Fragment を使ってみよう
Watch face アプリを公開してみた
Head First XML Layout on Android
マルチスクリーン対応と最近のアプリの傾向
Android Layout 3分クッキング
Adapter & ListView & ExpandalbeListView
Android Layout Cookbook Seminor
Fragment の利用パターン
Ad

User Interface 「UI ラーニング・パターン」 - ABC2014s