ekakou(絵描校)はフリーフォントやPhotoshopチュートリアルなどを紹介するブログです。

スポンサーサイト

日時--.--.--
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - スポンサーサイト
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

珍しいWebデザイン30選

日時2009.07.01
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - 珍しいWebデザイン30選
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
nettuts+のエントリー『30 Exceptional Web Designs』にて、珍しいWebデザインがまとめられています。

以下、いくつか紹介。

Alexarts
Alexarts

Feed Stitch
Feed Stitch

We Bleed Design
We Bleed Design

元記事は以下から、
30 Exceptional Web Designs

【関連記事】
Webデザインにおける美しいヘッダーとは?
PhotoshopでカッコいいWebレイアウトを作るチュートリアル30選
あなたにインスピレーションを与える水平なWebサイト35+

Webデザインにおける美しいヘッダーとは?

日時2009.06.27
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - Webデザインにおける美しいヘッダーとは?
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
Six Revisionsのエントリー『25 Stylish Examples of Headers in Web Design』から、美しいヘッダーのデザインがまとめられています。

以下、いくつか紹介。

Ali Felski
Ali Felski

By Marina
By Marina

Web Designer Wall
Web Designer Wall

元記事は以下から、
25 Stylish Examples of Headers in Web Design

【関連記事】
PhotoshopでカッコいいWebレイアウトを作るチュートリアル30選
あなたにインスピレーションを与える水平なWebサイト35+

PhotoshopでカッコいいWebレイアウトを作るチュートリアル30選

日時2009.06.24
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - PhotoshopでカッコいいWebレイアウトを作るチュートリアル30選
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
dzineblogのエントリー『30 Best Photoshop Web Layout Design Tutorials to Design Decent Websites』から、PhotoshopでカッコいいWebレイアウトを作るチュートリアルがまとめられています。

Design a Beautiful Website From Scratch
Design a Beautiful Website From Scratch

Design a realistic website layout in photoshop
Design a realistic website layout in photoshop

How to Create a “Worn Paper” Web Layout Using Photoshop
How to Create a “Worn Paper” Web Layout Using Photoshop

元記事は以下から、
How to Create a “Worn Paper” Web Layout Using Photoshop

【関連記事】
Webデザインを作るPhotoshopチュートリアルベスト16
商用可!PSD形式のボタンがダウンロードできるサイト『button-download.com』
Webデザイナーのスキルを磨くためのPhotoshopチュートリアル集
Webデザイナー向けのPhotoshopチュートリアル集

あなたにインスピレーションを与える水平なWebサイト35+

日時2009.06.23
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - あなたにインスピレーションを与える水平なWebサイト35+
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
vandelaydesignのエントリー『35+ Horizontal Websites for Your Design Inspiration』にて、水平なWebサイトがまとめられています。
水平なWebサイトって何だ!?って感じですが、見てみると分かります。

Suie Paparude
Suie Paparude
スケッチっぽい雰囲気が素敵。

Peter Pearson
Peter Pearson
ラインが追いかけてくるのがいい感じ。

F Claire Baxter
F Claire Baxter
可愛らしいデザインのポートフェリオサイト。

元記事は以下から、
35+ Horizontal Websites for Your Design Inspiration

【関連記事】
Webデザインを作るPhotoshopチュートリアルベスト16
黒基調のWebデザイン30

Webサイトを作る時に使える、新しいテクスチャ80+

日時2009.06.22
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - Webサイトを作る時に使える、新しいテクスチャ80+
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
webdesignledgerのエントリー『80+ Fresh New Textures for Creating Web Site Backgrounds』から、Webサイトを作る時に使えるテクスチャをいくつか紹介します。

painted textures vol. 12
painted textures vol. 12

8 new paper textures
8 new paper textures

Light Grunge
Light Grunge

元記事は以下から、
80+ Fresh New Textures for Creating Web Site Backgrounds

【関連記事】
金属のテクスチャ50
印象的なフリーテクスチャ21選
これは使える!フリーのテクスチャまとめ。計1009個

