Android版「マネーフォワード」をマテリアルデザイン対応したときのあれこれ - Money Forward Developers Blog
エンジニアの黒田です。 この度Android版「マネーフォワード」アプリをマテリアルデザインにフルリニューアルしました。 そしてなんと！！！ おかげさまでGooglePlayの「2014年ベストアプリ」に選出いただきました！ GooglePlay 2014年ベストアプリ アプリのDLはこちらから 家計簿マネーフォワード【投資・資産管理】 この記事ではマテリアルデザイン対応するにあたり、考えたことや実際に書いたコード、使ったツールなどあれこれと書いてみたいと思います。 マテリアルデザインとは マテリアルデザインとはGoogleが発表した新たなデザインガイドラインです。 モバイルに限らず、AndroidWearやAndroidTVなど様々なデバイスでもユーザーに対して同じ体験を提供することを目的としています。 マテリアルデザインに関する細かい説明は割愛しますが、GoogleMapやGMailな
Androidデザイン ナビゲーション
BackとUpナビゲーション一貫したナビゲーションは全体的なユーザーエクスペリエンスで重要な要素です。 調和せず予測不可能な手法はユーザーをイライラさせます。 Android3.0は全体的な操作に付いて重要な振る舞いの変化をもたらしました。 BackとUpのガイドラインを意識し従う事でアプリの操作をユーザーが予想できて信頼できるようにします。 Android2.3以前はアプリの範囲内での操作においてシステムのBackキーに依存していました。 Android3.0のアクションバーの導入で２つ目の操作の仕組みとしてアプリアイコンと左の印からなるUpボタンが加わりました。 Up vs Back画面間の階層に基づくアプリ内の操作でUpボタンが使用されます。 例えば、画面Aがアイテムのリストを表示し、アイテムを選択する事で（アイテムの詳細を表示する）画面Bに行くならば、その場合画面Bは画面Aに戻るU
Google I/O 10で発表された5つのAndroidのApplication UIデザイン - 酢ろぐ！
未だにピンとくるAndroidアプリのUIが思いつきません。AndroidではアプリのUIに統一感が無く、メーカー製のアプリも標準アプリとは異なるデザイン感のUIになっています。 普段仕事ではiPhone、プライベートではWindows Phone7とそれぞれの世界観があるプラットフォームで開発を行っているので、ある程度定石というか及第点を貰える様なUIを提案出来るようになっておきたいわけです。 UIの統一性がないのはWindows Mobile自体に苦労してきたので悶々と悩んでいます。この頃Facebookや勉強会の懇親会でAndroidのアプリUIのベストプラクティスについて質問する事が多くてすみません・・・ 色々と探していると、FacebookやTwitter for Androidでも採用されていると思われる5つのAndroidのApplication UIデザインガイドを見つけま
livedoor Techブログ : デザイナーに聞かれがちなAndroid UIの仕様
開発部の井上（@inonb）です。12月に位置情報サービス・ロケタッチのAndroidアプリをリリースしました。ぜひお試しください。 さて、今回はAndroidアプリのUIまわりについて書いてみたいと思います。 iPhoneアプリに比べて、AndroidアプリのUI仕様は、わりとWebに近いところがあります。Webの仕事の経験があるデザイナーさんは入りやすいところもあるのですが、マルチディスプレイ対応など面倒なところもあります。 デザイナーさんに聞かれた質問について簡単にまとめてみたいと思います。 1. iPhoneアプリのデザインって流用できますか？ 流用はできるだけ避けたいです。 たとえばTwitterやFacebookのアプリなど、両プラットフォームに多くのユーザーを持つアプリを見ても、iPhoneとAndroidではデザインが変わっているのが分かると思います。 Androidのデザ
AndroidアプリのUIを作成するときに必ず参考になるサイトまとめ
Android Design - Welcome Googleの公式「Anrdroidデザイン」ポータル。 このサイトの情報が軸になるはず。全編英語。がんばろう Android Interaction Design Patterns AndroidのUIパターンを集めたサイト。 画面遷移図があるので、想像がし易いです。 livedoor Techブログ : デザイナーに聞かれがちなAndroid UIの仕様 dpiという単位が曲者ですね。 Androidアプリデザインの基礎知識 解像度の考え方が勉強になります。 Android アプリ の UI デザインにこだわりたいひとのためのまとめ - Kangaroonote document関連のリンク集 様々な場面で参考になるオススメUIデザインキット45選 | バンクーバーのWEB屋 PSDデータが掲載されているサイトのリンク集。 見応えたっぷ
iPhone/Androidアプリのモックアップ作りに便利なPSD・AI・ICON配布サイト｜スマートフォン｜モバイル／スマートフォン｜PHP & JavaScript Room
iPhoneタブバー＆ツールバー用アイコン iPhone UI iPhone外観素材〔iPhone3 / iPhone 4 / iPhone 4S〕 iPhoneアプリケーションアイコン iPhone風のアイコンジェネレーター iPad UI iPad 外観素材〔iPad / iPad2〕 iPod Touch 外観素材 Androidメニュー用アイコン Android UI Android外観素材 Android Widget UI〔ウィジェットテンプレート〕 Droidくん Androidアプリケーションアイコン Androidアイコンジェネレータ〔画像をアップするだけでガイドラインに沿ったアイコンを生成〕 モノトーン系アイコン iPhoneタブバー＆ツールバー用アイコン 2010/9/26 PSD PNG PSD icon Sweets License: 個人・商用利用可 iPhon
Android Interaction Design Patterns |
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
非公開サイト
サイトの構築。作品の販売。ブログの投稿。この他にもさまざまな機能があります。 ログイン サイトをはじめよう 非公開サイト このサイトは現在プライベート設定になっています。
Androidアプリーリソース画像サイズ＆種類ー | Excite Designer's Blog
iPhone・iPadアプリを制作する時、リソース画像は ① 従来のディスプレイ用 ② Retina ディスプレイ用 上記の2種類が必要ですね。 Androidアプリも同じようにdpiごとにリソース画像を用意する必要があります。 今回は 1. 必要となるリソース画像サイズの種類 2. デザインする時の画面サイズ 3. アイコンサイズのガイドライン などAndroidアプリのリソース画像を作る時に役に立つ情報をまとめてみました。 必要となるリソース画像サイズの種類 Androidアプリのリソース画像は対応するdpiによって用意する画像サイズが変わります。 まず、dpiって何でしょう。 dpiは『Dot Per Inch』、1インチ辺りのピクセル数を意味します。つまりdpi数値が高くなるとディスプレイが鮮明できれいになります。 dpiは主にldpi(低解像度)、mdpi(中解像度)、hdpi(
Приложения на Андроид - Android App Patterns - Скачать Бесплатно Приложения .apk
Казино Rox появилось в 2017 г. С тех пор оно завоевывает внимание и положительные отзывы клиентов. Если вы давно ищете где скачать приложение казино Рокс то
%%sitename%%
Cat Casino было открыто в 2021 г. Платформа принадлежит компании Fun Fusion NV, работает по лицензии Кюрасао. Приложение азартного клуба привлекает гемблеров высоким уровнем обслуживания, Читать далее
［3］Androidで必要とされるデザイン
前回はAndroid Designの「GET STARTED」の章に基づき、スマートフォンアプリでデザインがなぜ大切か、どのようなデザインが求められているかについて考察しました。今回はAndroid Designの「STYLE」の章について解説していきたいと思います。 この章では主に「Androidアプリのルック＆フィールをどのようにすべきか」、「複数の環境に対応するべきか」、「ユーザーにどのようなリアクションを返すべきか」の3つが書かれています。 Androidのデザイン流儀は「Themes」、「Typography」、「Color」、「Iconography」のセクションで紹介されています。開発者の視点で注意すべきは、文字の大きさはsp単位を使うこと、、テキストの強調に色を使うことが推奨されていること、サイズや色はある程度統一した方が見やすいと言うこと、そしてアイコンのデザイン方法の3
これからのAndroidアプリはxhdpiとhdpi
今まではアプリの画像リソースを用意する時は、hdpiをメインに余力があれば、mdpiも用意するというのが主流でしたが、Android4.0以上の端末がたくさん発売されて、それにともない、高解像度の端末も増えてきました。 公式の情報によると2012年12月3日時点でldpiが約2%、mdpiが約18%、hdpiが約51%、xhdpiが約29%になっています。 これからはldpi、mdpiの端末が減っていき、xhdpiの端末が増えていくはずなので、画像リソースはhdpi、xhdpi用の2種類を用意するのがよさそうです。 xhdpiの端末でもhdpiの画像リソースがあれば、表示されるようになっていますが、表示する上で問題があります。 わざとhdpiにだけ画像をおいて、試してみます。 今回はAndroidのマーク(280x280の大きさ)の画像を用いました。 左が、hdpiで、右がxhdpiのキャ
秋葉ちひろのAndroidアプリデザイン入門（5） - MdN Design Interactive
第5回 ガイドラインからみたAndroidアプリデザインの特徴3 2013年4月18日 解説・文：秋葉ちひろ いよいよ5回目となりました。Androidの多すぎる解像度や画面密度にうんざりしていませんか？ この回では、マルチデバイスに対応するために、デザインを作成するときのサイズについて詳しくみていきましょう。 ■Android端末の画面サイズについて アプリデザインを考える上でベースとなり、最も重要なのが画面サイズです。しかし、第2回でもお伝えしましたが、Androidには書ききれないほどの画面サイズ／解像度があり、縦横比さえもまったくバラバラです。それでは、Androidアプリのデザインを依頼されたときには、いったいどれぐらいの大きさで作ればよいのでしょうか。 ●解像度とピクセル密度/密度グループ解像度というのは、「px（ピクセル）」という単位であらわされる画面のサイズです。Webサイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
uPhyca inc.
Photoshop VIP ☞ Android画面を完全再現したPhotoshop無料GUIキット
新着記事
Android Patterns
http://www.mobiledesignpatterngallery.com/mobile-patterns.php?colid=65438029-72157627607681753
Launcher Icons (Archive) | Android Developers
