ウェブデザインに磨きをかけるテクスチャの効果的な使い方

テクスチャの用途は単に背景に配置するだけではありません。最近のウェブトレンドでもある繊細なテクスチャを使用して、ウェブデザインに磨きをかける方法を紹介します。

サイトのキャプチャ

How the use of textures can improve your web design

下記は各ポイントを意訳したものです。

はじめに

ウェブデザインに必要なのは確かなる知識と創造性、そして情熱です。そして、素晴らしいウェブデザインを産みだすテクニックはたくさんあります。その中の一つ、テクスチャの使い方を紹介します。

1. イラストの強調

繊細なテクスチャは、イラストにより強い個性を与えることができます。下記のサイトにあるテクスチャは、イラストをより強調した使い方として完璧なものです。

サイトのキャプチャ

Veerle's blog 3.0

サイトのキャプチャ

Los colores olvidados

サイトのキャプチャ

Harry Ford

2. エレメントのグルーピング

二つの異なる質感やカラーをもったテクスチャを使用して、エレメントを区分することができます。

サイトのキャプチャ

MapBox

サイトのキャプチャ

ConvergeSE 2010.

3. コンテンツの強調

重要なコンテンツに繊細でソフトなテクスチャを与えることは良い選択です。その際には、タイポグラフィとホワイトスペースにも配慮してください。

サイトのキャプチャ

Matt Hamm

サイトのキャプチャ

AFD-Folio

4. リアリティとデザインの奥行き

テクスチャの使用はウェブデザインにリアリティを与えます。コンクリートやメタル、木などのテクスチャは本物のオブジェクトを思わせるでしょう。

サイトのキャプチャ

Utah.travel

サイトのキャプチャ

Codecopia

5. 独創的な魅力

テクスチャやパターンを巧く取り入れたウェブサイトは、あなたの仕事を素晴らしいものにする要因となり、独創的で魅力的なものをつくりだします。

サイトのキャプチャ

Cooper Graphic Design

テクスチャを活用したウェブサイト集

テクスチャをユニークで素晴らしい方法で効果的に取り入れたウェブサイトを紹介します。
※元記事はもっと多くのサイトが紹介されています。

サイトのキャプチャ

Word Refuge

サイトのキャプチャ

The Wayward Irregular

サイトのキャプチャ

MapBox

サイトのキャプチャ

Veerle's blog 3.0

サイトのキャプチャ

Christopher Calicott

サイトのキャプチャ

Plain Green Conference

サイトのキャプチャ

Doublenaut

サイトのキャプチャ

Creative Soapbox

サイトのキャプチャ

Brett Chaney

サイトのキャプチャ

New Adventures In Web Design conference

サイトのキャプチャ

Vector Stories

サイトのキャプチャ

The Crazy Love Campaign

sponsors

top of page

©2024 coliss