Webデザインを作るPhotoshopチュートリアルベスト16

日時2009.06.15
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - Webデザインを作るPhotoshopチュートリアルベスト16
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
webdesignledgerのエントリー『16 Best Photoshop Tutorials for Creating Web Designs』から、Webデザインを作るPhotoshopチュートリアルをいくつか紹介します。

Creating A Cool 3D Web Design Effect
Creating A Cool 3D Web Design Effect

New Plus Tutorial - Designing a Family of Websites

New Plus Tutorial - Designing a Family of Websites

Design a Beautiful Website From Scratch
Design a Beautiful Website From Scratch

元記事は以下から、
16 Best Photoshop Tutorials for Creating Web Designs

【関連記事】
黒基調のWebデザイン30
商用可!PSD形式のボタンがダウンロードできるサイト『button-download.com』
Webデザイナーのスキルを磨くためのPhotoshopチュートリアル集
Webデザイナー向けのPhotoshopチュートリアル集
無料で使える!パターン素材がダウンロードできるサイトとジェネレーターまとめ。

テクスチャが好きな人の為のテクスチャまとめサイト『texture lovers』

日時2009.06.10
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - テクスチャが好きな人の為のテクスチャまとめサイト『texture lovers』
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
texturelovers

テクスチャ関連の情報がまとめられている『texture lovers』というのを見つけました。
シングルテクスチャやテクスチャパック、テクスチャを使ったチュートリアル、テクスチャを使ったWebサイトなどの情報がまとめられています。
とにかくテクスチャです。

テクスチャ探しにはなかなか便利そうですね。

texture lovers

【関連記事】
高品質な葉っぱのテクスチャ10
商用可!ハイクオリティーなグランジテクスチャ10
金属のテクスチャ50
印象的なフリーテクスチャ21選
これは使える!フリーのテクスチャまとめ。計1009個

新しくて美しいシームレスのパターン100

日時2009.06.08
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - 新しくて美しいシームレスのパターン100
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
web design ledgerのエントリー『100 New and Beautiful Seamless Patterns』から、新しくて美しいシームレスのパターンをいくつか紹介します。

Retro Grunge Wallpaper Pattens
Retro Grunge Wallpaper Pattens

ETC Grunge Stripes Pattern
ETC Grunge Stripes Pattern

Summer Pattern Pack Vol. 3
Summer Pattern Pack Vol. 3

元記事は以下から、
100 New and Beautiful Seamless Patterns

【関連記事】
テクスチャ・パターン探しに便利なWebサイト20選
無料のパターンが配布されているサイトいろいろ
無料でダウンロードできる、使い道が多そうなシームレスパターン500+
デザインに使えそうな無料テクスチャ素材
無料でダウンロードできる、本当に美しいテクスチャ100選
Webデザイン等に使えそうな、かわいらしいシームレスのパターン集
ハイクオリティーで色鮮やかな31のテクスチャ
無料でダウンロードできる、コンクリートのテクスチャいろいろ

黒基調のWebデザイン30

日時2009.06.03
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - 黒基調のWebデザイン30
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
Six Revisionsのエントリー『30 Inspiring Dark and Sleek Web Designs』から、黒が基調のWebデザインをいくつか紹介します。

Tapbots
Tapbots

Anderbose
Anderbose

Dragon Interactive
Dragon Interactive

元記事は以下から、
30 Inspiring Dark and Sleek Web Designs

【関連記事】
商用可!PSD形式のボタンがダウンロードできるサイト『button-download.com』
Webデザイナーのスキルを磨くためのPhotoshopチュートリアル集
Webデザイナー向けのPhotoshopチュートリアル集
無料で使える!パターン素材がダウンロードできるサイトとジェネレーターまとめ。

Webデザインに関する資料をまとめたサイト『populair.eu/webdesign』

日時2009.05.25
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - Webデザインに関する資料をまとめたサイト『populair.eu/webdesign』
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
populair.eu

