タグ マテリアルデザイン
人気順 5 users 10 users 50 users 500 users 1000 users【要注意】Chromeが"www"サブドメインを自動的に隠すようになった模様 | ソフトアンテナブログ
Googleは先日Chromeの最新版である「Chrome 69」をリリースしました。Chrome 69には、マテリアルデザインの導入や新しいパスワードパネージャーの追加など、Chrome 10周年を記念するのにふさわしいさまざまな新機能が追加されていますが、中には気をつけないと行けない変更も含まれているようです。 例えば今回Chromium... 続きを読む
マテリアルデザインでやってはいけない72のこと(間違いチェックリスト)
マテリアルデザインでは、Googleにより 作り方のガイドライン がしっかりと決められています。しかし、ルールがかなり多いため、どうしても間違った表現をしてしまいがちです。今回はマテリアルデザインでやってしまいがちな間違いを72個、淡々と紹介していきます。 WEB制作、アプリ制作時のチェックリストとしてご活用ください。 この記事の目次 重要なルール カード ボタン フローティング操作ボタン 色の使... 続きを読む
0から分かるマテリアルデザインの作り方:基本概念とガイドライン
これからのデザイントレンドといえば「マテリアルデザイン」でしょう。これはGoogleが2014年〜提唱している考え方です。この記事では、マテリアルデザインの基本と作り方を総まとめしていきます。 この記事の目次 マテリアルデザインとは? 作り方とルール 押さえておきたいコンポーネント マテリアルデザインをもっと学ぼう 1. マテリアルデザインとは? マテリアルデザインにはいくつかの特徴があります。ま... 続きを読む
流行りのGoogleマテリアルデザインがすごい件 - LITERALLY
2017 - 04 - 01 流行りのGoogleマテリアルデザインがすごい件 今更だけど「マテリアルデザイン」がスゴイ。デザイナーだけでなくノンデザイナーもその考え方を知っておく価値があると思う。 マテリアルデザインは2014年〜Googleが提唱している考え方だ。主にアプリやWebサイトに採用される。Googleのサービスにはだいたいマテリアルデザインが採用されている。はじめの一步としては「マ... 続きを読む
デザインのアイデアが豊富!最近のWebデザインで採用されているレイアウトやUI要素が揃った素材のまとめ | コリス
最近のWebデザインは、フラットデザインやマテリアルデザインが少しずつ進化し、コンテンツにフォーカスされたシンプルなデザインが定着してきました。写真は大きく、テキストは読みやすく、空白スペースは大胆に配置されています。 レイアウトは縦長型や分割型、カード型の人気が高く、デスクトップでもスマホでもスクロールを前提にしたデザインをよく見かけます。 最近のWebデザインで使われているさまざまなテクニック... 続きを読む
はてなブックマークiOSアプリはマテリアルデザインの悪い見本 - UXエンジニアになりたい人のブログ
2017 - 03 - 05 はてなブックマークiOSアプリはマテリアルデザインの悪い見本 デザイン/UX 主張/考え Tweet はてなブックマークのiOSアプリを真面目に使ってみたらひどい出来だったので書きます。 基本構造 まずはアプリの基本構造をおさらいします。このアプリは大きな画面構成として メイン(様々なエントリー一覧) フィード マイページ の3つからなっています。 それぞれの画面と親... 続きを読む
ブラウザーメーカーのOperaが中国のテク企業コンソーシアムに$1.2Bで身売りか…すでに買収オファーを受領 | TechCrunch Japan
Android用1Passwordに指紋によるアンロック機能が実装、ルック&フィールはマテリアルデザインに 【抄訳】 ブラウザーのメーカーOperaの未来に関して いろんな憶測が 飛び交っているが、それもついにやっと落着するようだ。今日(米国時間2/9)、このノルウェーに本社のある企業は、中国の消費者テク企業Kunlun TechとQihoo 360が率いるグループから12億ドルの買収オファーを受... 続きを読む
【CSS】Googleが公開したUI/UXライブラリ「Material Design Lite」を試してみた | unitopi - ユニトピ -
Androidをはじめ、Googleサービスで導入されているMaterial Design(マテリアルデザイン)のUI/UXを簡単に使うことができるライブラリが公開されました。 配布元はGoogleで、Material DesignAndroidをはじめ、Googleサービスで導入されているMaterial Design(マテリアルデザイン)のUI/UXを簡単に使うことができるライブラリが公開され... 続きを読む
マテリアルデザインを手軽に!CSS/HTML/JSコンポーネント「Material Design Lite」の使い方まとめ - PhotoshopVIP
数日前にGoogleは、マテリアルデザインの考えを取り入れた公式フレームワークフレームワーク「Material Design Lite」を公開しました。マテリアルデザインの見た目や操作性に重点をおいた、CSS,HTML、JavaScriptコンポーネントで、より手軽にウェブサイトやブログ、ランディングページなどを作成することができます。 今回は、Material Design Liteの基本的な使... 続きを読む
Google、マテリアルデザインWebサイト作成キットを無償公開 - ITmedia Mobile
Googleが、Android OSのデザインコンセプトである「マテリアルデザイン」のルック&フィールを反映したWebサイトを構築するツールキット「Material Design Lite」をリリースした。 米Googleは7月6日(現地時間)、マテリアルデザイン仕様のWebサイトを構築するためのツールキット「Material Design Lite」を公開したと発表した。 基本的なCSS、HTM... 続きを読む
Googleのマテリアルデザインを使ったウェブサイトが作れる公式CSS/JS/HTMLコンポーネント「Material Design Lite」 - GIGAZINE
Googleがモバイル向けOSの「Android 5.0 Lollipop」で採用し、同社の他の製品やサービスでも導入されている「Material Design(マテリアルデザイン)」は、見た目だけではなく使い勝手までも意識してデザインされたUXです。そのマテリアルデザインを使ったウェブサイトを作れるCSS/Javascript/HTMLコンポーネント「Material Design Lite」を... 続きを読む
マテリアルデザイン(Material Design)のcssやフレームワーク - webhack / ウェブ技術が好き
2015-06-28 マテリアルデザイン(Material Design)のcssやフレームワーク ぼくはbootstrap + Paperを使う事がおおいのですが他にも良さげなcss/フレームワークがありますのでこの記事にまとめて行きます。 1.Materialize Documentation - Materializematerializecss.com bootstrapを使わずにレスポン... 続きを読む
モダンミニマリズムという選択―フラットデザインはデザイナーを堕落させたか? | デザイン | POSTD
iOS7やマテリアルデザインの登場によって、フラットデザインが増え、“モダンミニマリスト”というデザインムーブメントが生まれました。そのような変化がデザイナーの働きにどのような影響を及ぼしたのか、これからがどうなっていくのかについて、建築のモダンミニマリズムを参照しながら検討してみましょう。フラットデザインはWebデザイナーの役割を奪った?私はそうは思いません。 私は最近、『デザイナーの堕落』とい... 続きを読む
よくわかるマテリアルデザインの設計 | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者のほうが、優れているように思える。ただしマテリアルデザインは、紙のメタファーに囚われているため、今後の技術発展の方向しだいでは、逆にインターフェースの進歩を制約するかもしれない。 以下、自分の理解をまとめたメモ。マテリアルデザインは、デザインとエンジニアリングが... 続きを読む
マテリアルデザインを用いたデザインリニューアル [フリル編]
Transcript 1. マテリアルデザインを 用いたデザインリニューアル 株式会社Fablic ninjinkun,yuki930 2. @ninjinkun @yuki930 エンジニア デザイナー 3. ninjinkun • 最近はDagger2に入門中 • http://ninjinkun.hatenablog.com/ 4. yuki930 • 山口 有由希 • ずっとAndroid... 続きを読む
Googleの提唱する「マテリアルデザイン」の事例を集めまくって無料で素材のダウンロードまで可能な「MaterialUp」 - GIGAZINE
Googleが開発者向けイベントGoogle I/O 2014で発表した新しいUX体系が「マテリアルデザイン」です。アニメーションやカードデザインなどを使い、「合理的な余白と動きを使った統一理論に基づいたもの」と定義されていますが、このマテリアルデザインの優れたウェブサイトやモックアップを毎日最大12個展示する「MaterialUp」は、「優れたマテリアルデザインとは何か」が一目で分かる上に素材の... 続きを読む
マテリアルデザインを使ったリニューアル案件で気をつけたい4つのポイント -feedly編- - Photoshop VIP
海外デザインブログMediumで公開された「An exploration in Material Design」の著者Arthur Bodolecより許可をもらい日本語抄訳しています。 Googleは昨年11月に、メジャーアップデートを含めマテリアル・デザインを採用した、最新版Android 5.0 Lollipop(ロリポップ)の提供がはじめました。これによってあらゆる端末、デバイスにおいてビジ... 続きを読む
Googleのマテリアルデザインで使える色が並び、クリック一発でカラーコードのコピーも可能な「Material UI Colors」 - GIGAZINE
Googleが提供しているモバイルOS「Android」の最新バージョン「Android - 5.0 Lollipop」にも採用されている、新しいUX体系が「マテリアルデザイン」です。マテリアルデザインの発表後、Googleは自社サービスに続々とマテリアルデザインを採用しており、サードパーティ製のアプリなどでもこれを採用したものが次々と登場しています。そんなマテリアルデザインでは使用可能な色が指定... 続きを読む
マテリアルデザインに使える配色をまとめたサイト「Material UI」 | ライフハッカー[日本版]
カメきち - Webサービス,デザイン 07:30 AM マテリアルデザインに使える配色をまとめたサイト「Material UI」 「Material UI」はマテリアルデザインに使える配色をまとめたサイトです。アクセスすると様々な色が表示されます。どれもマテリアルデザインに合う色合いになっていますよ。クリックするとカラーコードをコピーできます。 以下に使ってみた様子を載せておきます。 まずM... 続きを読む
マテリアルデザインのガイドラインが最高に実践的だった (フェンリル | デベロッパーズブログ)
「2014年にグッときたコレ」がテーマになる Fenrir Advent Calendar 2014 の24日目です。 マテリアルデザイン デザイナーの大西です。マテリアルデザインそのものへの記事は既に多くの方々が取り組まれているので、少し目先を変えてガイドラインについてです。 このガイドラインが最高に実践的でグッときました。 UI・UXについてのガイドラインは面白くて勉強にもなるのですが、理解し... 続きを読む
任意の2色を指定するとマテリアルデザインのパレットを作ってくれる『Material Palette』 | 100SHIKI
これ、すごく便利だ・・・。 Material Paletteを使えば、好きな2色からマテリアルデザインのパレットを作ってくれる。 最新のAndroidでサポートされているこのデザインだが、ゼロから配色を作るのは大変なのでこうしたツールをうまく使うといいだろう。 なお作ったパレットはCSSやSass、SVGなどの形式でダウンロードすることが可能だ。 アプリ製作者なら知っておきたいツールですな。 Ma... 続きを読む
Materialize - マテリアルデザインのためのCSSフレームワーク MOONGIFT
レスポンシブでWebデザインを組むのは当たり前、今のトレンドはマテリアルデザインにあるという時代になってきました。フラットUIを踏襲しつつ、アニメーションを効果的に使うことでさらにユーザビリティ高いデザインを可能にします。 主にモバイルアプリ用に使われていますが、Webデザインにおいても十分利用が可能です。今回はマテリアルデザインを実現するスタイルシートフレームワーク、Materializeを紹介... 続きを読む
新OS「Android 5.0 Lollipop」はどこが新しいのか、新旧UIデザインを徹底比較するとこんな感じ - GIGAZINE
「Android史上最大のアップデート」と呼ばれる新OS「Android 5.0(Lollipop)」が、Nexus 9・Nexus 6で登場したのを皮切りに、次第にアップデート対応端末が増えてきています。Lollipopでは統一UIデザイン「Material Design(マテリアルデザイン)」が採用され、ガイド機能をもつアニメーション表示だけでなく、パッと見て次に何をすればどんなことが起こるの... 続きを読む
Android 5.0が配信開始 ~Googleカレンダーも大幅刷新 - PC Watch
ニュース Android 5.0が配信開始 ~Googleカレンダーも大幅刷新 (2014/11/4 12:32) マテリアルデザイン(画像はInbox) 米Googleは3日(現地時間)、「Lollipop」ことAndroid 5.0の正式配信を開始した。現時点での対応端末はNexus 5および7。配信は何日間かかけて順次展開される。 同OSの主な機能については、こちらの関連記事にまとめてあるが... 続きを読む
I/O 2014 アプリに学ぶマテリアルデザイン - Google Developer Relations Japan Blog
I/O 2014 アプリに学ぶマテリアルデザイン 2014年8月6日水曜日 | 16:13 Labels: Android, GoogleI/O, Material Design Posted by 荒木佑一Developer Relations Team 「本記事は Google I/O 2014 アプリのリードデザイナー Roman Nurik が 8 月 5 日に Android Devel... 続きを読む