この虹色のアイコンが何のアプリだったのか、目を疑ってしまうユーザーが続出するに違いありません。Facebook傘下の写真共有サービスは、それほど大きな変更を決断し、実行したわけです。 Instagramは5月11日、アプリ（iOS/Android）のアイコンとUIデザインをアップデートしたと発表しました。 見ての通り、旧アイコンから新アイコンに引き継がれたのは、カメラをベースとしたデザインと左上のラインの虹色、丸みを帯びたアイコンの形状。インスタントカメラを模したアイコンから、虹色のグラデーションに彩られた抽象的でシンプルなアイコンに変わり、イメージが刷新されています。 アプリのUIデザインも一新されており、写真・動画が映えやすいモノトーンで統一されています。機能面では特に変更は加えられていないようです。 そのほか、Instagramファミリーのアプリである「Layout」と「Boomer

GoogleがGoogle Play関連のアイコンを刷新します。 再設計された新しいPlayファミリーのアイコンは、一貫した外観を提供するため、Google Playアイコンの三角形の形状をベースにした統一感のある見た目に変更されます。また、従来よりもより明るくフラットなデザインが採用されています。 新アイコンは今後数週間内にデバイスおよびオンラインに反映される予定です。 Google Playは、2012年3月に前身のAndroidマーケットが名称を変更して誕生したデジタルコンテンツ配信プラットフォーム。配信されているアプリとゲームはAndroidデバイス向けに限定されていますが、映画やテレビ、電子書籍などはPCとiOSデバイス向けにも提供されています。 なお、今回のアイコンデザイン刷新とは無関係ですが、Google Play Musicでは新規ユーザー向けに3ヶ月間限定で月額料金を10

Facebookは9月30日、モバイル向けのプロフィールページを大きく変更する方針を発表しました。プロフィールページは、1日あたり閲覧数が40億回に上り、ニュースフィードと並んでFacebookの主要なインターフェースとなっています。現在、新仕様は米英の一部のiPhoneユーザー向けにテスト中で、しばらくしてから一般向けに展開していく予定とのこと。 最もインパクトがある新機能が「プロフィール動画」です。これは、プロフィールのアイコンに最大7秒間のループ動画を設定できるようになるもの。Vineのようにループするアニメーションで自己表現するユーザーが増えそうです。 一時的なプロフィール画像 プロフィール画像を一時的に変更する機能も登場します。テキストも挿入可能。休暇や何かの記念日などの期間限定でプロフィールを変更することにより、友達に視覚的に近況を報告できるようになります。先日実施された同性婚

iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた

