スタッフブログ

STAFF BLOG

アプリ開発日誌

2017.03.13

Androidのデザイン周りについて調べてみた

おはようございます。プログラマの小林です。
最近、スマートフォンをAndroid6.0に買い換えました。
元々持っていた端末も手元に残っているので、
開発中にそれぞれ端末で挙動を確認しています。
今回は端末の買い替えに絡んで、
Androidのデザインについて調べてみました。

 

OSによって異なる挙動を取る

ところで、最近、Googleの公式アプリの挙動を
各OSのバージョンで比較しているのですが、
アニメーションの挙動が異なることに気づきました。
例えば、GooglePlayの場合、
Android4.4の端末だと、ストアのアプリのアイコンを押して
アプリのページに遷移するとき、特にアニメーションはなく
そのまま次の画面(Activity)を開いているのですが、
Android6.0以降の端末の場合、アイコンが移動して、
次の画面のアイコンになる、というアニメーションが追加されています。

 

Androidのデザイン

Androidはバージョンによって基本となるデザインが異なります。
1. Android3.0以前 : 各メーカー独自のデザイン
2. Android3.0以降 : Holo Design
3. Android5.0以降 : Material Design
先ほどの挙動が異なっていた理由は
OSによって異なるデザインフレームワークに
従っていたからだったんですね。

 

Material Design

Material DesignはGoogleが提唱しているデザインフレームワークです。
デザインには「紙」と「インク」のメタファーが用いられています。
カードやシートは紙、アイコン・テキスト・動画などはインクとして考えられます。
アニメーションは加速・減速をして有機的な挙動に見えるようになっています。

一つ、注意しなければならないのは、このフレームワークに従っただけでは
優れたデザインにはならない、ということです。
フレームワークに乗った上で、UXを高めるためにあえて原則を破ったり、
独自のデザインを加えて差別化を図るなどし、
アプリのクオリティを向上させていく必要があります。

 

おわりに

今回、Androidのデザインについて調べてみて、
コードの実装だけではなく、デザインを考慮した
アプリのデザインが重要だと感じました。
普段の開発ではデザインの意識することがあまりないのですが、
今後は、「現在作っているアプリはどのような考えに沿ってデザインされているのか」
ということに着目しながら開発をしていきたいと思います。

 

参考資料

Material Design
Material Designのガイドラインです。デザイン上の基本的な事柄が網羅されています。
日本語版はPDFから読むことができます。

ICONS
Material Designに準拠したアイコンリソースの一覧です。
svg形式とpng形式でダウンロードができます。

Remixer
アプリ内からデザインを変更して確認できるライブラリです。
Android・iOS・Web向けのものがあります。

Android案件を見積もる場合に考えておくことリスト
アプリデザインの部分の見積もりについて、参考にさせていただきました。
当たり前といえば当たり前なのですが、Androidの見積もりをする上で、
デザインはそれなりのウェイトを占めると思います。
特に「OpenGLやCanvasを使わないと実現できない!」という状況が
見積もり後に発覚するなどは…あまり考えたくないですね。

【デザイナー向け】これからAndroidのデザインをする人へ
今回の記事を書くきっかけになった記事です。
Androidエンジニアとして開発してきた筆者のAndroidのデザインについての考えと
Androidのデザインについて基本的な事項が書かれています。

BACK

お問合せ

イーディーエーに興味をお持ちいただいて
ありがとうございます!
スマホアプリに関するご相談、
お見積りや弊社へのご質問など、
お気軽にお問い合わせください。
担当者より折り返しご連絡させていただきます。

    お名前必須
    会社名
    メールアドレス必須
    電話番号必須
    お問合わせ種別必須
    お問合わせ内容必須

    アンケートにご協力ください。
    弊社サイトへはどのようにしてアクセスされましたか?

    個人情報のお取扱いに関する同意事項

    1.事業者の氏名又は名称

    株式会社イーディーエー

    2.個人情報保護管理者の氏名又は職名、所属及び連絡先

    個人情報保護管理者 木下 晴晶
    Mail:[email protected]

    3.取得した個人情報の利用目的的

    当フォームで取得した個人情報は、お問い合わせに関する回答のために利用し、目的外利用はいたしません。

    4.弊社が取得した個人情報の第三者への委託、提供について

    弊社は、ご本人に関する情報をご本人の同意なしに第三者に委託または提供することはありません。

    5.個人情報保護のための安全管理

    弊社は、ご本人の個人情報を保護するための規程類を定め、従業者全員に周知・徹底と啓発・教育を図るとともに、その遵守状況の監査を定期的に実施いたします。
    また、ご本人の個人情報を保護するために必要な安全管理措置の維持・向上に努めてまいります。

    6.個人情報の開示・訂正・利用停止等の手続

    ご本人が、弊社が保有するご自身の個人情報の、利用目的の通知、開示、内容の訂正、追加又は削除、利用の停止、消去及び第三者への提供の停止を求める場合には、下記に連絡を頂くことで、対応致します。

    株式会社イーディーエー 個人情報お問合せ窓口
    〒106-0032 東京都港区六本木7丁目14番23 ラウンドクロス六本木4F
    TEL:03-5422-7524 FAX:03-5422-7534
    Mail:[email protected]

    7.ご提供いただく情報の任意性

    個人情報のご提供は任意ですが、同意を頂けない場合には、第3項にあります利用目的が達成できない事をご了承いただくこととなります。

    8.弊社Webサイトの運営について

    弊社サイトでは、ご本人が弊社Webサイトを再度訪問されたときなどに、より便利に閲覧して頂けるよう「クッキー(Cookie)」という技術を使用することがあります。これは、ご本人のコンピュータが弊社Webサイトのどのページに訪れたかを記録しますが、ご本人が弊社Webサイトにおいてご自身の個人情報を入力されない限りご本人ご自身を特定、識別することはできません。
    クッキーの使用を希望されない場合は、ご本人のブラウザの設定を変更することにより、クッキーの使用を拒否することができます。その場合、一部または全部のサービスがご利用できなくなることがあります。