Webデザインに関する資料を集めるのに便利そうなのが、『populair.eu』。
Webデザインブログ、インスピレーション、ジェネレーター、アイコンなどジャンル別に様々な物が紹介されています。

例えば、リソースだと
Web Design Library
chicagomanual
Design Encyclopedia
インスピレーションだと、
css Zen Garden
siteInspire
cssstyle
といったWebサイトが紹介されています。

興味がある方はどうぞ
populair.eu/webdesign

関連記事

商用可!PSD形式のボタンがダウンロードできるサイト『button-download.com』
Webデザイナーのスキルを磨くためのPhotoshopチュートリアル集
Webデザイナー向けのPhotoshopチュートリアル集
無料で使える!パターン素材がダウンロードできるサイトとジェネレーターまとめ。

無料でダウンロードできる、ベクターで出来たシームレスパターン250+

日時2009.05.22
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - 無料でダウンロードできる、ベクターで出来たシームレスパターン250+
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
PatternHeadのエントリー『250+ Free Seamless Vector Patterns Ideal for Print and Web Design』から、フリーのシームレスパターンをいくつか紹介します。

Vector Patterns (5個のパターン)
Vector Patterns

Woven Plaid Swatches (25個のパターン)
Woven Plaid Swatches

Halftone Seamless Patterns(52個のパターン)
Halftone Seamless Patterns

元記事は以下から、
250+ Free Seamless Vector Patterns Ideal for Print and Web Design

【関連記事】
無料のパターンが配布されているサイトいろいろ
無料でダウンロードできる、使い道が多そうなシームレスパターン500+
拡大しても荒くならないベクターのシームレスパターン集
自分が探している背景画像が見つかる?『backgroundLabs』
無料で使える!パターン素材がダウンロードできるサイトとジェネレーターまとめ。
500以上の、パターン素材をダウンロードできるサイト - ava7 patterns
Webデザイン等に使えそうな、かわいらしいシームレスのパターン集
自分だけのパターンが作れるWebサービス『Repper』

商用可!PSD形式のボタンがダウンロードできるサイト『button-download.com』

日時2009.05.01
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - 商用可!PSD形式のボタンがダウンロードできるサイト『button-download.com』
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
button-download.com

無料で提供されている素材は、いろいろと使用制限されていたりして気軽に使えませんよね。
しかし、このサイトは一味違います。
まずはこの文章を見てみてください。

僕が過去に作ったボタンを置いておくよ。使いたいやつがあったらダウンロードしたらいい。
PSDもあげておいたから編集も楽ちんだね。PSDはCS3だよ。開けなかったらごめんね。
商業利用?あぁ、もちろんOKさ!好きなだけ使えばいいよ。お金?いるわけないだろ。おれがそんなやつに見えるかい?

こんなに軽いノリな素材配布サイトは始めて見ました。良いですねー。

button-download.com

【関連記事】
Webデザイナーのスキルを磨くためのPhotoshopチュートリアル集
Webデザイナー向けのPhotoshopチュートリアル集
無料で使える!パターン素材がダウンロードできるサイトとジェネレーターまとめ。

無料のパターンが配布されているサイトいろいろ

日時2009.03.29
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - 無料のパターンが配布されているサイトいろいろ
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
instantshiftのエントリー『The Ultimate List of Sources for Free Background Patterns』から、無料のパターンが配布されているサイトをいくつか紹介。

Everyday Icons
Everyday Icons
なぜか英語のサイトに見えますが、日本語のサイトです。
“everyday iconsはフレッシュで刺激的で実用性があってシンプルで飽きない、そんな毎日を象徴するアイコンとなるようなものをあなたにお届けします。”

Screentones
Screentones
漫画などに使えそうなスクリーントーンなど、シンプルなパターンが公開されています。

Portfelia
Portfelia
基本的なパターンがいろいろとあります。

元記事は以下から、
The Ultimate List of Sources for Free Background Patterns

