Android版「マネーフォワード」をマテリアルデザイン対応したときのあれこれ - Money Forward Developers Blog
エンジニアの黒田です。 この度Android版「マネーフォワード」アプリをマテリアルデザインにフルリニューアルしました。 そしてなんと！！！ おかげさまでGooglePlayの「2014年ベストアプリ」に選出いただきました！ GooglePlay 2014年ベストアプリ アプリのDLはこちらから 家計簿マネーフォワード【投資・資産管理】 この記事ではマテリアルデザイン対応するにあたり、考えたことや実際に書いたコード、使ったツールなどあれこれと書いてみたいと思います。 マテリアルデザインとは マテリアルデザインとはGoogleが発表した新たなデザインガイドラインです。 モバイルに限らず、AndroidWearやAndroidTVなど様々なデバイスでもユーザーに対して同じ体験を提供することを目的としています。 マテリアルデザインに関する細かい説明は割愛しますが、GoogleMapやGMailな
来るフラットデザイン時代！フラットアイコン作成に役立つページまとめ。 | アプリマーケティング研究所
ios7では全体を通してフラットデザインを、 採用することが発表されました。 ios7は今年の秋から導入されます、 iphone4以降のデバイスには対応していますので、 数か月後には、大部分のユーザーがios7に移行するのではないでしょうか。 特にアプリ開発者にとっては、 アプリのDLに直結する、 Appstore上でのアイコンの重要性というのは非常に大きく、 アイコンについてもデザインを考慮してく必要がでてくるかもしれません。 ios7のAppstoreデザイン オフィシャルサイトによると以下のデザインになるそうです。 本記事では、 フラットデザイン・フラットアイコン関連の、 役に立ちそうな情報をまとめたいと思います。 Apple公式のフラットデザイン移行ガイド iOS 7のフラットデザインでアプリを開発するための移行ガイドをAppleが発行 やはりまずはAppleがオフィシャルで公開し
Androidデザイン ナビゲーション
BackとUpナビゲーション一貫したナビゲーションは全体的なユーザーエクスペリエンスで重要な要素です。 調和せず予測不可能な手法はユーザーをイライラさせます。 Android3.0は全体的な操作に付いて重要な振る舞いの変化をもたらしました。 BackとUpのガイドラインを意識し従う事でアプリの操作をユーザーが予想できて信頼できるようにします。 Android2.3以前はアプリの範囲内での操作においてシステムのBackキーに依存していました。 Android3.0のアクションバーの導入で２つ目の操作の仕組みとしてアプリアイコンと左の印からなるUpボタンが加わりました。 Up vs Back画面間の階層に基づくアプリ内の操作でUpボタンが使用されます。 例えば、画面Aがアイテムのリストを表示し、アイテムを選択する事で（アイテムの詳細を表示する）画面Bに行くならば、その場合画面Bは画面Aに戻るU
［3］Androidで必要とされるデザイン
前回はAndroid Designの「GET STARTED」の章に基づき、スマートフォンアプリでデザインがなぜ大切か、どのようなデザインが求められているかについて考察しました。今回はAndroid Designの「STYLE」の章について解説していきたいと思います。 この章では主に「Androidアプリのルック＆フィールをどのようにすべきか」、「複数の環境に対応するべきか」、「ユーザーにどのようなリアクションを返すべきか」の3つが書かれています。 Androidのデザイン流儀は「Themes」、「Typography」、「Color」、「Iconography」のセクションで紹介されています。開発者の視点で注意すべきは、文字の大きさはsp単位を使うこと、、テキストの強調に色を使うことが推奨されていること、サイズや色はある程度統一した方が見やすいと言うこと、そしてアイコンのデザイン方法の3
Android デザインを訳してみた
Android Designというサイトがなかなか面白かったので訳してみました。 アプリを作る上で気をつけるべき事を一般論とAndroid特有の事がそれぞれ書かれてあります。 ようこそAndroid Designへ これはAndroidアプリの優れたデザインをする方法を学ぶためのものです。 クリエイティブビジョン 目次 始めに・クリエイティブビジョン ・デザイン原則 ・UI概要 スタイル・デバイスとディスプレイ ・テーマ ・タッチフィードバック ・測定基準とグリッド ・タイポグラフィティ ・色 ・アイコンデザイン ・文章の書き方 パターン・NewAndroidでの新しい事 ・ジェスチャー ・アプリの構造 ・ナビゲーション ・アクションバー ・マルチペインレイアウト ・スワイプビュー ・セレクション ・通知 ・互換性 ・純粋にAndroid 開発用の部品達・タブ ・リスト ・グリッドリスト
『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
ソシオメディア：W3C/WAI アクセシビリティ･ガイドライン
注意：このドキュメントは、W3Cが勧告として公開している「Web Content Accessibility Guidelines 1.0」を株式会社アスキーが書籍「ウェブ・アクセシビリティ〜すべての人に優しいウェブ・デザイン」にて日本語訳したものです。正式な文書はあくまで英語版であり、この文書には翻訳上の間違いや不適切な表現が含まれている可能性がありますのでご注意ください。 W3C推奨―1999年5月5日 このガイドラインの最新バージョンは、http://www.w3.org/TR/WAI-WEBCONTENTからダウンロードできる。 編集者： ウィスコンシン大学マディソン校トレース研究開発センター（http://www.tracecenter.org/）のウェンディ・シソルム氏、グレッグ・バンダーハイデン氏、W3C（http://www.w3.org/）のイアン・ジェイコブズ氏 Co
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Launcher Icons (Archive) | Android Developers