タグ

2018年1月23日のブックマーク (4件)

  • 【Googleのマテリアルデザインを応用!】シンプルかつ特徴的なアイコン製作ガイド

    アイコンはデザインに欠かせない要素です。アイコンによって製品に個性を持たせることもできますが、ただ無料のアイコンセットをダウンロードしてきて使う場合も多いのが現実です。 アイコンは重要であるにも関わらず、あまり手間をかけられないことが多いのです。 そんな問題を解決するため、特徴ある優れたアイコンを制作するガイドを作成しました。 Googleのマテリアルデザインをベースにしており、現在の流行をしっかりと抑えたアイコンが作れます。 マテリアルデザインにおけるデザイン方針 Google曰く、マテリアルとはメタファーです。現実世界から手がかりを借りてきて、それを表現するのです。 マテリアルデザインに沿ったアイコンにするためには、まずはシンプルな形状を保つよう心がけてください。 それから影をつけて深さや奥行きを表現します。 またドロップシャドウのかわりにわずかに色を変えて影を表現するようにします。

    【Googleのマテリアルデザインを応用!】シンプルかつ特徴的なアイコン製作ガイド
  • 30 Examples of Material Design Palette Color Usage

    Easily find the best Material color for your projects. Here is 30 color combination based on material design color palette. By clicking color sample bar, You can check usage example in material design UI. Each of color combinations consists of following three kinds of colors. (1) Main (2) Optional (3) Accent For details, see Google Guideline. Contents

    30 Examples of Material Design Palette Color Usage
  • 参考になる!素敵なマテリアルデザインのWebサイトまとめ×15

    今回はトレンド真っ盛りの「マテリアルデザイン」が取り入れられたハイクオリティなWebサイトを紹介します。マテリアルデザインのアプリは探せばどれだけでも見つかるのですが、Webサイトはあまりまとまっていません。そこで海外のサイトを探し回って、完成度の高いマテリアルなWebサイトを掘り出してみました。 1. Material Cmiscm GO マテリアルデザインを直感的に理解するために作られた個人のサイト。ページをめくるような動きや、ホバー時(カーソルを当てたとき)のインタラクティブな動きなど、よく出来ています。 2. RS card

    参考になる!素敵なマテリアルデザインのWebサイトまとめ×15
  • マテリアルデザインについて少し調べる - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ##はじめに マテリアルデザインという言葉は知っていましたが、それが一体なんなのかを正しく理解しないまま、 「これからは、マテリアルデザインだぜ」のような顔して、生活していましたが、 知ったかぶりしているのがバレる前に、少し学んでおこうと思いました。 #マテリアルデザインとは 2014年にGoogleが発表した**「デザインのガイドライン」**。 直訳すると「物質デザイン」。 ##マテリアルデザインの目的 スマートフォン、タブレット、テレビ、メガネ、腕時計などのデバイスで、 統一されたデザインを取り入れることにより、操作性も統一され デ

    マテリアルデザインについて少し調べる - Qiita