UIキットを使ってウェブサイトも簡単にプロの仕上がり!無料のUIキットいっぱい デスクトップ編

ボタンやフォーム、プログレスバーなどのコンポーネントやレイアウト、フォントなどなど、ウェブデザインの素材がぎっしりつまった、UIキットを使えば、 簡単にプロが作ったようなウェブデザインが作れます! しかも、今回は無料のU […]…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Tableのデザインまとめ

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

見比べられるビフォー・アフターデザインいろいろ

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

パララックス効果を使ったウェブデザイン

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