はてなブログをマテリアルデザイン風にカスタマイズしました。デザインのノウハウからCSSの編集迄詳しく解説!! - nasust life blog
こんにちはnasustです。このブログをGoogleのマテリアルデザイン風にカスタマイズしました。 今回の記事では、何故マテリアルデザインを採用したのか、デザインのポイント、そして実現する為のCSSの編集内容を詳しく解説します。 ちなみに、メインプログラマーでUIのデザインは、それなりにできる程度の経験です。 マテリアルデザインの採用 マテリアルデザインを採用したのは、Googleのマテリアルデザインの資料を見て衝動的にやってみてええ!! となった訳ですが、もちろんそれなりに考えがあります。 Windows8の頃からフラットデザインが流行っていましたが、ハッキリ言ってその頃のWEBサイトは操作し難いですね。何故かというと、全てフラットなので重要なボタンやリンクなど、全て等価に見えて目立たない為に、操作の仕方が分からないですよ。それから暫くしてAppleのMacもフラットデザインを採用しまし
配色のトレンドのパターンと便利なツールのまとめ | Swwwim
2015年のデザイントレンドとして「フラットデザイン」「マテリアルデザイン」が挙げられる。今までのデザインではあまり見られなかった特徴的な配色を用いられることが多くなってきました。幅広く大きな範囲を同色で塗られることが多い、上記のデザイントレンドでは、上にのってくるコンテンツ（文字情報など）の可読性なども考慮したものでなければなりません。 今回は、その「フラットデザイン」「マテリアルデザイン」らしい、配色のパターンと便利なツールを紹介します。 トレンドデザインらしい色の条件と選択 「フラットデザイン」「マテリアルデザイン」では、大きい面で色を塗られることが多い。そのため、広い面積で使った時に見ていて「目に優しい色」を選択する必要がある。また「白文字を載せた時に映える色」「複数色を合わせて使用した時に違和感がない色」を意識することが大切になってきます。 【左】loubsol - http:/
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
