DesignWalker » インスピレーション

無料でダウンロードできるiPadの壁紙いろいろ

admin — Tue, 01 Jun 2010 07:43:39 +0000

先日、日本でも、ついに発売されたiPad。このブログの読者の方々でも購入された方もちらほらいらっしゃるのではないでしょうか？

わたくしもちゃっかり購入しちゃいました…。購入した感想は、これまで以上に雑誌や本を読む機会が増えそうだな。って感じです。

こちらアメリカでは、普通に雑誌はめちゃめちゃ安いのですが、iPad用に販売されている雑誌などは、さらにお安くなって、年間の定期購読で一冊あたり1〜２ドル程度になっちゃうのです。

これまで、わざわざ本屋に行って立ち読みしてた雑誌が、いつでもどこでも読めてしまうのはかなり魅力ですね。

もちろん、本だけじゃなくてアプリも既にいろいろ充実しているので、楽しみはつきませんね。

そして、iPadの9.7インチの美しいディスプレイ。これを見るとやっぱり壁紙も気に入った壁紙に変えたくなっちゃいますよ！

というわけで、今回は無料でダウンロードできるiPadの壁紙サイトをいろいろとまとめてみました。

みなさんも是非、お気に入りの壁紙を見つけて設定してみてくださいね。

Super Cool & Artistic iPad Wallpapers

人気ブログabduzeedoさんがピックアップしたとってもクールでアーティスティックな壁紙がいくつか紹介されています。

Granimator™ by ustwo™

とってもおしゃれなイラスト系の壁紙がたくさんあります。アプリも公開されていますよ。

iPad Wallpapers That Don’t Suck

渋めの壁紙がたくさんまとめられていますね。

Poolga. iPhone, iPad and iPod Touch wallpapers for the rest of us.

iPhoneの壁紙でもおなじみのpoolga。可愛らしい壁紙がたくさんあります。

iPadVision

日本のクリエイターさんたちが公開されているiPad用の壁紙です。どれもクオリティが高いです！

iPad Walls

クールな写真系の壁紙を中心に沢山まとめられています。

iPad Decór

ちょっぴりレトロな感じの写真の壁紙がたくさんあります。

fiftyfootshadows.net

うつくしい写真がiPadとiPhone用に公開されています。

Mantia » Wallpaper

カッコいい壁紙がいろいろありますね

Ipad Wallpaper Gallery – Premium iPad Wallpapers For Free

とってもうつくしい写真の壁紙がいろいろあります。

iPad Wallpapers by bay

まだ数はそれほど多くはありませんが、うつくしい写真の壁紙が公開されています。

iPad Wallpapers by 3n

渋めの写真がいっぱいありますね。

iPad Wallpaper Today

カテゴリに分けられた、たくさんの壁紙がまとめられています。

InterfaceLIFT

かなりの数の壁紙が掲載されています。クオリティも高くて、お気に入りの壁紙がきっと見つかるはずです。

iPad-Wallpapers

セレブや映画の壁紙などエンターテイメント系のものが多いです。

ipadwallpaper.org | Free iPad Wallpapers

イラストや風景写真、アップル系などなど様々なジャンルの壁紙が集められています。

55 Stunning Free WallPapers For Apple iPad

Save DeleteがまとめたiPad用の壁紙が55枚まとめられています。

A Collection of Free iPad Wallpapers

こちらは、blueblotsがまとめたiPad壁紙まとめです。

ついついクリックしたくなるボタンデザインいろいろ

admin — Wed, 14 Apr 2010 06:39:51 +0000

長い間、このブログの更新が滞っており、沢山の皆様から激励のメールなどをいただきました。
いろいろとご心配をおかけいたしまして申し訳ございません。少しずつではありますが、更新を続けていきたいと思っております。

これからもデザインウォーカーをどうぞよろしくお願いいたします！

今回の、テーマはついついクリックしたくなるボタンのデザインをまとめてみました。

ボタンひとつでクリック率やコンバージョンが大きく変わってしまうので、ボタンのデザインや配置はとっても重要ですね。

