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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

jQueryサンプル集 | DesignWalker

2008/04/23 1111 users

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

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

2008/04/10 1035 users Excelデータ

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

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

2008/02/28 2238 users

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

CSS Spriteを活用しよう - DesignWalker

2008/02/16 1066 users CSS Sprite

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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