落ち着いたパステル系のカラー、同一色相の繊細で美しいグラデーションなど、Material Design, iOS 8, Modern UIなどやフラットなスタイルで使われている最近人気のあるカラーを紹介します。 PhotoshopやIllustrator用のスウォッチもダウンロードできますよ。
![最近のUIデザインで使われている同一色相のグラデーションなど、人気のあるカラーのまとめ | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/62cafdf7ffcce8d16dc2972441f6f48ddb95df89/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014092501-01.png)
落ち着いたパステル系のカラー、同一色相の繊細で美しいグラデーションなど、Material Design, iOS 8, Modern UIなどやフラットなスタイルで使われている最近人気のあるカラーを紹介します。 PhotoshopやIllustrator用のスウォッチもダウンロードできますよ。
こんなにも色彩豊かな表現ができるのか。 20歳のHeather Rooneyさんは、色鉛筆のみを使って、まるで写真のようなポートレイトを仕上げてしまう素晴らしい才能の持ち主。アナログツールな色鉛筆ですが、こんなにもグラデーションからタッチまで美しく出せてしまうものなんですね。 上の動画はHeather RooneyさんがNBAのLeBron James選手を描いているところ。かなり時間はかかりそうですが、それだけに芸術性も高いような気がしますよね。 この美しい色鉛筆画のすべてを独学で習得したHeather Rooneyさんは、Facebook上でも人気者のようですよ。彼女のページはこちらから。数々の優れた作品集も楽しめちゃいます。 Jesus Diaz - Gizmodo SPLOID[原文] (湯木進悟)
シンプルなリストを使って、アイテムがホバー時に吹き出し状にポップアップするかわいらしいアニメーションを備えたナビゲーションを実装するスタイルシートのデモを紹介します。 アニメーションもかわいくて素敵ですが、半透明のグラデーションもとても美しいナビゲーションですね。 デモは、最新のモダンブラウザでご覧ください。 Menu 実装は下記のようになっています。 HTML シンプルなリストで実装されています。 <nav> <menu> <li><a href="#">☀</a></li> <li><a href="#">✈</a></li> <li><a href="#">❄</a></li> <li><a href="#">☎</a></li> </menu> </nav> <nav class="menu2"> <menu> <li><a href="#">home</a></li> <li><
前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。 今回はCSSでテキストにグラデーションをかけるテクニックについてです。 前回のWeb App Demoではフッタータブに特殊なWebFontを使ってアイコンを表示させるようにしていましたが、タブがActiveのときに色が変わってエフェクトがかかるようになっています。 このエフェクト効果はCSSでテキストにグラデーションをかけるテクニックをつかってやっています。 通常、CSSでテキストカラー(colorプロパティ)にグラデーションを指定することはできませんが「:after」擬似クラスや「mask-image」プロパティを組み合わせて使うことでグラデーションのような表現をすることができます。具体
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く