ボタンのデザインを変えたら、とたんに問い合わせ、売り上げが伸びたりすれば、デザイナー冥利につきますね。

皆さんも、ついついクリックしたくなるボタンのデザインを沢山見て、参考にしてみてくださいね。

“Call to Action” Buttons: Guidelines, Best Practices and Examples

色やサイズ、テキストやアイコン等さまざまな工夫をこらしてデザインされたボタンが沢山紹介されています。特に英語のボタンばかりですが、英語がわからない方でもクリックしたくなってしまうボタンが、やっぱりデザインが優れいてると言う事なんでしょうね…。

Button Design Showcase | Vandelay Design Blog

ボタンデザインのショーケースです。とってもきれいなボタンが沢山集められていますよ。

Call to Action Buttons: Examples and Best Practices

配置や大きさなどにこだわったボタンデザインが開設されています。眺めているだけでもとっても参考になりますよ。

A Look into Registration Buttons in Web Design

ついついクリックしたくなる登録ボタンが沢山集められています。ボタンのデザインひとつで登録数が大きく左右されるので、ボタンデザインはとても重要です。

Web Design Trends: Call To Action Buttons

色、配置、文言、サイズ、余白がとっても重要なボタンデザイン。こちらもきれいなボタンが沢山です。

Good Call-To-Action Buttons | UX Booth

ボタンの配置を変えるとサイト全体の印象も大きく変わります。

4 Design Elements Behind a Good Call to Action | letscounthedays

こちらも沢山の魅力的なボタンが集められています。とても参考になりますね。

10 techniques for an effective ‘call to action’ « Boagworld

ボタンのクリック率をアップさせる10のテクニックが紹介されています。

25 Examples of Convincing Call-To-Action Buttons | Design Shack

25種類のきれいなボタンが紹介されています。

Web Design Trends for 2010: Call To Action Buttons – FrancescoMugnai.com

こちらも沢山のボタンが集まってます。

40+ Effective Call to Action Buttons

40種類の効果的なボタンデザイン。

Call To Action Buttons: Does Size Matter?

複数のボタンのデザインを同時に掲載してクリック率を集計して比べてみるのも面白いですよね。

Create Clean and Fresh Call-to-Action Button + Embossing Text Effect in Photoshop

Photoshopを使って効果的なボタンをデザインするチュートリアルです。

2009年上半期デザイントレンドまとめのまとめ

admin — Thu, 02 Jul 2009 07:10:24 +0000

早いもので2009年も既に半分が終わってしまいましたね。

今回は、2009年上半期のデザイントレンドをまとめた記事やウェブサイトをまとめてみました。

74 Fresh Examples Of Beautiful Single Page Website Designs

2009年を代表するシングルデザインのウェブサイトまとめです。

25 Flourish Designs

花がとってもきれいなウェブサイトが25種類。

30 Stylish Examples of Doodles in Web Design

とってもきれいな３０種類のとってもきれいな手描き風のウェブサイトがまとめられています。

80+ Incredible Designs with Bird’s-eye View

80サイト以上のバードアイビュー（真上から見下ろした）のデザインが紹介されています。

Web Design Trend Hunting – The Messy Desk: Examples & Best Practices

こちらもバードアイビューデザインに近いまとめですが、散らかしたデスクをモチーフにしたデザインがまとめられています。

25 Stylish Examples of Headers in Web Design

とってもクールなヘッダーデザインが25サイト。

New web design trends of 2009

とっても質感のあるグランジ系のデザインがいくつか紹介されています。数は少ないですが、とってもきれいなサイトばかりです。

Web Design Trend Showcase: Horizontal Bands

横に平行に伸びるラインがとてもきれいなサイトがたくさん。

30 Beautiful and Illustrative Website Footers

かわいらしいイラストが印象的なフッターデザインがまとめられています。

Web Design Trend Showcase: Letterpress Text Effect

プレスされたテキストエフェクトが使われているデザインがまとめられています。