従来より大きくなったiPhone 6とiPhone 6 Plus。片手操作が以前より難しくなったと感じるユーザーが多いようです。 そこで、右手の親指でディスプレイの左上をタップしやすいようにグリップを重視したiPhone 6ケースが話題になっています。製作したのは @Gusoh さん。3Dプリンターを使用したとのことです。 3Dプリンタで指が短い人用のiPhone6ケースつくった！ これで親指が届く！ pic.twitter.com/ibBgPnVDvK — Gusoh (@Gusoh) 2014, 9月 20 @Gusoh @sekkou_p なるほど、そこに取っ掛かりがあればいいのか… — Timberhouse (@momni_now) 2014, 9月 21 @Gusoh 　優しさが伝わってきます。もっとデザインがよければ私も欲しいです — 宇都田紫乃/しんらそれいゆ (@neva

Google Playストアのデザインが大幅に変更される日が近づいているようだ。Android Policeがスクリーンショットを掲載している。 この新デザインは、Google I/Oで発表された「マテリアル・デザイン」に基づくもの。大きなヘッダー画像を下層に敷くことで、よりグラフィカルな印象となる。今回Android Policeが掲載した画像は、既に明らかにされているPlayストアのデザイン変更案と一致している。マテリアル・デザインの特徴である意味を感じさせるアニメーションも導入されるため、雰囲気は相当変わりそうだ。 この新デザインは、アプリだけでなくウェブ版Playストアにも適用され、デバイスを超えてデザインを統一していくことになる。 ひとつ気になるのは、ファーストビューに表示されることになるヘッダー画像をアプリ開発者側が必ず用意しなければいけないのかということ。以前はヘッダー画像を

モバイルファースト室の @rejasupotaro です。 今年のGoogle I/OではAndroid One、Android L、Material Design、Android Ware、Android Auto、Android TV、Google Cloud Platform、Google Fitなどの発表がありました。弊社からは私と @sys1yagi と @__gfx__ が参加したので、何回かに分けてGoogle I/Oの発表の内容を紹介します。 今回のテーマはMaterial Designです。内容は公式ドキュメントやセッション動画の要約や参考リンクからの引用を含みますが、筆者の考察や主観も含まれます。 Material Designとは Material Designとは、Googleが発表したビジュアル、モーション、インタラクションのプラットフォームやデバイス間の包括的な

Material Design Google I/O 2014 で新しいデザインガイドラインが発表されました。 Google Design その中で注目されるキーワードが「Material Design」です。これは直訳すると「素材のデザイン」という感じになりますが、これは現実世界の素材をメタファーとすることでユーザーにとってわかりやすくなるように考えられたデザインのようです。 ということで、Material Design について簡単にまとめつつ、どうやってデザインを始めていけばいいか考えていきたいと思います。 Google Design のガイドラインを個人的に解釈した内容を掲載しています。誤解などありましたらコメント欄にて連絡ください。喜んで修正します。 イントロダクション まずはじめに Material Design の概要です。本文をそのまま引用します。 We challenge

The past, present, and future of personal expression through fonts

Android OSの象徴だったあのロゴのデザインが刷新された。すでに、Android公式サイトなどでもロゴが新しいものに変更されている。 この刷新は、GoogleがAndroidプラットフォームを事業の軸に据える方針を強化することの明白な決意表明だ。 Android WearやAndroid TV、Android Autoなど、周辺分野にAndroidを拡張していく方向性を明確に示しており、それに合わせて統一したデザインを採用、Androidの世界観を強く打ち出していく。 従来からのAndroidファンとして気がかりになりそうなのは、あのマスコットキャラクターのドロイド君（通称）の生存の有無だが、とりあえずのところ安心していいようだ。Android公式サイトや新バージョンのAndroid Lのロゴイメージにドロイド君は顔を出している。

ウェアラブル端末向けOS「Android Wear」を搭載した時計型端末「LG G Watch」のブートアニメーションとみられる動画が、YouTubeにアップロードされている。 Android Wearのブートアニメーション自体は興味深いが、注目したいのは動画の最後に表示される「android」のロゴだ。このロゴは、これまで使用されてきた以下のロゴと大きく異なっていることが分かる。 新しい（？）ロゴのフォント名は分からないが、柔らかく先進的なイメージを抱かせる。このロゴが従来のロゴと完全に置き換えられるのか、それともAndroid Wear向けのロゴなのかは不明。もしかすると、今月末開催のGoogle I/Oで何らかのアナウンスがあるかもしれない。

2014年5月23日、G+アプリに更新があるというので試してみたら既存のデザインガイドラインに無いロックな挙動をしていたので紹介します。 1か月後にはGoogle I/O 2014を控えているこの時期の更新、ということで新しいAndroidバージョンに取り込まれるのだろうなー、とか推測しながら挙動を書き留めました（私自身、すぐ慣れてしまうので忘れないように）。 先にまとめておくと次の通りです。 まとめ カードUIに最適化した一例としてG+アプリをみると良い ActionBarの機能拡張、ブランドカラーの強化 ListView(カードUI)の上部にメニューをだす形が流行りそう いままでもGoogleは自らデザインガイドラインを破ってきたし、時代に合わせて新しいガイドラインに更新している 今回に限らず、Google製アプリでは、アプリごと思想が微妙に違ってるケースがあります。Google+とG

Googleは20日、Google+の大幅アップデートを実施した。このアップデートによって、ここしばらく噂されてきたGoogleの各サービスにおけるデザイン刷新が現実のものとなることは、ほぼ確実となった。 アップデートの内容は、大きく分けて2点。AndroidアプリのUI変更や機能面でのアップデートと、動画・写真の自動合成機能「おまかせビジュアル」のアップデートだ。 Androidアプリのアップデート 今回のアップデートで、アプリのUIが大胆に変更された。 Googleサービスのデザイン刷新は確実か 最近、各種Google製アプリのデザイン変更に関するリークが相次いでいたが、今回のGoogle+のアップデートはそれを裏付けるものとなっている。そのため、Google+だけでなく、GmailやGoogleカレンダーなどのUI・デザインを刷新することは、ほぼ間違いないと見てよいだろう。 Goog

Googleの公式ツイッターアカウント @googlenexus が、ユーザとのやりとりの中で未発表の新しいAndroid標準電話アプリのスクリーンショットをツイートしている。 左の画像がツイートしてしまった通話履歴画面で、右が現在の通話履歴画面（Android 4.4）。ヘッダーの背景色が従来のグレーから鮮やかなブルーに変更されている。その他の目立った違いはなさそうだ。 このようなヘッダーのデザイン変更は既にメモアプリのGoogle Keepで実施済み。また、4月に入ってから相次いでいるGoogle製アプリの新デザインリーク画像ともヘッダーデザインが共通している。 アプリオは昨日、Googleアプリのデザイン刷新の可能性について紹介したばかり。公式アカウントからの流出ということもあり、どうやらデザイン変更は"可能性"に留まらず"現実"のものとなりそうだ。 Google、アプリのデザインを

6月25日および26日にGoogleの開発者会議「Google I/O 2014」が開催されるまで、残すところ2ヶ月あまり。 ここに来て、Google製アプリのデザイン変更を匂わせるリークが相次いでいる。 デザイン一新に関する7つの兆候について簡単にまとめた。 （追記：2014年4月22日 09:29） Google Keepのアップデートについて触れていなかったため、兆候のひとつとして追加した。兆候は計8つになった。 （追記：2014年4月22日 09:29） Googleの公式Twitterアカウントが、新デザインを流出させた。 Google、未発表の新デザイン電話アプリを撮影したスクリーンショットをうっかり公開 0. Google Keep 4月初め、メモアプリGoogle Keepがアップデートされヘッダーが鮮やかな黄色に変更された。以下で紹介するリーク画像と共通している。 1.

Twitterは、Web版のプロフィール画面の機能やデザインを大幅に変更することを正式に発表した。本日より一部のユーザ向けに適用され、数週間内に全ユーザへ順次ロールアウトされる。 現在、米オバマ大統領婦人であるMichelle Obama（@FLOTUS）らのプロフィール画面で変更点をチェックすることができる。 先日の写真複数アップロードとタグ付け機能の追加などに続き、ヘッダー画像の巨大化などでデザイン面でもFacebook化が進んだ印象だ。 機能面での変更点 （１）ツイートのフィルター機能 （２）ツイートのピン止め機能 （３）ベストツイート機能 （１）ツイートのフィルター機能 ツイートは、メンション（返信）を省略した「ツイート」と、省略しない「ツイートと返信」、画像と動画のみを閲覧できる「画像/動画」の3パターンによってフィルターできるようになった。 ただ、筆者が確認した限りでは、「ツイ

Here we are, once again, with our now-famous selection of the top 100 free fonts for 2014. This year we have only selected fonts published or updated in late 2013 and 2014, giving you one of the most up-to-date lists around. The majority are completely free with licenses for commercial use; the odd few available for personal use only have extended license options at a very reasonable price. The fr

Googleは、検索結果ページのデザインを変更したことを発表した。先日からデザイン変更をテストしており、それが正式にロールアウトされた格好だ。 主な変更点は次のとおり。 リンクの下線の消滅 文字サイズが大きくなり（16px→18px）、リンクの文字数が減少（最大全角28文字～30文字程度） 広告の表示方法の変更（背景色がなくなり、黄色のラベルが表示） 行の高さを均一化 ユーザ目線からすると、もっとも影響が大きいのはリンクの下線が消滅したことだろう。従来、ハイパーリンクには下線を引くことが半ば常識的だったからだ。 デザイン変更の理由 なぜ、Googleは創業以来変えることがなかった「リンクに下線を引く」というデザインを変更したのだろうか。 Google社員のJon Wileyによれば、「モバイルファースト」の思想に基づくようだ。モバイルファーストとは、大雑把に説明すれば、多様な画面サイズを有

Apple、iOS 7.1をリリース──CarPlayと男性版Siriを実装、デザインの改善、クラッシュバグの修正など Appleは10日、iOS 7.1をリリースした。iOS 7で最初のメジャーアップデートとなる。 新たに追加、改善されたのは以下のとおり。 車載iOSシステムCarPlayの実装 Siriに男性音声が追加 Siriの聞き取り範囲をマニュアル化可能に（ホームボタンを押している間） 中国語（北京語）、イギリス英語、オーストラリア英語、日本語のトーンがより自然に カメラの自動HDR機能設定（iPhone 5sのみ） デザイン変更（キーボード、電話の発着信、ロックスクリーン、電源オフなどでより丸みのあるUIに） カレンダーの月表示でイベントを表示可能に カレンダーでより多くの国で祝休日が自動的に追加（日本も対応） アクセシビリティの改善（文字を太くするオプション・視差効果を減らす