【関連記事】
無料でダウンロードできる、使い道が多そうなシームレスパターン500+
拡大しても荒くならないベクターのシームレスパターン集
自分が探している背景画像が見つかる?『backgroundLabs』
無料で使える!パターン素材がダウンロードできるサイトとジェネレーターまとめ。
500以上の、パターン素材をダウンロードできるサイト - ava7 patterns
Webデザイン等に使えそうな、かわいらしいシームレスのパターン集

無料でダウンロードできる、使い道が多そうなシームレスパターン500+

日時2009.03.13
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - 無料でダウンロードできる、使い道が多そうなシームレスパターン500+
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
Best Design Optionsのエントリー『500+ Free Seamless Patterns for Web and Print Designs』でシームレスパターンが数多く紹介されています。

以下、ピックアップして紹介。

Mellow Mint Photoshop Patterns

Mellow Mint Photoshop Patterns

Floral Photoshop Patterns
Floral Photoshop Patterns

Retro Tartan
Retro Tartan

元記事は以下から、
500+ Free Seamless Patterns for Web and Print Designs

【関連記事】
拡大しても荒くならないベクターのシームレスパターン集
自分が探している背景画像が見つかる?『backgroundLabs』
無料で使える!パターン素材がダウンロードできるサイトとジェネレーターまとめ。
500以上の、パターン素材をダウンロードできるサイト - ava7 patterns
Webデザイン等に使えそうな、かわいらしいシームレスのパターン集

無料のアイコンと言ったらコレ!ハイクオリティーなアイコンセット43

日時2009.03.10
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - 無料のアイコンと言ったらコレ!ハイクオリティーなアイコンセット43
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
Smashing appsのエントリー『43 Creative Examples Of High Quality Free Icon Sets』から、ハイクオリティーなアイコンセットをいくつか紹介。
ここに紹介されているアイコンで、Webやデスクトップを飾ってみては。

Antique icons
Antique icons

Windows 7 base icons
Windows 7 base icons

Free New Social Icons
Free New Social Icons

元記事は以下から、
43 Creative Examples Of High Quality Free Icon Sets

【関連記事】
無料とは思えないハイクオリティーなアイコン50選
アイコンをゼロから作るチュートリアル50
2008年に作られた美しいアイコンセット 50
質×量なアイコンを検索サイト ICONlook
アイコンなどをダウンロードできるサイト - iconaholic.com

デザインに使えそうな無料テクスチャ素材

日時2009.02.23
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - デザインに使えそうな無料テクスチャ素材
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
Desizn Techのエントリー『50+ textures for Your Design Appetite and lot more Resources』から、デザインに使えそうな無料テクスチャをいくつかご紹介。

http://www.flickr.com/photos/chrysti/2242541766/

http://sirius-sdz.deviantart.com/art/texture-68-100336372

http://media.photobucket.com/image/texture/bajeri/Simply%20Coatings%20LLC/P1010003woog.jpg?o=170

元記事は以下から、
50+ textures for Your Design Appetite and lot more Resources

【関連記事】
無料でダウンロードできる、本当に美しいテクスチャ100選
Webデザイン等に使えそうな、かわいらしいシームレスのパターン集
ハイクオリティーで色鮮やかな31のテクスチャ
ヴィンテージスタイルな素晴らしいテクスチャまとめ
高品質なぐしゃぐしゃにされた紙のテクスチャセット
無料で使える!パターン素材がダウンロードできるサイトとジェネレーターまとめ。
2008年 最も使えたテクスチャまとめ!
背景に使えそうな高品質なテクスチャ素材60

Webデザイナーとロゴアーティストの為のフリーフォント104選

日時2009.02.18
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - Webデザイナーとロゴアーティストの為のフリーフォント104選
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
instantshiftのエントリー『104 Free Fonts for Web Designers and Logo Artists』から、Webデザイナーとロゴアーティストの為のフリーフォントをいくつかご紹介。
かなりの量紹介されていますが、良質なフォントばっかり。これだけあれば、十分といった感じです。

Aubrey
Aubrey

COM4t Fine Regular
COM4t Fine Regular

Ginga Font
Ginga Font

元記事は以下から、
104 Free Fonts for Web Designers and Logo Artists

