アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点（スライド付） | ベイジの社長ブログ
スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。（以降、両者をガイドラインと略します） スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14％しかなく（comScore調査／2014）、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは
秋葉ちひろのAndroidアプリデザイン入門（6） - MdN Design Interactive
第6回 これからのアプリデザインに必要な知識とスキル そして、それをとりまく環境 2013年5月9日 解説・文：秋葉ちひろ 今まで5回に渡って、Webデザイナーさん向けにAndroidアプリデザインについて連載をしてきました。最終回となるこの回では、今後の展望も含めてまとめていきたいと思います。 ■なぜいま、Androidアプリデザインなのか？ AndroidにはAndroidのシステムインターフェイスがあり、iPhoneのそれとはまったく違うものです。また、Androidのガイドラインには、「Pure Android」という項があり、そこには「iPhoneの○○のマネをしてはいけない」ということが、画像付きでしっかりと書かれています。 参考：Pure Android | Android Developers http://developer.android.com/design/patt
秋葉ちひろのAndroidアプリデザイン入門（5） - MdN Design Interactive
第5回 ガイドラインからみたAndroidアプリデザインの特徴3 2013年4月18日 解説・文：秋葉ちひろ いよいよ5回目となりました。Androidの多すぎる解像度や画面密度にうんざりしていませんか？ この回では、マルチデバイスに対応するために、デザインを作成するときのサイズについて詳しくみていきましょう。 ■Android端末の画面サイズについて アプリデザインを考える上でベースとなり、最も重要なのが画面サイズです。しかし、第2回でもお伝えしましたが、Androidには書ききれないほどの画面サイズ／解像度があり、縦横比さえもまったくバラバラです。それでは、Androidアプリのデザインを依頼されたときには、いったいどれぐらいの大きさで作ればよいのでしょうか。 ●解像度とピクセル密度/密度グループ解像度というのは、「px（ピクセル）」という単位であらわされる画面のサイズです。Webサイ
秋葉ちひろのAndroidアプリデザイン入門（4） - MdN Design Interactive
第4回 ガイドラインからみたAndroidアプリデザインの特徴２ 2013年4月4日 解説・文：秋葉ちひろ 前回はAndroidアプリのデザインの特徴のベースとなる部分をお伝えしました。今回は、前回説明した新たな2つの機能のUIのうち、Androidアプリデザインでも最も重要な要素となるアクションバーを説明していきます。 The action bar is a dedicated piece of real estate at the top of each screen that is generally persistent throughout the app. アクションバーは、アプリを通して常に画面の上部に出ている専用の部品である。
秋葉ちひろのAndroidアプリデザイン入門（3） - MdN Design Interactive
第3回 ガイドラインからみたAndroidアプリデザインの特徴１ 2013年3月21日 解説・文：秋葉ちひろ 前回までは、普段Androidを使わない方にもわかる簡単なiPhoneとの比較をお伝えしました。今回からはいよいよAndroidアプリのデザインの特徴について、3回にわたって詳しく解説していきます。 【1】Androidのバージョンを知っておこう アプリのデザインの話に入る前に、まずはAndroid自体について知っておきましょう。 ●AndroidのバージョンAndroidのOSにも、「iOS5」や「iOS6」のようなバージョンが存在し、それぞれにコードネームがついています。 上記のグラフは、Googleが公開したプラットフォームバージョン分布データで、2013年3月4日までの14日間にGoogle Playにアクセスした端末のOSのバージョンを調べたものです。 ※参照：Dashb
秋葉ちひろのAndroidアプリデザイン入門（1） - MdN Design Interactive
第1回 iPhoneアプリとAndroidアプリのデザインの違い（前編） 2013年2月21日 解説・文：秋葉ちひろ iPhoneアプリのようなAndroidアプリ Androidアプリの開発者と話をすると、「制作してもらったデザインがiPhoneアプリそのままなんです」という声を耳にします。そして、話をよく聞いてみると、どうやらそのデザイナーはAndroid端末を持っていないようなのです。私のこれまでの経験として、デザイナーの方が持つスマートフォンは主にiPhoneを使用していて、逆にAndroidを使っているデザイナーは少ないと感じています。例えば、遊びでAndroidアプリを作るならいいのですが、仕事として受注しアプリ制作をする場合、Android端末を使ったことがないというのは大きな問題だと思います。 私が重要と捉えていることのひとつに、Androidアプリの開発に携わる人は、開発
Bitbola Situs Resmi Login Game Online Mudah Menang di Indonesia
Bitbola merupakan situs Game Online terbaik yang menyediakan beragam pilihan game slot terbaru dan terlengkap yang dapat dipercaya. Dengan koleksi permainan yang beragam, pemain tidak akan merasa bosan dan mempunyai peluang besar untuk bisa meraih kemenangan besar dan juga bonus yang menarik. Proses pendaftaran di Bitbola sangatlah mudah dan tidak dipungut biaya. Hal inilah yang membuat situs taru
Android デザインを訳してみた
Android Designというサイトがなかなか面白かったので訳してみました。 アプリを作る上で気をつけるべき事を一般論とAndroid特有の事がそれぞれ書かれてあります。 ようこそAndroid Designへ これはAndroidアプリの優れたデザインをする方法を学ぶためのものです。 クリエイティブビジョン 目次 始めに・クリエイティブビジョン ・デザイン原則 ・UI概要 スタイル・デバイスとディスプレイ ・テーマ ・タッチフィードバック ・測定基準とグリッド ・タイポグラフィティ ・色 ・アイコンデザイン ・文章の書き方 パターン・NewAndroidでの新しい事 ・ジェスチャー ・アプリの構造 ・ナビゲーション ・アクションバー ・マルチペインレイアウト ・スワイプビュー ・セレクション ・通知 ・互換性 ・純粋にAndroid 開発用の部品達・タブ ・リスト ・グリッドリスト
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://aadesigns.info/guideline/android-4-4-kitkat-design/
Android, iOS, Windowsの各デバイスが揃っているデザイン用のPSD素材 -Mobile Design Kit
秋葉ちひろのAndroidアプリデザイン入門（2） - MdN Design Interactive
cmmntr.com
デザイン | Android Developers
iPhone,iPad,Androidなどの高品質フリー素材20個 [PSD形式]![iPhone,iPad,Androidなどの高品質フリー素材20個 [PSD形式]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8588ba89a87a123c6b61adaf6288268b64264648/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEhyZnadTdgdWevVy-03UCJ3P9jHSv-W6eH0NRGR09ar_Zf2kZLGFu-JXHki5BBMV_y_6BHgEJXYe3IfwsgOmlZmq9rrkGIc7sN5PJE1_E-JGhusPN9SyAgnsjMyNrgPukra_R6IX4I7Cj4%2Fw1200-h630-p-k-no-nu%2F0.png)