ウェブデザインのインターフェイスからロゴデザインやビジュアルなど、インスピレーションやアイデアを探してる時に利用したい便利なサイトを紹介します。 Visual Heap [ad#ad-2] Visual HeapはDribbbleやCreatticaなどのサイトから最新のアイデアを集めたポータルサイトで、Visual Heapのサイト自体のインターフェイスも面白い作りになっています。 レイアウトは各サイトの作品が横にスライドするもので、各作品をクリックすると縦にスライドしその作品を表示します。

そのまま使うも良し、デザインの勉強をするも良し、のウェブデザイン用の高品質なPSD素材がダウンロードできるサイトを紹介します。 キャプチャ：「tutegate」から「Pretty little frame」 下記にPSD素材がダウンロードできる全8サイトと、それぞれからいくつかピックアップしました。 [ad#ad-2] tutegate Victor Sosea the Finished Box 365psd Premium Pixels Freebies Booth Themes Kingdom 素材をダウンロードして利用する際には、ライセンスを必ず確認してください。 tutegate

ウェブデザインに役立つリソースやチュートリアルを掲載している「Artfan Design」から、個人ブログやポートフォリオ、ビジネスサイトですぐに使えるウェブページのPSD素材を紹介します。

ファブリック素材の拡大キャプチャ ダウンロードできるはPhotoshopのパターン素材には、9種類のパターンがあります。

ナビゲーション、ボタンなどのエレメントをはじめ、ページレイアウト、アイコンなど、商用でも無料で利用できるウェブデザイン用のPSD素材を配布しているサイトを紹介します。

Designs of the Year: 2009 どれもぱっと見でデザインが素晴らしいものばかりですが、細部も丁寧に作り込まれ、インタラクションも面白いものとなっています。 ギャラリーには他にも多数の素敵なサイトが登録されています。 The Drawar Website Gallery

既存のウェブサイトのデザインにちょっと手を加えて「Good」から「Great」にする6つのポイントをMyInkBlogから紹介します。 6 Ways To Take Your Webdesign From Good To Great 下記は各ポイントと実例をピックアップした意訳です。 元記事には実例などが他にも豊富に掲載されています。 1. はじめに 1. グラデーション 2. ホワイトスペース 3. グリッド 4. タイポグラフィ 5. ナビゲーション 6. フッタ はじめに ウェブデザインの「Good」と「Great」の差は小さなものです。平均的な人は素晴らしいデザインを構成する明白な相違点を説明することが可能ではないかもしれません。しかし、好きなデザインを見つけることは可能です。いくつかの素晴らしいサイトを分析することで、その相違点を補う小さなディテールをみつけることができるでしょう

2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト

ロイヤリティフリーの写真画像が、Flickrやstock.xchngなど複数のサイトから簡単に探すことができる「Cyclo.ps.」を紹介します。 Cyclo.ps. 画像検索の対象となっているサイトは現在８つで、チェックボックスを使用して好みのサイトのみを対象にすることもできます。 検索に使用するキーワードの言語は英語ベースとなっています。

ウェブデザインのクオリティをアップする7つのポイントをFunction Web Design & Developmentから紹介します。 How to Spot Quality within Web Design: Examples & Tips 以下、その意訳です。 1. Spacing スペースは、デザインされたエレメントの間に使用される巧妙なテクニックです。素晴らしいイメージを配置することも大切ですが、そのエレメントにどのようにスペースを与えるか充分に考慮する必要があります。 充分なスペース

サイトマップを独立したページとしてではなく、フッタに配置する際のポイントとその効果をWeb Designer Wallから紹介します。 Modern Sitemap and Footer 下記は、その意訳です。 昔はほとんどすべてのウェブサイトで、コンテンツをリストアップしたサイトマップを独立したページとして設置していました。 サイトマップの重要な目的は、ユーザーや検索エンジン（スパイダー）がサイト内の情報を探し出すのに役立つことです。 現在は、多くのモダンなウェブサイトでサイトマップページを設置していません。代わりに、サイトマップをフッタに配置しています。 サイトマップをフッタに設置する効果 クリック数やページビューの増加 ユーザーはページを隅々までじっくり見るわけでなく、スクロールしながらざっと見ることがほとんどです。 そして、多くのユーザーがスクロールして最後に見る場所は、フッタです

デザインを魅力的なものにする、シンプルな10個のテクニックをSmashing Magazineから紹介します。 10 Simple and Impressive Design Techniques 以下、その意訳です。 手間のかかるデザインテクニックは高度な効果を与えることができますが、間違ったところに使用してしまうと、意図したフォーカスとは異なり、ユーザーの気をそらすだけになってしまうことがあります。 これらのテクニックは、効果的に見せるために必要なデザインかもしれません。しかし、よりシンプルなテクニックでも充分な効果を与えることができます。 シンプルなテクニックやエフェクトというのは、デザインの基本です。 「less is more」の考えを元に、デザインの概観とパフォーマンスを劇的に改善できる非常にシンプルで印象的な10のデザインテクニックを紹介します。 1. Add Contras

Chandoo.orgのエントリーから、条件付き書式を利用して、エクセルのデータを見やすくする5つのテクニックを紹介します。 Learn Cool Microsoft Excel Conditional Formatting Tricks テーブルの横列・縦列をハイライト 条件付き書式を使用したガントチャート セル内に配置するグラフ ミスやエラー・データ欠落などのハイライト表示 直感的に把握できるデータテーブル [ad#ad-2] エクセルデータは、Chandoo.orgのエントリーの一番下からダウンロードできます。 テーブルの横列・縦列をハイライト テーブルのデータを見やすくするために、横列・縦列を交互にハイライト表示にします。 ハイライトにするテーブル全体を選択します。 メニューより、[書式] - [条件付き書式] を選択。 「数式」を選択し、「=MOD(ROW(),2)=0」を入力し

digital Photography Schoolのエントリーから、パターンやシンメトリー、ライン、フレーミング、パース、スペースなど写真を上手に撮るために重要な10の構成要素を紹介します。 5 Elements of Composition in Photography 5 More Elements of Composition in Photography [ad#ad-2] Pattern（パターン）

UI Pattern Factoryは、フォームやナビゲーションなどのユーザーインターフェイスを設計する際に役立つリソースをコレクションしたサイトです。 UI Pattern Factory 詳細な解説があるコンテンツは数多くありませんが、そのUIについて、どのような性質で、何が必要で、注意する点を挙げ、どのように実装するのがベストであるか、ということを解説しています。 また、同サイトのflickrでは、フォームやショッピングカート、ナビゲーションなどたくさんのウェブサイトのユーザーインターフェイスの参考になるエレメントがクリップされています。

インドネシアのデザイナー：Tony Ariawanのポートフォリオを紹介します。サイトには下記以外にも多数のデジタルアートがあります。 area105 -The Experiment Area of Tony Ariawan

Flipping Bookは、雑誌のようにページがめくれ、拡大表示・印刷・PDF保存などの機能を備えたFlashのビューアーです。 Flash page flip engine -FlippingBook デモ Flipping Bookは、画像をフォルダに入れるだけで設定できる「HTMLエディション版」や、インターフェイスの変更も可能なFlashの機能拡張の「Flashコンポーネント版」など複数の形態で配布されています。 インターフェイスを変更したFlipping Bookのデモ Flipping BookはHTMLエディション版・Flashコンポーネント版など有償ですが、HTMLエディション版（10ページ）はフリーで利用できます（商用利用は不可）。 FlippingBook HTML Edition (Free Version) HTMLエディション版は、表示する画像（拡大画像とサムネ

デザインセンスを刺激して、インスピレーションを与えるサイトの10選です。 Pattern Tap ボタンや背景・線などエレメントごとのデザイン集 StyleCrunch クールなデザインでスタンダード

光、光源、光線、光跡を効果的に使用した、音楽シーンでよく見かけるエフェクトからビーム・太陽光・ファンタジーなものまで、光を効果的に使用したPhotoshopのチュートリアル集のPart 5です。