ZERO WEB スタッフブログ

気になった情報や今後の展開など

Entries for the ‘WEBデザイン’ Category

見ていて心地よいフルFLASHの広告サイト

・UNIQLO  INTRODUCTION
ユニクロの商品が勝手に下から上へ流れていきます。
色もきれいにグラデーションになっています。見ていて全く飽きない、ずっと見ていたいと思わせるサイトです。

・日本新聞協会 「新自聞スタイル」
新聞自体がFLASHになったら、さぞかし読むのが楽しくなることでしょう。
ありそうでなかったスタイルです。

・東京海上日動 「マングローブワールド」
東京海上日動が実施しているマングローブ植林を通して、自然を残し伝えていくという事を体験するサイト「マングローブワールド」。マングローブ植林の疑似体験や、写真・映像がたくさん用意されています。
本当にその場にいるような気にさせてくれます。
インターネットの広告媒体はバナー広告やテキスト広告だけでなく、動画広告やこうしたサイトまるまる1つを使って大々的に広告していく方法が主流になってきました。
これからどんな手法の広告が出てくるのか、楽しみです。

Leave a Comment

大手企業のロゴを集めた参考サイト

ロゴマークは、その企業の顔となる重要な要素です。
ロゴと同時に、コーポレートカラーも決めることもあります。
例えば銀行で言うと、三井住友は緑、みずほは青、三菱東京UFJは赤、という風に。
今回ご紹介するサイトは、誰もが知っている有名企業のロゴや、イベントのロゴを業種別にまとめた「LogoStock」というサイトです。
ロゴデザインの仕事が来たときに、同業他社の傾向を調べるのに便利ですし、ロゴの解説もあります。
英語+日本語とか、日本語+漢字とかの組み合わせをうまく見せるには?
統一感を出すには?
字以外の要素で、その企業を端的に表すことのできるデザインとはどんなものか?
ロゴひとつで、その奥にある様々なコンセプトを読み取ることができるようになります。

・LogoStock

Leave a Comment

Photoshopの便利なプリセット

ウェブに限らず、デザインを行う際、かかせないアプリケーションの一つであるPhotoshop。
その機能はとても多彩ですが、より便利により簡単に使う為のツールがいくつかあります。
ブラシやカスタムシェイプ、レイヤースタイルなど、一から作業を行わなくても
クリック一つで簡単に装飾が行えてしまう優れものです。
しかもウェブ上にはそんなプリセットを無料でダウンロードできるサイトが多数存在します。
deviantART: where ART meets application!

Photoshopだけでなく、IllustratorやPaintShopなどのプリセットや
各種画像素材などが多数あります。
有償、無償、商用利用などの規約は各素材によって異なります。
左サイドバーを
>Resources & Stock Images > Application Resources
と進むと各アプリケーション用の素材が表示されます。
Photoshop Brushes

サイト名がPhotoshop Brushesとなっていますが、ブラシだけでなく、
パターンやカスタムシェイプ、レイヤースタイルやグラデーションファイルが揃っています。
カテゴリー別に整理されているので検索もカンタンです。
Free Photoshop Brushes | BrushKing

Photoshop用のブラシがカテゴリ毎に整理されています。
基本はブラシのみですが、姉妹サイトとしてPhotoshopのチュートリアルを紹介しているサイトもあります。
こだわったチュートリアルで紹介されているどのデザインもとても参考になります。

Leave a Comment

配色を悩まな為のサイト まとめ

デザインするうえで、配色は重要かつ難しい問題です。
いろいろな用語や理論があり、組み合わせも無限なので、一から考えるのは大変。
そこで、配色に関するウェブサイトを集めてみました。

自由に色を設定でき、その色に合わせた配色が表示されます。
使い方が簡単で便利です。

画像にある色を抜き出してくれるサイト。
雑誌のカバーとかポスターなど、いろいろな画像であそべます。

任意の色を選ぶと、その色とウェブセーフカラーとを比較して、コードも吐き出してくれるサービスです。
微妙なニュアンスを確かめたいときに使えます。

ある程度色味がきまったらウェブサイトのレイアウト上、どのようなバランスになるか、見せてくれるサイトです。
大まかに色味をとらえてから、デザインをした方が間違いが少ないですね。

日本の伝統色です。
いざというときに参考になります。

カラートレンドや、上質な配色がたくさんあるサイトです。
任意の色がなかなか決まらない時に、配色から選ぶのも手です。

フォトショップやイラストレーターで有名なアドビが提供する配色サイトです。
サイトそのものもかっこよく、分かり易いです。

Leave a Comment

ウェブ制作に使える便利なツール

本来、ウェブ制作を行うには多様なアプリケーション類や、html、CSS、javascriptなどの様々な知識が必要になります。
しかし、ウェブ上にはそれらを簡略化してくれる便利なツールが多数存在します。
IzzyMenu – Menu Builder – Build your pro CSS/DHTML Menu!

IzzyMenuはCSSメニューをビジュアル的に作成出来るツールです。
カスタマイズしてオリジナルのメニューを作成する事も出来ますが、
既に作成されているメニューが恐らく100種以上あります。
(あまりの数に確認しきれてません;)

ページ右上の[Menus Catalogue]をクリックすると既に作成されているメニューが表示されます。

お好みのメニュー項目がありましたらクリックすると表示されているメニューが変更されます。

ページの下にある[Download]をクリックすると同じメニューを表示させる為のhtml、CSS、画像がダウンロードできます。
メニュー項目もあらかじめ必要な物に設定したり、フォントを変更したり出来ますが、残念ながら日本語には対応してない様です。
Stripe Generator – ajax diagonal stripes background designer

こちらはストライプ柄を簡単に作成してくれるジェネレータ。
背景色とボーダー色、ボーダーの幅、ボーダーに付ける影の濃度、背景色にかけるグラデーション、ボーダーの向きなどを変更するとオリジナルのボーダー画像が作成されます。

お好きな画像を作成して、[Download]をクリックすると、パターンとして利用出来る小さな画像がダウンロードできますのでサイトの背景に指定するなどすると便利です。

Leave a Comment