Googleが提供するサービスのアイコンのデザインがアップデートされ、並べてみるとこんな感じになりました。
グーグルの旧ロゴは14,000バイトもあったのに、新ロゴはたった305バイトなのはどうして?2015.09.07 17:3020,569 SHIORI そんなに違うの? グーグルの新ロゴが発表され、旧ロゴのファイルの大きさは14,000バイトだったのに対し、新ロゴはたった305バイトになったそうです。どうしてそこまで変わるのか? UIデザイナーのIlya YakubovichさんがQ&AサイトQuoraでわかりやすく解説してくれています。 グーグルの古いロゴにはローマン体のフォントが採用されていて、セリフと呼ばれる飾り(線の端にちょこんと付いてるやつ)あるため、ベジエ曲線を使わないと作れないデザインでした。その結果、ロゴ全体でのアンカーポイントは100箇所。ファイルの大きさは6KB(6,380バイト)になり、圧縮しても2KB(2,145バイト)といったところです。 一方シンプルになった新し
モバイルファースト室の @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が発表したビジュアル、モーション、インタラクションのプラットフォームやデバイス間の包括的な
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.
Googleは、検索結果ページのデザインを変更したことを発表した。先日からデザイン変更をテストしており、それが正式にロールアウトされた格好だ。 主な変更点は次のとおり。 リンクの下線の消滅 文字サイズが大きくなり(16px→18px)、リンクの文字数が減少(最大全角28文字~30文字程度) 広告の表示方法の変更(背景色がなくなり、黄色のラベルが表示) 行の高さを均一化 ユーザ目線からすると、もっとも影響が大きいのはリンクの下線が消滅したことだろう。従来、ハイパーリンクには下線を引くことが半ば常識的だったからだ。 デザイン変更の理由 なぜ、Googleは創業以来変えることがなかった「リンクに下線を引く」というデザインを変更したのだろうか。 Google社員のJon Wileyによれば、「モバイルファースト」の思想に基づくようだ。モバイルファーストとは、大雑把に説明すれば、多様な画面サイズを有
※この記事は2014年1月6日に執筆された記事です。現在は内容が異なる可能性があります。 あけましておめでとうございます!定番フォントを愛してやまない、デザイナーのタカハマです。今月からTypeSquareの「MORISAWA PASSPORTプラン」が始まるようで、国内サイトでもWebfontの使用が一気に増えそうですね! そこで今回は、WebNAUTでも使用しているWebfontサービス「Google fonts」から、定番フォントの代わりに使えそうな書体をリストアップしました。 定番フォントをカタチ別にピックアップ 今回は定番フォントの偏りを防ぐために、誠文堂新光社「ABCのみほん〜かたちで見分けるフォントガイド〜」を参考に次のようなカテゴリで分類させて頂きました。 Historical Script 歴史的書体 Serif セリフ書体 Hybrid ハイブリッド書体 Sans Se
ChromeやGmailのアイコンはシンプルであり、一度使うと見るだけでそのアイコンが何を示すのかわかりやすくデザインされているのが特徴的です。そんな企業秘密とも言えそうなGoogleのアイコンやロゴのデザインガイドラインをGoogleのグラフィックデザイナーであるロジャー・オドン氏がBehanceで公開しています。 Google Visual Assets Guidelines - Part 1 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077 Google Visual Assets Guidelines - Part 2 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidel
Behanceに「Google Visual Assets Guidelines」の紹介がありました。 これは、Googleのプロダクト・アイコンや、サービス・ロゴ、UIパーツについて、形状や色のガイドラインを定めたものです。 アイコンのデザイン原理 丸や単純な矩形の組み合わせできています。 アイコンやピクトグラムをデザインする際はレゴで遊んでいたときのことを思い出すとよいです。 パーツの組み合わせのおかげで、アイコン間の統一感も生まれます。 image by Behance image by Behance image by Behance ほかにも3つルールをピックアップ。 3D禁止 image by Behance 影のルール 真っすぐか45度、ソリッドに。 image by Behance 色のコンビネーション・ルール image by Behance こうした資料は、アイコンやロ
おともだちのWebデザイナーの灰色ハイジちゃん @haiji505 に 『Googleネイル』をやってもらいました。 ハイジちゃん。 @haiji505 「昔からやってみたいとは思っていたんだけど、Webネイルははじめて」とのこと。 『Googleネイル』をやってみたい! 『+1』ボタンとか Nexusのアイコンとか ドロイドくんネイルにしたいな♡と、わくわくしながら教えてくれました。 『ドロイドくんネイル』 この単語だけでもうかわいいですね。わくわくっ。 Googleネイル! それではさっそくハイジちゃんの『Googleネイル』をご紹介します。 ドン! ドロイドくんネイル! いましたいました! 親指にAndroidのマスコットのあの「ドロイドくん」が。 photo by haiji505 on Instagram ドロイドくんがふたり。 photo by haiji505 on Ins
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く