35 Examples Of Masterful Lighting Effects In Web Design

光の質感をとってもうまく表現しているサイトがまとまっています。

22 Website Designs Inspired by Apple.com

アップルのウェブサイトからインスパイアされたデザインがまとめられています。

Logo Design Trends 2009 – Showcase

2009年のロゴデザイントレンドがまとめられています。

Web Design Trends For 2009

おなじみsmashing magazineさんがまとめられた2009年ウェブデザイントレンド

More Web Design Trends For 2009

こちらは続編

10 Stunning websites to inspire your webdesign style in 2009

とってもかわいらしいウェブサイトが10種類

Fashion Color Trends for Each Season| 2005 – 2010 | Fashion Trendsetter

ファッション業界の色のトレンドがまとめられています。

携帯サイトデザインギャラリーいろいろ

admin — Tue, 02 Jun 2009 06:20:07 +0000

ウェブサイトのデザインギャラリーはたくさん公開されていますね。

携帯サイトになると、それほどデザインギャラリーは無いのかと思っていました。

でも、クオリティの高い携帯サイトのデザインギャラリーはいっぱいありました。今回は携帯サイトのデザインギャラリーをいろいろ集めてみました。

英語サイト

英語の携帯サイトギャラリーはiPhone用に作られたデザインがギャラリーがメインです。

Mobile Awesomeness

ユーザーが投稿できるモバイルウェブサイトデザインがアップされています。きれいなサイトがたくさんあります。

Web Design Inspiration for the iPhone

iPhone用サイトに特化したウェブデザインギャラリーです。

Mobify – Make your existing website mobile

こちらもとってもきれいなiPhone用サイトがたくさん掲載されています。

日本語サイト

携帯といえばやっぱり日本。日本の掲載サイトデザインギャラリーも参考になるサイトがたくさんあります。

25 Great Examples of iPhone Optimized Sites

モバイルウェブデザイナーのためのウェブデザインサイト集です。現在700を超えるサイトが掲載されています。

モバイルサイトデザイン集のモバイルデザインアーカイブ　公式サイト

モバミル – イケてる携帯サイトデザイン

みんなで集めるイケてる携帯サイトデザインギャラリーです。現在100件以上のサイトが投稿されています。

Site Seein’ – デザインが優れた携帯サイトのギャラリー

色やカテゴリーで絞り込める携帯サイトのデザインギャラリー

case:MobileDesign! モバイルサイトのデザイン

デザイン性の高い、掲載サイトが更新されているブログです。

真似からはじめるウェブデザイン

admin — Mon, 09 Feb 2009 22:54:34 +0000

ウェブデザインを上達させる一番早い方法は、やはり真似をすることなのではないでしょうか？

特にこれからウェブデザインをはじめる方々には、チュートリアルなどを沢山こなして、いろいろなデザインの手法などをひとつひとつ身に着けていくうちに自分のスタイルができてくるのではないでしょうか？

先日、noupeさんのブログで『Website Backgrounds: 70+ Impressive Trends, How To’s & Best Practices』というすばらしいまとめがアップされていたので、そこからピックアップしてご紹介。

この記事では、人気のウェブデザインの背景デザインとそのデザインのチュートリアルがまとめて紹介されています。

『あぁ。このデザインかっこいいなぁ』と思っても、なかなか真似できないレベルの高いデザインでもチュートリアルを追っていけば何とかそれっぽくできるものです。

少しずつマスターして、カッコいいデザインが作れるようにがんばりましょう！

Viget Labs

水彩画風の背景デザイン

Viget Labs

How To: Make the Viget Inspire Background

こちらは、Viget Labs自らチュートリアルを公開されています。風景写真を元に加工して背景を作っていきます。

Create a Nature Inspired Painted Background in Photoshop

こちらは、ブラシを利用して、背景を描いていく方法です。

Sony CES 2009

ちょっぴりレトロなデジタルのボケ味風の背景

Sony CES 2009

Awesome digital bokeh effect in Photoshop

