タグ

materialdesignとGoogleに関するm_shige1979のブックマーク (2)

  • 今さら聞けないマテリアルデザインとは?5分でわかる解説 | SONICMOOV LAB

    2014年6月にGoogleマテリアルデザインガイドラインが公開されてから、AndroidはもとよりiOSのアプリでも、このガイドラインを取り入れたUI/UXの優れた作品が多数出てきました。 今回はそんな相変わらずトレンディなマテリアルデザインのガイドラインをわかりやすく、ポイントを絞ってお伝えします。 目次 マテリアルデザインとは? 平面なのに3D 紙とインク マテリアルデザインのカラー グリッドシステム アニメーション 心地の良い動き タッチフィードバック 意味を持ったアニメーション まとめ マテリアルデザインとは? マテリアルデザインを直訳すると「物質的なデザイン」という意味です。 デジタルのデザインなのにどの辺が「物質的」なのか、それは次の2つの概念で表現されています。 平面なのに3D マテリアルデザインでは、要素の重なりを物理的にとらえ、平面の中に、明確なZ軸の概念を持たせていま

    今さら聞けないマテリアルデザインとは?5分でわかる解説 | SONICMOOV LAB
  • Google、マテリアルデザインWebサイト作成キットを無償公開

    Googleは7月6日(現地時間)、マテリアルデザイン仕様のWebサイトを構築するためのツールキット「Material Design Lite」を公開したと発表した。 基的なCSSHTMLJavaScriptのコンポーネントとテンプレートで構成されており、公式サイト(これもMaterial Design Liteで構築されたようだ)からダウンロードできる。 マテリアルデザインとは、Googleが昨年6月に発表したモバイルOS「Android 5.0 Lollipop」から採用しているデザインコンセプト。シンプルで直感的なユーザーインタフェースで、ディスプレイサイズに応じてデザインが最適化されるのが特徴だ。 Material Design Liteの「Lite」には、依存性の少なさ、コードサイズの小ささ(27Kバイトに圧縮されている)、手軽にインストールして使えること、などの意味が込

    Google、マテリアルデザインWebサイト作成キットを無償公開
  • 1