ダウンロードし放題 商用利用可能な写真素材サイトいっぱい | DesignWalker

2008/12/12 2987 users stock.xchng ウェブサイト 印象 ダウンロード 写真

ウェブサイトのデザインも写真ひとつで印象は大きく変わります。 とはいってもきれいな写真素材を購入すると意外と高かったりしますね。 自分で撮影しても、なかなか思ったようにきれいに撮れなかったり…。 今回は、商用利用も可能な写真素材がダウンロードできる素材サイトをいろいろと集めてみました。 stock.xchng こちらは有名ですね。ダウンロードにはアカウント登録が必要です。急に写真が必要なときに便利... 続きを読む

PowerPointテンプレートサイトいろいろ - DesignWalker

2008/02/28 2238 users

みなさん、仕事でPowerPointを使われる機会が多いのではないでしょうか。 資料作成もセンスが問われますね。。 きれいなデザインの資料はやっぱり、見ていて気持ちがいいですよね。 本日は、無料で使えるPowerPointのテンプレートサイトを中心にいろいろとまとめてみました。 1. Art of Office - PowerPoint Office Macユーザーのコミュニティサイトです。その名... 続きを読む

Photoshopの無料ブラシを使って、たった３分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

2007/01/27 1686 users ブラシ ブラシツール ウェブデザイナー ファイル ロサンゼルス

お気に入りのブラシを見つけたらダウンロードして、ファイルを解凍して、インストールします。 っちゅうわけで、簡単なブラシのインストール方法を・・・ 1. Photoshopを起動してブラシツールを選択(PhotoshopCS2英語版を使っております・・・多分日本語版でもほとんど一緒のはず・・・) 続きを読む

髪の毛切り抜き / Photoshopを使って背景をきれいに切り抜く方法まとめ | DesignWalker

2009/04/03 1663 users チュートリア Photoshop 動画チュートリアル 背景

Photoshopを使いはじめてだんだん楽しさがわかってくるのは背景をきれいに切り抜くことができるようになってからではないでしょうか。 切り抜きが素早くできれば作業効率もアップしますし、きれいに切り抜ければ最後の仕上がりもとても美しくなります。 今回は、そんなPhotoshopの基本といっても良いかもしれない、背景をきれいに切り抜ぬく方法をまとめてみました。 動画チュートリアル 動画のチュートリア... 続きを読む

無料で使える写真素材 - 厳選１２サイト | DesignWalker

2007/02/17 1488 users ウェブサイト ご存知 テンプレート 方々 著作権

個人的に、ブログやウェブサイトのテンプレートを作っている方々はご存知かと思いますが、つかえる写真素材を集めるのって結構、大変ですよね。。。 自分で写真を撮って使えば問題ないのですが、なかなか思ったような写真が撮れなかったり。。 著作権などの問題もあって、他のサイトからとってくるのはちょっと怖いし。。買ってしまえばいいのですが、これがなかなかお高いのです。数千円のものから数万円のものまで。。やっぱり... 続きを読む

無料で使える日本語フォント11選 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

2007/03/13 1476 users ウェブデザイナー フォントファイル ロサンゼルス カタカナ

アルファベットのフォントは、無料で結構配布されているのですが・・・ 日本語のフォントは、なかなかクオリティの高いものを探すのは大変。。。 アルファベットは26文字プラス記号などで構成されているので、 フォントファイルを作られる方にも、作りやすいのでしょうね。。 日本語フォントとなると、ひらがな、カタカナ、漢字と・・・印刷関連のプロの方々が使われる文字数は17,000文字くらいになるそうで。。。 ど... 続きを読む

ウェブサイトの設計図 ワイヤーフレームを活用しよう | DesignWalker

2009/04/22 1469 users ワイヤーフレーム 骨組み プレゼンテーション 矛盾 最小限

ウェブサイトを構築する際にワイヤーフレーム（骨組み）からしっかり作り込んでおくとデザインの作業もスムーズに進めることができます。 また、クライアントに提示するプレゼンテーションとしても利用できるので、ワイヤーフレームを作って、要素の抜けや動作の矛盾などをなるべく最小限にすることができるのではないでしょうか。 今回は、ウェブサイトの設計図とも言える、ワイヤーフレームについていろいろとまとめてみました... 続きを読む

無料で使えるAdobeCS3の代替ソフト - DesignWalker

2007/07/12 1379 users Adobe グラフィック 代替ソフト ウェブ クリエイター達

グラフィック、ウェブ、映像関係などなど、多くのクリエイター達が愛用しているAdobeのCreativeSuite これらのソフトを個人で買おうと思うと。。。結構お高いですよね。。。 っちゅうわけで、無料で使えるAdobeCS3の代替ソフトをご紹介。 もちろん、すべてのツールがCreativeSuiteと同じわけではないので、完全に再現されているわけでないのですが・・・ 学生の方や、趣味でグラフィッ... 続きを読む

フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい | DesignWalker

2010/06/02 1363 users 過言 ウェブ 方々 フォーム要素 ユーザー

お問い合わせやユーザー登録、ログインから商品の注文まで、ウェブでとっても重要なフォーム要素。 このフォームの使い勝手や見栄えはそのサイトの売上や登録に大きく影響するといっても過言ではありません。 フォームの入力項目が多すぎたり、わかりづらかったりすると、せっかく購入やユーザー登録する気になってくれているユーザーの方々も逃げてしまいますよね…。 今回は、フォームのデザインや使い勝手を強化してくれるj... 続きを読む

ソースがダウンロードできるFlashエフェクト集 | DesignWalker

2009/06/11 1293 users Flash 加減 イライラ センス すごいもの

ちょっとしたFlashエフェクトにセンスを感じる事はありませんか？ 光の微妙な加減や、ちょっとしたスムーズ動きで自然に見せるFlashは、見ているだけでも楽しめますね。 たまには、このFlashどうやって作ってるんだろう？？って思うほどすごいものもちらほらあります。 今回は、そんなイライラも解消できるように、ソースもダウンロードできるハイクオリティなFlashエフェクトをいろいろとまとめてみました... 続きを読む

ここまでできる！CSS3を使ったチュートリアルまとめ | DesignWalker

2010/05/17 1175 users ウェブデザイン デザイナー 古いブラウザ たくさん 皆さん

ここ数年でたくさんの情報が揃ってきたCSS3。古いブラウザでは対応されていないため、まだまだ一般に普及するまでは時間がかかってしまうのかもしれませんが…。 CSS3を使えば、ウェブデザインの可能性をさらに広げてくれることは間違いありません。 デザイナーの皆さんは、是非CSS3でどんなことができるの？って事だけでも今のうちから知っておいても損はないと思いますよ。 今回は、そんなCSS3を使えばここま... 続きを読む

jQueryサンプル集 | DesignWalker

2008/04/23 1111 users

前回は、『Scriptを使わないCSSエフェクト、Tipsいろいろ』をご紹介いたしました。 今回は、逆にjQueryを使ったサンプル集です。なるべく簡単に使えそうな、プラグインを中心にまとめてみました。 Lightbox, Modal Window関連 jQuery lightBox plugin とってもシンプルなLightboxプラグイン。 Facebox 画像だけでなく、テキストも表示できま... 続きを読む

CSS Spriteを活用しよう - DesignWalker

2008/02/16 1066 users CSS Sprite

みなさんお馴染みのYouTube このYouTubeのプレーヤーに使われている画像は実は↓のような一枚の画像が用意されていて、スタイルでうまく表示されているようです。 画像をスライスして一枚ずつ読み込むよりも、このように一枚の画像にすると、スライスの手間が省けるのと、読み込みの再に、リクエストが一回で済むので、場合によってはこちらの方が早く読み込まれることになりそうです。 このテクニックをCSS ... 続きを読む

CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

2007/02/02 1038 users ウェブデザイナー padding Body margin 余白

本日は、実用的なCSS（スタイルシート）のお話。CSSコーディングを始める一番最初にbodyタグに設定しておくと、結構便利かな？と思われるポイントをまとめてみました。。 margin:0; padding:0; margin:0; padding:0;って設定しておくと、とりあえずブラウザの標準で設定されている余白を無くす事ができますね。ブラウザごとにこの余白の設定はまちまちなもので、わたくしは最... 続きを読む

Excelデータをビジュアライズしよう - DesignWalker

2008/04/10 1035 users Excelデータ

Excelってそれほど使う事はないのですが…。 今回は、Excelのデータをグラフなどを使って、視覚的に分かりやすく表示できるツールやTipsなどをご紹介します。 CX NOW! Powered by Crystal Xcelsius Excelファイルをインポートして、データをビジュアライズできます。パイチャートやダイヤルなど、かなり高機能です。flashやPowerPointなどにエクスポート... 続きを読む

ウェブデザインのユーザーインターフェースに使えるサイトまとめ | DesignWalker

2009/08/24 1019 users ユーザーインターフェイス ユーザーインターフェース 要素

誰にでも簡単に使いやすいユーザーインターフェイスをデザインする事はウェブデザインにおいてとても重要な要素となります。 とは言っても、誰もが直感的に使いこなせるユーザーインターフェイスをデザインする事はなかなか簡単なことではありません…。 今回は、優れたウェブデザインのユーザーインターフェイスを作り出すために、参考になりそうなサンプルサイトをいろいろとまとめてみました。 User Interface... 続きを読む

アルファベットを使ってロゴを作るときの10のTips - DesignWalker

2007/06/12 991 users プロジェクト ライン 見せ方 参考 Tips

