Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[Web Design] The What, Why and How of Textures in Web Design – Webデザインにおけるテクスチャの効果的な使い方と、そのチュートリアル

  • Pocket
  • このエントリーをはてなブックマークに追加

Webにおけるテクスチャの効果的な使い方と、そのチュートリアルについて考察された記事。これなかなか読み応えありますよ。デザインツールとして使われているのはPhotoshopで、まずはノイズの作り方から説明してます。次にWebからテクスチャを仕入れてPhotoshopにパターン定義し、レイヤースタイルでどう使うかについて。さらにはグレーベースのテクスチャに着色する手法、簡単なピクセルパターンをData URIに変換し、イメージレスで見出しのデザイニングをコーディングする方法。最後にPhotoshopを使わずにCSS3を使ったコーディングだけでテクスチャを描画する方法について解説されてます。最初に紹介されているノイズテクスチャなんかは、Webでよくある「Appleがやり始めたから流行った」系のアレですな。自分もよく使います。チュートリアル以外にも、デザイントレンドを知る上でもなかなかナイスな記事かと。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください