編集可能

2013/02/27(#mayumaroapp)アプリ開発勉強会!/ ガイドラインからみたアプリUI〜iPhone用とAndroid用〜 / 実例で語る!アプリのプロモーション&GrowthHacking

http://atnd.org/events/35847 #mayumaroapp ----------------------------------------- 秋葉ちひろ先生の既存資料> 続きを読む
Android mayumaroapp
1
close_yutori @kimukou2628
#mayumaroapp * IOSフューマンガイドライン * Android Design からの推奨のお話を中心にします
close_yutori @kimukou2628
#mayumaroapp IOSの特徴) 美しいグラフィック 魅力的なグラフィック リアルな質感 =>プロのデザイナーにデザインをお願いしてちゃんと作ってね
close_yutori @kimukou2628
#mayumaroapp Android ・シンプル ・楽しさ を表現しましょう
close_yutori @kimukou2628
#mayumaroapp Status bar Navigation bar .. 階層の移動 Tab bar クックパットの例を説明=>最近操作パレット変えたら凄い文句が出たらしい<慣れ?の問題
close_yutori @kimukou2628
#mayumaroapp IPhoneのおしゃれなアプリの例) ・MacのDocイメージをIPhoneで再現 ・Tool bar 画面に関連したアクション<これはAndroidでいうMenu?
close_yutori @kimukou2628
#mayumaroapp Segmented contol ・・カテゴリは違うけど中身は違う的な話 例) foursqure ・・すべての活動/近くの友達 Twitter ・・ みんなの反応/@ツイート
close_yutori @kimukou2628
#mayumaroapp ActionBarに関して) .App icon .View control(dropdown) .Action button .Action overflow(メニューボタン対応)
close_yutori @kimukou2628
#mayumaroapp 表示があふれたボタン) 1) Action overflow は 表示があふれたボタンをプルダウン表示する 2) bottom barを出す<IOSのToolBarっぽい表示
close_yutori @kimukou2628
#mayumaroapp 横向きの場合) Action overflow => アイコン表示をしたくないもの(文字をリストビュー)表示したい場合に使う この三本線は基本的にオプショナル的な認識
close_yutori @kimukou2628
#mayumaroapp Android の TabStrap = IOSでの下部のタブバー 実際はTabStrapをスクロールして表示する(Simejiは12カテゴリアスキーアート文字が有る
close_yutori @kimukou2628
#mayumaroapp facebookのDrawer ・・ 左メニューの話 <カテゴリスクロールが大変という話から出てきた考え方らしい Drawerは本来 [<アイコン] と表示しないとダメ(Cookpad等でも三本線になってたりorz
close_yutori @kimukou2628
#mayumaroapp タップエリア) IOS: 44point Android: 18dp Windows8: 7mm
close_yutori @kimukou2628
#mayumaroapp 大きさによるタップ確率<Win8 バスケットプレイヤーの指を基準にして 7mm の話が出てきたらしい。 へー。
close_yutori @kimukou2628
#mayumaroapp 解像度が同じでも xhdpi > hdpi > ldpi の順に=>方向に画面が大きくなっていく
eimi @xxeimixx
将来的にはアプリ作りたいし、スマホサイトにも通ずるものがあると思うので興味深いです #mayumaroapp
penguindaa @penguindaa
RT @kimukou2628: #mayumaroapp IOSの特徴) 美しいグラフィック 魅力的なグラフィック リアルな質感 =>プロのデザイナーにデザインをお願いしてちゃんと作ってね
penguindaa @penguindaa
RT @kimukou2628: #mayumaroapp Android ・シンプル ・楽しさ を表現しましょう
close_yutori @kimukou2628
#mayumaroapp アニメーション) ・リアルさを高める ・気持ちよさを表現する <絶妙なギミック。IOSは綺麗なアニメーションが動くが Androidは4系から多少ましになった=>でもカクつく?
close_yutori @kimukou2628
#mayumaroapp G+クライアントの話) 下にスクロールすると ふわっと下の記事が出てくる感じ<Google様系のは結構凄いのが多いよう
close_yutori @kimukou2628
#mayumaroapp 過度なアニメーションは、Androidの場合は動作がたるく感じるので 注意すること(加減が難しいって話? アニメ系のおおいtwクライアントは4系専用のが多い気がしますが。。。
close_yutori @kimukou2628
#mayumaroapp スマホのデザイン的には 他のOSのデザイン、アイコンを持ち込んではダメ という事に供給元的には言っている <でもAndは審査がないからIOSスタイル陵辱されてる気がするよな。。
close_yutori @kimukou2628
#mayumaroapp 左上のボタン) IOS:戻るボタン And:<+ アイコン リスト遷移) [ >] <= このスタイルまで真似るのは、実際どうよ?
close_yutori @kimukou2628
#mayumaroapp ユニクロさんのIOS/Andのアプリの話) ・IOSチックの画面がAndで忠実に見た目移植 で、ここまでやるなら ・IOS的なアニメーション動作まで再現しましょうよ! <Android版だとそこが端折られてるorz
close_yutori @kimukou2628
#mayumaroapp 生産的なもの(ツール系?) ・標準に似せる ・簡素化 ゲーム系ならば ・あえて標準を壊す(カスタムコントロールを作成)
残りを読む(31)

コメント

コメントがまだありません。感想を最初に伝えてみませんか?

ログインして広告を非表示にする
ログインして広告を非表示にする