CSS 3D Not Detected :( I couldn't detect your browser's CSS 3D capabilities. If I'm wrong, please file an issue, otherwise, try a sexier browser
創業当時、セルゲイ・ブリン自らGimpを使ってデザインしたというGoogle(グーグル)ロゴ。当時と比べれば、現在グーグルの多彩なサービスロゴには、ずっと洗練された印象を感じます。そのデザインのポリシーを米メディア・Co.EXISTが紹介していました。その記事を翻訳して掲載します。(Top Image via Google Visual Assets Guidelines - Part 2) 検索サービスからはじまり、メール、マップ、ドキュメントツール、SNSなど、グーグルの製品・サービスは、いまや数多くのユーザにとって欠かせない存在となっています。ただ、機能面での充実ぶりに比べ、ビジュアル面での洗練さや統一感はいまひとつ...というのが、従来のグーグルでした。 そこで、このようなビジュアル面での課題を克服すべく、2011年4月、最高経営責任者(CEO)ラリー・ペイジ(Larry Page
Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
ウェブサイト上の広告にユーザが目をやることはほとんどない。ユーザの視線を惹きつけ得る4つのデザイン要素のうち、1つは倫理的に許されるものではなく、広告ネットワークの価値を貶めるものである。 Banner Blindness: Old and New Findings by Jakob Nielsen on August 20, 2007 アイトラッキング調査で分かったことの中に一つ、あまり取り上げたくないものがある。非倫理的なデザインが功を奏するという結果が出てしまったからだ。 1997年にも、似たような知見の公言を控えたことがあった。OK ボタンとキャンセル ボタンをそれっぽく並べたダイアログボックス風のバナー広告はユーザにクリックしてもらいやすい、という事実である。“インターネット接続に失敗しました。”のようなシステムからのメッセージが表示されるわけではなく、そのバナーにはダイアログボ
A tutorial on how to create some subtle and modern caption hover effects. Today we want to show you how to create some simple, yet stylish hover effects for image captions. The idea is to have a grid of figures and apply a hover effect to the items which will reveal a caption with the title, author and a link button. For some of the effects we will use 3D transforms. The aim is to keep the effects
WWDC 2013でOS X MavericksやMacBook Airらと一緒に、iOS 7が発表された。フラットデザインになるとかねてから噂されていたし、直前には9to5MacがリークされたiOS 7を元につくったというモックアップを掲載していた。そのデザインは悪い冗談にしか思えなかったが、翌朝WWDCで発表されたiOS 7はその悪い冗談そのものだった。 iOS 7のデザイン変更のきっかけのひとつは、過剰なSkeuomorphicデザインへの批判だと思うけど、おれはiOS 6以前のSkeuomorphicあるいは過剰な装飾が嫌いじゃない。批判されることの多かったNewsstandの木の本棚やGame Centerの緑のフェルトなんかは正直言って結構気に入っていた。無意味な遊び心だけじゃなくそれが何を表してるか明確だし、特に誤解を招く表現でもなかった。それにiOSはシングルタスクでひと
Privacy Cookies Legal Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation. Portions of this content are ©1998–2019 by individual mozilla.org contributors. Content available under a Creative Commons license. Please refer to our trademark policy regarding usage of Mozilla wordmarks and logos.
Some creative and modern button styles and effects for your inspiration. Today we would like to give you some button inspiration. This button set consists of some simple, creative and subtle styles and effects to inspire you. The effects can be seen when hovering on some buttons and clicking on others. Mostly, CSS transitions are used but also CSS animations and for some buttons we use a bit of Ja
Note that on mobile devices the effects might not all work as intended. Button Button Button Button Button Button Button Button Button Button Button Button Button Button Yes No Add to cart Bookmark Favorite Settings Send data Continue Return Continue Return Add to cart Delete Settings Add to cart Delete Settings Button Button Button Button Button Button Button Button Button Button Button Button Cl
優れたデザインが生まれる原点 Microsoft の設計原則に従うと、ユーザーを喜ばせるすばらしいストア アプリを作ることができると考えています。アプリの計画を立てるときはこの原則を参考にし、設計と開発で何かの選択をするときにはこの原則に従ってください。 モダン デザインについて Microsoft は長らく、多くの分野と製品でテクノロジ リーダーでした。最近になって、よりデザインを中心とする変更に着手しました。こうした変更は、強力な基盤、周囲を巻き込むようなワクワクするアイディア、優れた手法を特徴としていて、その他の手法を古臭く感じさせることになります。この変更の考え方が、Microsoft の設計原則になりました。 Microsoft の設計哲学は、すばやく動作し、最小限の入力で済み、新しい情報や更新された情報を自動的に通知する、明瞭で簡潔なアプリ画面で裏付けられています。ユーザーは、
アップルは6月10日、開発者向けカンファレンス“WWDC 2013”の基調講演において、iOSの最新版となる『iOS7』を発表しました。このiOS7では、一見するとWindows PhoneやWindows8のMetroやModern UIと似た、"フラットデザイン"を採用したことが話題となっています。 果たしてこのデザインは、MetroやModern UIを“参考にした”ものなのでしょうか? 今回は、UIデザインにおいて平面的なデザインがもたらす意味について、考察してみたいと思います。 ■フラットデザインの基本的な問題点とは これまでアップルのUIデザインは、"Skeuomorphism"デザインと呼ばれる、ディスプレー上にリアルな物体を再現するデザイン手法が主流となっていました。たとえばアイコンには写実的な表現を多用し、ボタンやスライダーといった個々のUI要素も立体的にデザインされてい
Less than one year after its iOS launch, French startup ten ten has gone viral with a walkie talkie app that allows teens to send voice messages to their close… While all of Wesley Chan’s success has been well-documented over the years, his personal journey…not so much. Chan spoke to TechCrunch about the ways his life impacts how he invests in startups.
Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
A UI concept which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing. For a real-world example, check out any of the forms on slides.com. expand-left Submit expand-right Submit expand-up Submit expand-down Submit contract Submit co
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く