Google IO 2018のMaterial Designアップデートまとめ｜池内健一
Google I/O2018でMaterial Designが大きくアップデートされました。Material Designのサイトの更新量が大きすぎて全量を把握するのも大変ですが、要点だけまとめました。 目次 ・Material Themingで多様なスタイルが可能に ・コンポーネントの更新 - App Bars：Bottom - Backdrop - Extended FAB - Sheets : Side - Text Fields - ButtonsMaterial Themingで多様なスタイルが可能に今回のアップデートで一番インパクトがあったのがMaterial Themingでした。これまでMaterial Designではどのアプリも画一的なスタイルに制限されていましたが、Material Themingによって多様なスタイルが可能になりました。これにより、ブランドイメージに
Bootstrapよりキレイ！Googleのマテリアルデザインキット - ku-sukeのブログ
Bootstrapの見慣れた感というか、モック感から脱却しようとFoundationとかに手を出しかけてたのですが、Googleがだしてきたマテリアルデザインキットがすごく良かったので紹介します。 たとえば管理画面風のデザインはこれ ほかにもBootstrap風の上部メニューのデザイン（Android）もあったり コンポーネントと呼ばれる部品も充実しています。これ見るだけで色々できそうな気がしますね！ Blog風など幾つか提供されています。いまとあるサイドプロジェクトで簡易的な管理画面をつくろうとしてたのですが、早速活用していい感じに仕上げることが出来ました。 ダウンロードすると全テンプレートが含まれているので、コピペで組み合わせるだけでも結構いい感じに出来ます。Bootstrapに飽きてきたら、ぜひ使ってみてください。 www.getmdl.io
GoogleのアイコンなどのデザインガイドラインをGoogleのデザイナーが公開中
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
Android 4.0 Ice Cream Sandwichのフォントは、なんだか変な味がする。
Google / Samsung introduce Android 4.0 Ice Cream Sandwich 先日発表されたAndoroid 4.0 Ice Cream Sandwithの新しいフォント「Roboto」について。 今回のバージョンアップではフォントに力を入れて来ているそうで、発表時にも大きく扱われていました。 GoogleでAndroidのデザインを担当するMatias Duarte氏によると、新しいフォントRobotoは「わかりやすくて親しみやすく、Androidを魅力的にし、もう少し人間らしくするものでなければならなかった」ということを出発点に作られたそうです。 インターフェイスの根幹を成すフォントに、これまでにない力の入れようを感じるわけですが、よくよく見てみると、ところどころ違和感をデザインになっていて、それが独特の変な味を醸し出している印象を受けました。 そ
シンプルさと一貫性。
Google+にはじまり、じわじわとサービスのデザインを向上させているGoogle。 先日Gmailやリーダーもデザイン変更になり、シンプルでとても使いやすくなった感じがします。 Googleの公式ブログによると、今回のデザインは「Google のサービスをよりシンプルで一貫性のあるものに変更しています。」とアナウンスしており、言葉通りにシンプルさによって見やすくて使いやすいデザインが実現されていると感じます。 では、具体的にどういったところが「シンプルで一貫性のあるもの」なのか、デザインが変更された主要なAppsである、Gmail、カレンダー、ドキュメント、リーダーのデザインを分解し、それらをまとめてみることでシンプルで使いやすいインターフェイスの理由に迫ってみたいと思います。 1.構造の一貫性 アプリケーションの構造が、メニューバーは上部、情報のカテゴリはサイドバーに、メインの情報は右
Gmail
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Messages for Japan に見る Google UI デザインの変化 - てっく煮ブログ
GoogleMapsAPIちょっと前になるが、Google が Messages for Japan - Home というサイトを公開した。世界中の人が日本への応援メッセージを投稿する Web サービスだ。 Messages for Japanメッセージは全て、日本語に自動翻訳されており、世界中からのメッセージに勇気付けられる。HTML5 バリバリではない一見 Flash を使ってるかのように見えるぐらいに派手な見た目なんだけど、Google の HTML5 押しの流れの延長で、JavaScript で組んである。Flash は一切使われていない。iPhone でも閲覧できるようなので、Flash は最初から選択肢に入らない。かといって HTML5 バリバリかと思いきや、実はそれほどでもない。たとえば、トップページの hover すると大きくなるアイコン。いかにも canvas を使ってそ
Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える
2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基本の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください！ ↑私が10年以上利用している会計ソフト！ 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLとCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa
Google の検索結果ページをリニューアル
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
グーグル、検索結果ページを刷新
Googleの検索結果ページが米国時間5月5日から大きく刷新される。世界最大のインターネット検索企業である同社は今回、ここ数年で最大の変更を実施する。 Googleが数年間テストしてきた新しいデザインを正式に導入することに伴い、Googleの検索結果ページは、かなりカラフルなものになる。Googleはこの数カ月間、ユーザーとともに積極的にこのデザインをテストしていたため、今回の変更はそれほど大きな驚きではない。GoogleのシニアユーザーエクスペリエンスデザイナーであるJohn Wiley氏によると、さらにそのずっと以前から今回の変更をテストしてきたという。 今回の新しいデザインでは、以前は検索結果ページの左側ペインに隠れていた検索オプションのメニューが強調されている。2009年5月に最初に公開されたときには、ページの上部にある「show option」（検索ツールを表示）リンクをクリック
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
iGoogle の公式テーマ集のテーマが合計 280 を超えていたので、まとめてみました - WebOS Goodies
さまざまなガジェットを並べて自分だけのホームページが作れる便利なサービス iGoogle ですが、その魅力のひとつにテーマの切り替え機能があります。ユーザーが作成した多数のテーマがディレクトリに登録されており、それらを簡単に自分の iGoogle に適用できるという、とても楽しい機能です。 それらのユーザー作成のテーマも非常に魅力的なのですが、実は Google 自身がさまざまな団体・個人と提携して作成したテーマ集もしばしば公開されています。とくに今年に入ってからは公開ペースが上がっており、数えてみると合計 280 テーマを超えるまでになっていました。これらは商業用の素材を使っているのでさすがに高品質で、題材も自然、コミック、ゲームなどとバラエティーに富んでいます。 ということで、本日はそれらの公式テーマ集をまとめてご紹介したいと思います。今のテーマはそろそろ飽きてきたな、というときにご活
Home
The constant hunt for more efficient and useful ways to use these 3d printers keeps turning up interesting results...
Googleが目指す最高の検索UI
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
ホームページのデザインについて
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
Google Japan の新しいホームページ Version 2
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Design
Gmail ヘルプ
関心空間 - Google日替わりロゴ (まとめ)
長文日記