現在、とあるプロジェクトでロゴを制作しておりまして、いろいろと参考になりそうなものを調べていると、 アルファベットを使ってロゴを作るときに参考になりそうな、見せ方のTipsをうまくまとめられている “Strategies for Letter-based Logo Design“というページを発見したので、その中から、10のTipsを実際の企業のロゴと共にご紹介。。 1. 縦のラインであわせる 以... 続きを読む

無料で使えるデザイン系ソフトいっぱい - DesignWalker

2007/07/21 950 users GIMP 代替ソフト かなり気合 イメージ デザイン系

以前『無料で使えるAdobeCS3の代替ソフト』ご紹介したように、無料で使えるデザイン系フリーウェアっていろいろあるんですね。。。 『45 Best Freeware Design Programs』でも、かなり気合の入った記事がアップされております。。。 このブログでも、いくつか既出のものもありますが。。。 イメージ・エディター編 1. GIMP これまでも、何度かご紹介しましたGIMP。 2.... 続きを読む

クリック一回でプロの仕上がりPhotoshopアクションファイルいろいろ | DesignWalker

2009/02/19 922 users Photoshop クリエイター アクションファイル 多く

Photoshopのアクションファイルは、ブラシ同様に多くのクリエイターが無料で配布している、Photoshopで読み込み可能なファイルです。 アクションファイルは、あらかじめPhotoshopの作業工程が記憶されているファイルで、その作業工程を自動で再現してくれる、とっても便利な機能です。 プロの技を保存したアクションファイルを手に入れると、クリック一回でプロの作業工程を再現してくれるのです。 ... 続きを読む

フォームをデザインしよう | DesignWalker

2009/03/25 910 users checkbox ウェブデザイン rAdio フォーム CSS

お問い合わせやログイン、アンケートなどなど、ウェブデザインには欠かせないフォーム。 今回は、そんなフォームをデザインする方法をいくつかまとめてご紹介します。 JavaScriptやCSSを使えば結構いろいろなことができそうです。 FancyForm mootoolを使ってチェックボックスとラジオボタンををクールなデザインに変えてしまうことができます。 CRIR: Checkbox & Radio ... 続きを読む

バナー広告デザインまとめ - DesignWalker

2008/05/28 895 users

このブログの読者の方々で、バナーをデザインされているデザイナーの方々もいらっしゃるのではないでしょうか？ ウェブのバナー広告のデザインは、限られたスペースで、その商材の良さをアピールして、ユーザーにクリックしてもらえるかが勝負なので、なかなか大変ですね。 今回は、そんなバナー広告のデザインに使えそうなサイトをピックアップしてみました。 インスピレーション編 Ads of the World: Cr... 続きを読む

Fireworksのチュートリアルいろいろ - DesignWalker

2008/04/22 893 users Fireworks Ado チュートリアルいろいろ 外部 方々

ウェブデザイナーでFireworks派の方々も結構いらっしゃるのではないでしょうか？ たまに、外部のデザイナーの方からファイルを送っていただくとPNGファイルだったりして… もちろん、psdファイルに書き出しも出来ますが。Photoshopだけじゃなく、Fireworksの使い方もある程度、知っていて損はないですよね。 本日は、Fireworksのチュートリアルをいろいろまとめてみました。 Ado... 続きを読む

イラストレーターを勉強しよう - DesignWalker

2007/11/20 876 users イラストレーター

このブログでは、あえてあまり触れてこなかったIllustrator。 わたくし、実はあまりIllustratorは使いません・・・っというのもあまり得意ではないので。。。 といっても、まったく使わないわけではなく、アイコンやロゴの制作時には嫌々使ってます。 デザインの幅を広げるためにも常々Illustratorは勉強しておかないとなぁ。っと思っております。 っちゅうわけで、本日はIllustrat... 続きを読む

デザイナーのためのHTML5リソースまとめ | DesignWalker

2009/11/09 859 users デザイナー

2010年には、正式な勧告としてリリースされる予定のHTML5。 徐々にブラウザの対応も進んでいて、すでに、多くのデザイナーたちは、この次世代HTMLを使って、様々な活動を始めています。 だんだんとHTML5のリソースも増えてきたので、今回はHTML5についてまとめてみました。 まずは、HTML5を使ってどういう事ができるのか？実際に見る事ができるサイトをいくつかご紹介。 HTML5 Galler... 続きを読む

Wordpress便利なプラグイン30選 | DesignWalker

2009/01/23 850 users WordPress メタタグ XML プラグイン30選 本日

本日は、Wordpressの便利でよく使うプラグインを30個まとめてみました。 こうやって見てみると、プラグイン次第でブログがどんどん進化していく感じで楽しいですね。 みなさんも、おすすめのプラグインがあったら、是非教えてくださいね！ All in One SEO Pack メタタグが細かく設定できます。 Google (XML) Sitemaps Generator for WordPress ... 続きを読む