【関連記事】
余計な装飾は一切ない、シンプルで読みやすいフリーフォント
世界に一つだけのオリジナルフォントが無料で作れるWebサービス『YourFonts』
無料なのに、クオリティが高く様々な場面に使えそうなフォントパック
フォント選びが超簡単に!?ありそうでなかったシンプルなフォントビュアー『Font Picker』
2008年、良かったフリーフォントTop10は?
他にはないようなカッコいいフリーフォント15選
画像に使用されているフォントが何なのかを教えてくれるサービス『MyFonts』
漢字が使える日本語フリーフォントまとめ 50種類以上
デザイン性の高いクールなフォント 18
15のハイクオリティーで美しいフリーフォント
Webデザイン等のあらゆる場面で活躍しそうなフォント 50
精錬されたシンプルでかっこいいフリーフォント

無料とは思えないハイクオリティーなアイコン50選

日時2009.02.17
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - 無料とは思えないハイクオリティーなアイコン50選
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
Smashing Magazineのエントリー『50 Free High-Quality Icon Sets』から、高品質かつ無料のアイコンをいくつかご紹介。

Free Icons: Function Icon Set, 128 Completely Free Icons
Free Icons: Function Icon Set, 128 Completely Free Icons
Webデザインのあらゆる所に使えそうなアイコンセット。

Set of social icons
Set of social icons
Web2.0っぽいソーシャル系アイコンセット。

Canon 400D + lens 17-85mm
Canon 400D + lens 17-85mm
アイコン?写真?とにかくリアルなカメラのアイコン

元記事は以下から、
50 Free High-Quality Icon Sets

【関連記事】
アイコンをゼロから作るチュートリアル50
2008年に作られた美しいアイコンセット 50
質×量なアイコンを検索サイト ICONlook
アイコンなどをダウンロードできるサイト - iconaholic.com

画像からカラーパレットが作れるWebサービス『Colors Palette Generator』

日時2009.02.16
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - 画像からカラーパレットが作れるWebサービス『Colors Palette Generator』
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
Colors Palette Generator

なかなか良い配色が思いつかない。そんな方にお勧めなのが、Colors Palette Generatorです。
Colors Palette Generatorは、画像からカラーパレットが作れるWebサービス
作ったカラーパレットはCSSファイル、またはPhotoshop用の.acoファイルに出力できる。

Colors Palette Generator

【関連記事】
配色に困った時は?簡単に配色が作れるサービス『Color Scheme Designer』
雑誌のデザインから色を調べるサイト『Color of Book』
配色やパターン素材をフリーダウンロード - COLOURlovers
リンク - 簡単に綺麗な配色を作成・共有できるサービス「Adobe Kuler」

Webデザイナーのスキルを磨くためのPhotoshopチュートリアル集

日時2009.01.27
  • このエントリーをはてなブックマークに登録する
  • はてなブックマーク - Webデザイナーのスキルを磨くためのPhotoshopチュートリアル集
  • この記事をdel.icio.usに登録する
  • この記事をGoogle Bookmarksに登録する
Best Photoshopのエントリーから、Webデザイナーのスキルが磨けそうなPhotoshopチュートリアルを紹介。
Webレイアウト、ヘッダー、メニューなどWebデザイン関連のPhotoshopチュートリアルまとめです。

全部で70以上あります。これを全部やったら相当スキルアップするんだろうなぁ。

Making your own portfolio web page
Making your own portfolio web page
ポートフォリオサイトを一から作るチュートリアル

Creating A Cool 3D Web Design Effect
Creating A Cool 3D Web Design Effect
浮かび上がった用なヘッダーの作り方。

Design Watercolor Effect Menu
Design Watercolor Effect Menu
水彩風のメニューを作るチュートリアル

他にも、様々なチュートリアルが紹介されている。
70+ Photoshop Tutorials to improve your Skills as Web Designer

【関連記事】
Webデザイナー向けのPhotoshopチュートリアル集
無料で使える!パターン素材がダウンロードできるサイトとジェネレーターまとめ。
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。