Posts Tagged ‘webdesign’

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

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

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

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

続きを読む »

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

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

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

続きを読む »

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

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

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

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

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

続きを読む »

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

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

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

続きを読む »

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

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

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

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

続きを読む »

Tableのデザインまとめ

Tableのデザインまとめ

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

続きを読む »

フォームデザインいろいろ

フォームデザインいろいろ

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

続きを読む »

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

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

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

続きを読む »

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

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

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

続きを読む »

ウェブの画面設計に使えるまとめ

ウェブの画面設計に使えるまとめ

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

続きを読む »

Page 1 of 212
広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