Photoshopを使って、ボケ味風の背景を作る方法です。

GoodBytes Blog

キレイな光のラインを背景に使った例

GoodBytes Blog

Abduzeedo Job Board banner in Fireworks

こちらは、Fireworksのチュートリアルですが、光のラインをキレイに作り出しています。

hereslifeafrica

破れた紙を背景に

hereslifeafrica.com

Create a Realistic Torn Paper Effect in Photoshop

ブラシとテクスチャをうまく使えば、やぶれた紙の質感が作り出せます。

Blog Amuki

古びた紙を背景に

Blog Amuki

Creating Old Paper With Custom Brushes

紙をクシャクシャにして、スキャンして加工すれば、古びた紙が作り出せます。

STUDIO7DESIGNS

オーロラを背景に

STUDIO7DESIGNS

Aurora Borealis – North-South Polar Lights

グラデーションとフィルターを使えば、オーロラ風の背景が作れます。

AdaptD

虹のラインを背景に

AdaptD.com

Mix Cool Retro Curves Into Your Photographs

ブラシと変形ツールでキレイな虹を再現

Jared Campbell

ビンテージ風な背景

Jared Campbell

Create a Wicked-Worn Vintage Pop Art Design

テクスチャとシェイプツールでビンテージな背景を作るチュートリアルです。

Bart-Jan Verhoef

擦り切れた感じの背景

Bart-Jan Verhoef

Bart-Jan Verhoef: Make it worn

Bart-Jan Verhoefさん自身が、この擦り切れた感じのデザインの作り方を解説してくれています。

Boompa

カラフルな背景

Boompa

Painted Photo Manipulation

写真とブラシでコラージュしていけば、カラフルな背景ができていきます。すこしセンスが必要？

Starbucks Coffee At Home

手書き風の背景

Starbucks Coffee At Home

Pencil It In

手書きで書いてスキャンして、テクスチャ画像と合成

15 Great Examples of Cloned WordPress Themes

こちらは、他の有名サイトを真似て作られているWordPressのテンプレート集です。このように、他のサイトを真似てテンプレートを作るとかなり勉強になりますよ。いくつかピックアップしてご紹介。

まだまだあるカラーツールいろいろ

admin — Wed, 28 Jan 2009 15:15:36 +0000

配色に迷ったときに、使える無料のツールはたくさんありますね。

先日もkulerが人気を集めていましたが、カラーツールはまだまだたくさんあります。

kulerは、完成度が高く、とても良くできたツールですが、用途によっては他のツールも使えそう。

今回は、無料で使える色にまつわるツールをいろいろとまとめてみました。

kuler

Adobeから公開されているkulerほんとによくできてるツールですね。

COPASO | Pro Color Palette Software from COLOURlovers

色に関するブログで世界一有名なCOLOURloversから公開されているCOPASO。こちらの完成度もなかなかです。

[ws] Color Scheme Designer

mono、complement、triadなど、配色の基本がクリック一つで分かります。

[ws] Color Scheme Generator 2

こちらも感覚で使えるカラースキーマ

Create Color Schemes, Test Color Combinations – Colorspire

こちらは、ボックスにひとつずつ色を足して、色味を確認することができるツール。

colordb – the color database

配色を選択して、テンプレートに設定して確認することができるツールです。

4096 Color Wheel

カラーホイールにマウスオーバーするとセーフ、スマート、アンセーフカラーの３タイプが表示されます。

ColorJack: Color Generator

シンプルながら、いろいろな配色が試せるツールです。

Online color chart

シンプルなカラーピッカーです。次々と色が追加されていきます。

Color Wizard – Color Scheme Generator – Color Theory for web designers

上部のスライダーをスライドさせて色を決めれば、あとはセオリー通りの色味が分かります。

Unsafe Colormatch

テンプレートに色を付けていくことができるツールです。

Fashion Color Trends for Each Season| 2005 – 2010 | Fashion Trendsetter

色のトレンドがまとめられているツール。2010年までの色のトレンドが予測されています。

