米GoogleのWebブラウザ「Google Chrome」のアイコンが、突如ゆるキャラやマスコットとして人気になり出した。Xでは「Chromeくん」などとして、手足の生えたアイコンのファンアートなどが相次いで投稿されている。きっかけはGoogle日本公式Xアカウントが6月5日に投稿したとある図版だ。 公式アカウントが投稿したのは「実はChromeのアイコンにはグラデーションがかかっている」ことを示す画像。青・白の丸を赤・黄・緑のパーツが囲むおなじみのマークだが、実は赤・黄・緑の部分は単色でなく、微妙にグラデーションがかかっていることを紹介するものだ。 これだけでもちょっとした豆知識だが、Xユーザーには違った受け止められ方をした。この図版がまるでキャラクターのように見えるという意見が相次ぎ、ファンアートが作られ始めたのだ。 というのも、図版はアイコンに引出線（説明する箇所を強調する線）をつ
Googleマップのデザインが11月中旬頃に変わりました。主に地図全体の配色が変更され、一目で「変わったな」と分かる大きなアップデートです。従来の配色とかなり異なるため、一部では賛否両論のようですが、アクセシビリティーの観点でメリットを指摘する声もあるようです。 Googleの元デザイナー「人間的ではない」 実は9月頃から、一部ユーザーを対象にGoogleマップの新しいデザインがテストされてきました。11月中旬のタイミングで多くのユーザーに反映されたようで、今注目が集まっているということです。 海や緑地の色が淡い色合いになったり、道路上の横断歩道が表示されるようになったりと、見慣れたGoogleマップの見た目が変わって新鮮に感じる一方で、一般道と高速道路が同じ灰色基調で表示されるなど、見づらくなったと言う人もSNSで見かけます。 米Googleの元デザイナーで、Googleマップのデザイン
この記事はPySpa Advent Calendar 2021の14日目のエントリーとして書かれました。昨日のエントリーは冷凍食品でウキウキ引きこもり生活 でした。ちなみに私も70ℓの冷凍庫を購入しましたが本当にライフチェンジングでした。 総論: なぜログが必要か 可観測性 たとえ目的は自明でも、その動作までが自明なアプリケーションというものはほぼ存在しません。現実の世界のアプリケーションというものは、動作パラメータだったり実行環境だったり、起動時点でのさまざまな要因によって挙動を変えるものだからです。そして、そうしたアプリケーションにはライフサイクルというものがあります。ここでいうライフサイクルは、アプリケーションの処理が実行されるにつれ、アプリケーションの内外との情報のやりとりで生じる大局的な状態の変化のことです。アプリケーションが並行処理を行うようなものであれば、個々の並行処理の単位
最近のスタートアップにおけるロゴトレンドでは、そのスタイルに多くの類似性があることがわかった。その中でも、特にスマホ向けのアプリの影響でアイコンの存在がそのブランドを強く印象づける役割を果たしている。 【トレンド分析】最近のロゴデザインが似通ってきている問題 – 第2弾 多くのアイコンがどんどんカラフルに 限られたスペースに複数のアイコンが並ぶスマホのホーム画面で存在感を出すためなのか、最近のアイコンはどんどんカラフルになってきている。これは、画面の解像度が上がってきている恩恵でもあるが、どんどん没個性にもつながっている。 カラフルアイコンの代表的なのがインスタグラム。インスタは2016年にそれまでのカメラ風のアイコンから、思い切ってカラフルなグラデーションを取り入れたアイコンにリデザインを行った。 Googleサービスの見分けをつけるのが難易度高め カラフルなカラースキームの代表といえば
春の入門祭りの8日目です。 文字列の新旧の違いを表現する時によくdiffをとるとか言いますよね。そこで実行されるのが差分アルゴリズムです。差分のアルゴリズムって結構知れば知るほど難しいやつです。「より良い差分」という基準が、状況によって変わるからです。ヒューリスティックなやつです。例えば、HTMLの説明の文章を書いていたとします。タイトルをテーブルに書き換えてみたとします。 どちらも間違ってはおらず、この差分を元にパッチを当てたりも可能です。ただ、読んだ時の読みやすさが違います。 これはもちろん前者と答える人の方が多いでしょう。だって、タグという意味の塊が維持されていますからね。 これは究極的にはわかりやすいdiffというのは「意味」を理解しないと作れないということを意味します。これがdiffは簡単なようで難しいと書いた理由です。もちろん、ほどほどの工数で、ほどほどの見た目のdiffも作成
これは何かGoogleの Material Design Guideline - Data Visualization がとても良くまとまっていたので、自分なりに和訳・編集してまとめたものです。 ※ 注意事項 こちらはあくまで、もとのドキュメントを参考に筆者が和訳・編集したものになります。原文の完全な和訳ではなく、抜粋の範囲や、英=>和の際の意訳を筆者が恣意的に行っています。 筆者の意訳・編集による曲解や元のドキュメントでのオリジナルの文意が気になる方は原文を読むことを強くおすすめします。 和訳の公開の可否についてはGoogle社に直接問い合わせています。1 / 原理原則（Principles） データの可視化は、複雑で内容の多い情報をグラフィカルな形式で表現するコミュニケーション手段である。 可視化の結果、データを比較しストーリーを伝えることが容易になり、データの利用者の意思決定の助け
Google says it's fixed the Gmail issue that led to flooded inboxes and increased spam warningsGmail users on Saturday reported problems with their automatic filters that typically separate promotional emails from the main inbox. Report reveals that OpenAI's GPT-5.2 model cites GrokipediaA report from the Guardian showed GPT-5.2 citing Grokipedia for very specific and controversial topics. US Congr
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 7 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Youtubeでエルサゲートなる動画が問題になっているとのニュースを見て、Youtubeの幼児向けコンテンツは興味深いことが多いなぁと感心を持っている昨今です。ちなみに関連のニュースやコラムを読むと、今何が起きているのかわかりやすいと思います。 アニメに見せかけ暴力動画…「エルサゲート」が問題に カラフル子供用動画がとんでもないことになっていた2017 ちなみに僕はエンジニアでも広告の専門家でもマネタイズに詳しいわけでもないただの二児の叔父なので、この記事は一叔父の所感です。 幼児向けコンテンツが儲かる理由なぜ幼児向けコンテンツのマネタイズの効率は良いのか？ 赤ちゃんは時をおかず次々とサムネをタップし類似動画を延々と再生していくから。これに尽きると思います。 僕は2児(0-2歳児)の叔父さんでたまに母親の代わりに面倒を見るときがあるんですね。で、驚くべきこと彼らはなんと、iPadでYouT
ボタンはごく普通の、インタラクションデザインの日常的な要素です。ボタンはとてもシンプルなUI要素に見えますが、過去数十年間でそのデザインはかなり変わってきました。しかし今でもボタンのUXデザインは認識しやすさと明確さについて言及されています。 この記事ではボタンデザインの発展を辿りながら、有効なボタンを作るために何が最も重要で最適なのかを見つけて行きたいと思います。 スタイルの発展 3Dボタン 初期からオペレーティング用のボタンは、周りのコンテキストと区別するために、浮き彫りと影に依存していました。この設計の解決策は枠、グラデーション、ドロップシャドウを使用して、要素を背景やコンテンツから目立たせ、クリック可能な要素だと簡単に認識できるようにするといった単純な原則に基づいていました。 ボタンが浮かび上がっているように見えます。 このWindows95のダイアログボックスは、濃い影とハイライ
Cash App now supports accounts for kids 6-12Cash App will let kids between the ages of 6 and 12 use its debit cards through new accounts managed by a parent or legal guardian. YouTube is muting push notifications from channels you don't watchIn order to help eliminate unwanted notifications, YouTube will now mute alerts on mobile from channels that you haven't engaged with for a month.
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 7 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
https://medium.com/@romannurik/material-design-in-the-2014-google-i-o-app-e3b22caffae6 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約3時間前 GoogleのRoman Nurikが、試行錯誤しながら、マテリアルデザインの仕様を固めてきた経緯を紹介しています。 ちなみに、Google I/O 2014のカンファレンス用アプリは、オープンソースで提供されています。 Surfaces and shadows レイアウトガイドにまとめているように、surfaceとshadowをどのタイミングでどのように使うかというのが、マテリアルデザインにおける重要なポイントの一つ。 最初のバージョンは、app barの下側のshadowにより、
さっそく自分のアプリにMaterial Designを適用しようとしてAndroid Lでしかテーマが使えないとか、サポートライブラリがうまく動かないとかで挫折したみなさんこんにちは。 自前でゴリゴリテーマを書いたり、サポートライブラリのバージョン指定を + にしてたらいつの間にかバージョン上がってて破滅した、なんてこともありそうですし、僕はまだ様子見てます。 ただし、Material Design自体がAndroid専用のものではなく汎用的なデザインガイドラインなので、新しいSDKやライブラリを使わなくてもガイドラインに従うことでそれっぽく見せることができます。 Introduction - Material Design - Google design guidelines にはアニメーションやエフェクト以外にも、タイポグラフィの扱い方、余白の取り方、Dividerの使い方などがありま
2014年5月23日、G+アプリに更新があるというので試してみたら既存のデザインガイドラインに無いロックな挙動をしていたので紹介します。 1か月後にはGoogle I/O 2014を控えているこの時期の更新、ということで新しいAndroidバージョンに取り込まれるのだろうなー、とか推測しながら挙動を書き留めました（私自身、すぐ慣れてしまうので忘れないように）。 先にまとめておくと次の通りです。 まとめ カードUIに最適化した一例としてG+アプリをみると良い ActionBarの機能拡張、ブランドカラーの強化 ListView(カードUI)の上部にメニューをだす形が流行りそう いままでもGoogleは自らデザインガイドラインを破ってきたし、時代に合わせて新しいガイドラインに更新している 今回に限らず、Google製アプリでは、アプリごと思想が微妙に違ってるケースがあります。Google+とG
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
