Quantcast
Channel: Gozaru de 5zaru* » webデザイン
Viewing all articles
Browse latest Browse all 10

プログラマーがかっこいいWEBサイトを作る5つのコツ

$
0
0

190921

「かっこいいサイト作るぞ!」
と意気込んでみたももの、いざ作ってみると
「あれ・・・なんかダサい・・・」

WEBサイトを作成したことのあるプログラマーの方なら、
経験したことがある方も多いのではないでしょうか?
 
デザインを1から自分で考えない
これは絶対やってはいけません。 デザインを1から自分で考えた時点で、ダサいサイトへの道がほぼ決まります。 そこでどうするかというと、まずデザインを参考にする「かっこいいサイト」を探します。 似たレイアウトを持つWEBサイトを探し出すことで、本来自分で考えなければならない時間を大幅に短縮することができます。 またこの手を使うことで、サイトの構成を考える上でも参考になったりするので非常にメリットは大きいです。

色を使い過ぎない 
いろんな色を使えば使うほど、全体の色のバランスをとることが難しくなります。 色のバランスがとれないということは、見栄えのするサイトにはなりません。 そのため、テーマカラーを1つ決め、その色を中心に、似た系統の色で統一する、もしくは使う色を3色程度に限定する、などの方法が有効です。

http://kuler.adobe.com/

 
ちょっとしたボタンくらいは描けるようになっておく
私の場合、Photoshopは使い方が全くわからず、操作が難しいイメージなのですが、同じAdobeが販売しているFireworksというグラフィックソフトが、それほど複雑でなく、使い易いため、もっぱらこちらを使っています。
 
クオリティの高い素材サイトを見つけておく
素材サイトは無料なものから、有料なものまで様々ですが、私は海外の素材サイトを利用することが多いです。
例えば、↓のサイトは素敵なアイコンが豊富にあります。

http://www.iconspedia.com/

http://www.dreamstime.com/

 
「このデザインいいな!」と思ったらブックマーク
日頃から、気に入ったデザインのサイトや、バナーなどを見つけたらブックマーク、もしくは、画像を保存しておきます。 こうして引き出しを貯めておくことで、いざ自分でサイトを作ろうと思ったときに役に立ちます。(サイトを作ろうと思ったときに参考になるサイトを探しはじめても全く問題ありませんが、日頃から探しておいた方が、あとで楽できます)
 
{ソース}プログラマーがかっこいいWEBサイトを作る5つのコツ – おかねがない(゚∀゚)ッ!!

http://d.hatena.ne.jp/muggles0812/20110810


Viewing all articles
Browse latest Browse all 10

Latest Images

Trending Articles





Latest Images