Name that Color

色の名前が分かるツール。左側のカラーホイールから色味をピックすると、色の名前が表示されます。

Japanese Traditional Colors – 日本の伝統色: 2xup

日本の伝統色がまとめられております。Photoshop用のカラーパレットへのリンクも公開されています。日本の伝統色がPhotoshopですぐに使えます。

日本の伝統色 Japanese Traditional Colors – 色彩のスパイス

こちらも日本の伝統色をまとめられております。日本以外に、中国、フランス、イギリスなど世界の伝統色がまとめられています。

Color Palette Generator

画像をアップすれば色味が分かるツール。

ColorBlender.com | Your free online color matching toolbox

スライダーで色味を決めて、Photoshopやillustratorの形式でダウンロードできます。

Veerle’s Topp, Daily Color Scheme

更新は止まっていますが、色のスキームがアップされています。

ColourMod Dashboard Widget » DHTML Colour Picker

Macのダッシュボードウィジェット。

Firewheel Design | Dashboard Widgets

毎日カラースキームが配信されるMacのダッシュボードウィジェット。

ColorSchemer – Online Color Scheme Generator

クリック一つでその色に合った色味をまとめて表示してくれます。

ColorMixers: Remixing RGB since 2003

スライダーで色を決めれば、その色に合った色とテキストを表示。

Color Hunter

画像からつくられたカラーバレット。

GenoPal – Color Schemes

カラーパレット、画像からの色味抽出、画像に色味を足してくれる３種類のツール。

Color Combinations Tester – Combo Tester – ColorCombos.com

各カラムに色を設定して見比べられるシンプルなツール。

I Like Your Colors

URLを入力すると、CSSから色味を抽出してくれるツール。

ColorZilla for Firefox

ブラウザ上の色味をピックアップできるFirefoxのアドオン。

Color Fields Colr Pickr

色で探せるFlickr画像。

Color Theory @ ColorJack

あらかじめ用意されているカラースキームを見ることができます。

COLOR IN MOTION

見ていて楽しい、カラースキームをテーマにしたフラッシュ。アニメーションもかなり凝っています。

オバマ大統領就任米国政府ウェブサイトもCHANGE! オバマデザインまとめ

admin — Thu, 22 Jan 2009 15:42:23 +0000

先日、就任式を終えたオバマ大統領。

大統領候補者の中で誰よりも、ウェブの重要性を理解していたオバマ大統領は、ウェブに莫大な費用をかけ、キャンペーン中は、ウェブサイトだけでなく、FacebookやMySpaceなどのSNSやblogにTwitterなどなど、新しいものを次々と取り入れ見事、勝利をおさめたオバマ大統領。

オバマ氏のサイトはデザインにもかなり力が入っていました。

今回は、オバマ大統領にまつわるデザインをいろいろとまとめてみました。

Welcome to the White House

就任と同時にホワイトハウスのウェブサイトもCHANGE!されていました。すっきりとしたエレガントなデザインですね。

Barack Obama and Joe Biden: The Change We Need

こちらは有名なキャンペーンページ。グラデーションの使い方が絶妙です。

Change.gov: The Obama-Biden Transition Team

こちらも政府サイト。

Design For Obama

PDF形式でダウンロードできるオバマ大統領のポスターです。用紙3X3のビックサイズのポスターがダウンロード可能です。

Special Obama

さまざまなオバマ大統領のポスターがまとめられております。

Downloadable Posters

こちらもオバマポスターいろいろです。

Obamicon.Me – Create Your Obamicon

あの有名なオバマポスターが簡単に作れるジェネレータです。自分の写真をアップすると、オバマポスター風に加工してくれるツール。

The Hardest Working Presidential Candidate Logo

オバマ・ロゴがいろんなバージョンにアレンジされています。

Logobama – Barack Obama Logo Creator

オバマ・ロゴのジェネレータです。写真をアップするとロゴに合わせてくれます。

Banner ads that Obama can believe in

