解決済みの質問
>ここでわたしは企業サイトをソースを見ずに作ってみようと思うの
>ですがどうおもいますか?
そうですねー。私ももちろんHP作成を始めた頃はプロっぽく見せるにはどうすればいいかずいぶん悩みました。
自分の好きなサイトを真似してみるというのはとてもいい勉強になると思いますよ。
私がそんな中でお勉強した、プロっぽく見えるこつをお教えしますね
1.グリッドデザインを意識する
グリッドデザインとは、例えば、小学校の頃使った算数のノートの様な
方眼紙のマス目を意識して行うデザインの事です。
メニューの大きさを揃えたり、コンテンツ部分はきちんと2等分、3等分したりと
比率なども考えるとすっきりとした印象になりますよ
2色の使い方を意識する
Webは平面デザインですが、色にグラデーションや光、陰を意識すると
結構プロっぽくみえると思います。
後重要な事は、サイトカラーを配色サンプルとして
一度フォトショップなどで作っておく事です
3.サイトキーワードに基づいたデザイン
例えばビジネスサイトなら「信頼感」、IT系なら「近未来」などなど
サイトや企業ごとにイメージワードの様な物があると思います。
それらを決定して、そのワードをもとにイメージを作っていくといいと思います。
4.余白の使い方
コンテンツとコンテンツの間、文字と文字の間、行間。。。
などなどスペースを意識してできるだけ統一してみたり
読みやすい文字の配置を意識してみて下さい。
これはグリッドデザインに通じる部分でもありますね
今ぱっと思いつくのはこの4つくらいですが
何よりも大切なのは、細部まで妥協せず作り込むこと。
それがプロだと思いますよ
投稿日時 - 2007-11-09 16:04:02
お礼
ありがとうございました。
グリットデザインですね
イヤー勉強になりました。
サイト全体のデザインを統一させて作ってみようと思います。
投稿日時 - 2007-11-10 10:56:53
3人が「このQ&Aが役に立った」と投票しています
ベストアンサー以外の回答(7件中 1~5件目)
Web制作会社を運営している者です。
一般的にはWebデザイナーと呼ばれる仕事についてます。
>ドリームウェバーを使う前にまず手打ちで
>HTMLを覚えたほうがいいと聞いたのですがどうなのでしょうか?
HTML手打ちは必須だとは思いますが
HTMLコーディングはコーダーさんといってそれ専門にやってもらう事もありますので、とーーってもデザインがお上手ならそういった方法もありかもしれません。
スタイルシート(CSS)も是非お勉強して下さい。
Dreamweaver(ドリームウィーバーですね)はあくまでコーディングを助けるためのソフトなので
まぁ使えるに超したことはないですが、手打ちでやってるデザイナーさんも多いですよ。
参考までに私がびっくりしたHTML手打ちのサイトのURLを張っておきます。
http://www5.plala.or.jp/SQR/ff11/index.html
私自身Dreamweaverは仕事でもう何年も使っていますが、まだまだ極めてなんかないですし、今更気付く機能もあったり…
みなさんが仰るように、フォトショかイラレなら、フォトショですね。
でもこれもWebデザイナーの私は極めていませんが…
一番の近道はまず自分でHPを作ってみることですよ!
投稿日時 - 2007-11-09 01:26:02
補足
ありがとうございます
自分でサイトを作るということですが
今私は何点か自分でサイトを作っています。
ただなんというかプロっぽいサイトが作れません。
ほんとに素人がつくっているなというのしかできません
ここでわたしは企業サイトをソースを見ずに作ってみようと思うの
ですがどうおもいますか?
投稿日時 - 2007-11-09 09:35:49
極める必要はありませんが、両方使えることは必要かと思います。
※使えるようになるのは仕事をすれば使えるように嫌でもなります。
デザイナーはオペレーターではないので、
デザインをするためのコンセプトづくり、考え方や、
良いデザインを見る、感じることが必要だと思います。
2つとも道具ですので、つかえる程度でよいと思います。
つまり、筆で書くことを極めてもデザイナーにはなれません。
未経験者でつまづきやすいのは、ツールがつかえることが
デザイナーであると思い込んでしまっていることです。
丸が抱えですべてを自分でやろうとしますが、
不得意なことは外注することもビジネスとしては当たり前です。
htmlが良くわからなければ、得意な人に仕事を渡せばよいし、
得意なことだけやればよいと思います。
そうした仕事の配分もデザイナーとしては必要かと思います。
投稿日時 - 2007-11-05 09:28:01