DesignWalker

ウェブサイトを構築する際にワイヤーフレーム（骨組み）からしっかり作り込んでおくとデザインの作業もスムーズに進めることができます。

また、クライアントに提示するプレゼンテーションとしても利用できるので、ワイヤーフレームを作って、要素の抜けや動作の矛盾などをなるべく最小限にすることができるのではないでし…

続きを読む »

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

続きを読む »

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

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

オバマ氏のサイトはデザインにもかなり力…

続きを読む »

昨年から人気のグランジ系のウェブデザイン挑戦してみたい方も多いのではないでしょうか？ しかし、なかなかグランジデザインは難しいですよね。 今回は、グランジデザインに挑戦してみたい初心者の方に。そのまま使える、テクスチャ、フォント、ブラシ、チュートリアルなどをまとめてみました。 みなさん是非挑戦してみては？…

続きを読む »

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

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

続きを読む »

料金表やスペック表などに使えそうなTableのデザインを探してみるといろいろと見つかりました。 以前にもこのブログで「TableとCSSいろいろ」でもご紹介しましたが、 今回はTableのデザインパート２と言う事で、いろいろとまとめてみました。サンプルやダウンロードページが別に分かれているところは、そちらのリンクも記載しておきましたので、参…

続きを読む »

今回は、フォームの見た目にこだわっていろいろとフォームのデザインをまとめてみました。
登録、ログイン、コメント、検索などなどいろいろな場面で使われるフォームをきれいに見せるアイデアがたくさんつまっています。
Blog C [...]…

続きを読む »

ウェブサイトのデザインリニューアルなどの際に参考に。
どのように変更されたのか、以前のデザインと見比べてみるのもいいですよね。
今回は、ウェブデザインのビフォー・アフターを中心にデザインを見比べることができるサイトをまと [...]…

続きを読む »

パララックス効果って、あまり聞き慣れない言葉ですが…。
初期の横スクロール型のテレビゲームなどでよく使われていた視差効果を使って奥行きを出す技法だそうです。
いくつかのレイヤーを、それぞれ違った速度でスクロール（奥にある [...]…

続きを読む »

構築するウェブサイトの規模が大きくなればなるほど、画面設計はとても大切なものになりますね。
要素の抜けや、動作的な矛盾が無いかを確認したり、デザイナーはその設計書を元にデザインをおこすので、設計書の善し悪しが、最終的にそ [...]…

続きを読む »