キャンペーン用につくられたオバマ氏のバナー１０パターンあります。フラッシュバージョンとスタティックバージョンがあります。バナーデザインの参考にもなりそう。

Create an Inspirational Vector Political Poster

あのポスターをPhotoshopとillustratorでつくるチュートリアル。

Tutorial: Obama’s Background on Fireworks – Part 1

オバマ大統領のキャンペーンページの背景をつくるFireworksのチュートリアル。

グランジデザイン入門素材集

admin — Tue, 20 Jan 2009 14:07:46 +0000

昨年から人気のグランジ系のウェブデザイン挑戦してみたい方も多いのではないでしょうか？

しかし、なかなかグランジデザインは難しいですよね。

今回は、グランジデザインに挑戦してみたい初心者の方に。そのまま使える、テクスチャ、フォント、ブラシ、チュートリアルなどをまとめてみました。

みなさん是非挑戦してみては？

200+ Free Grunge Photoshop Brushes

200種類を超えるグランジPhotoshopブラシまとめ

25 Free Photoshop Grunge Brushes – Vol. 1

25種類のグランジブラシ

Grunge Photoshop Brushes Set

こちらもグランジブラシのセットです。

50 Most Extreme Free Grunge Fonts

50種類もの欧文グランジフォントがまとめられております。

Grunge Textures – Free Stock Photos, Textures and Backgrounds

グランジ系に特化したテクスチャ集です。

200+ Textures, Brushes, and Fonts: Ultimate Grunge Roundup

200種類を超えるクオリティの高いテクスチャまとめです。

High-Resolution Grungy Paper Textures

高画質のグランジペーパーのテクスチャ

50 Dirty, Filthy Grunge Photoshop Effects

50種類ものハイクオリティなPhotoshopチュートリアル。

40 Beautiful Grunge Photoshop Tutorials

かぶってるものもたくさんありますが、こちらもクオリティの高いチュートリアルたくさんです。

Grunge Photoshop Tutorials

こちらもたくさんのグランジテクスチャがいっぱいです。

ウェブデザインのレイアウトに役立つ１１サイト

admin — Fri, 16 Jan 2009 15:16:31 +0000

今回は、ウェブデザインのレイアウトに役立つサイトをいくつかご紹介します。

そのまま使えるレイアウトのサンプルや、いい感じのスクリプト、レイアウトの参考になりそうなインスピレーション系などを集めてみました。

スライドスクリプトとスライドを上手く利用したウェブサイトいろいろ

admin — Fri, 09 Jan 2009 14:33:47 +0000

JavaScriptを使って、ダイナミックな動きのあるサイトがたくさんありますね。

今回は特にスライドに注目していろいろなスクリプトとスライドを上手く利用したウェブサイトをまとめてみました。

サンプルのスクリプトと、インスピレーションサイトを参考にして、かっこいい動きのあるサイト作りに挑戦してみてはいかがでしょうか？

インスピレーションサイト

これらのスライドスクリプトをうまく使うと、以下のようなかっこいいサイトがつくれますよ。ご参考にどうぞ。

DesignWalker » インスピレーション

無料でダウンロードできるiPadの壁紙いろいろ

ついついクリックしたくなるボタンデザインいろいろ

2009年 上半期デザイントレンドまとめのまとめ

携帯サイト デザインギャラリーいろいろ

英語サイト

日本語サイト

真似からはじめるウェブデザイン

Viget Labs

Sony CES 2009

GoodBytes Blog

hereslifeafrica

Blog Amuki

STUDIO7DESIGNS

AdaptD

Jared Campbell

Bart-Jan Verhoef

Boompa

Starbucks Coffee At Home

まだまだあるカラーツールいろいろ

オバマ大統領就任 米国政府ウェブサイトもCHANGE! オバマデザインまとめ

グランジデザイン入門 素材集

2009年上半期デザイントレンドまとめのまとめ

携帯サイトデザインギャラリーいろいろ

オバマ大統領就任米国政府ウェブサイトもCHANGE! オバマデザインまとめ

グランジデザイン入門素材集