参考になるWEBサイト、書籍などがあったら教えてください
この繰り返しをしていく。
真似をしてみる時も最初は全部真似になってしまったりすると思いますが、その中から文字詰めとかいろんなテクニックを盗めると思います。
デザインの優れているサイトを見つけられない、もしくは見つけたとしても自分の判断に自信が無い場合は
Web Creme | Web design inspiration
CSSElite CSS Gallery - css gallery, website design gallery, web design resources, css design gallery
とか見てみたり、はてなブックマークから探してみるのもよいかもしれません。大体「CSS」「Webデザイン」とかのタグが入っていると思いますので、その中からブックマーク数の多い中に参考になるサイトがあるのではないでしょうか。
書籍に関しては多々あると思いますし、つい自分の経験を押し付ける形でしか薦める事が出来ないものだと思うので、Amazonとはてなのレビューを参考にしてから、実際に本屋で確認することをおすすめします。
以上、参考になれば幸いです。
回答ありがとうございます
Webデザイン講座
http://www.2uwebdesign.com/lecture/index.htm
色んなサイトを見て回り、自分の気に入ったデザインを参考にするのが一番良いと思いますよ。
回答ありがとうございます
この繰り返しをしていく。
真似をしてみる時も最初は全部真似になってしまったりすると思いますが、その中から文字詰めとかいろんなテクニックを盗めると思います。
デザインの優れているサイトを見つけられない、もしくは見つけたとしても自分の判断に自信が無い場合は
Web Creme | Web design inspiration
CSSElite CSS Gallery - css gallery, website design gallery, web design resources, css design gallery
とか見てみたり、はてなブックマークから探してみるのもよいかもしれません。大体「CSS」「Webデザイン」とかのタグが入っていると思いますので、その中からブックマーク数の多い中に参考になるサイトがあるのではないでしょうか。
書籍に関しては多々あると思いますし、つい自分の経験を押し付ける形でしか薦める事が出来ないものだと思うので、Amazonとはてなのレビューを参考にしてから、実際に本屋で確認することをおすすめします。
以上、参考になれば幸いです。
回答ありがとうございます
http://book.mycom.co.jp/book/4-8399-1501-6/4-8399-1501-6.shtml
スタイルシートスタンダードデザインガイド。
CSSの使い方が良く分ります。
回答ありがとうございます
プロセス オブ ウェブデザイン 企画からデザインへ 落とし込みの技術
プロとして恥ずかしくないWEBデザインの大原則―正しいWEBデザインのルールを知っていますか? (エムディエヌ・ムック―インプレスムック)
差がつくWEBデザインの技 (エムディエヌ・ムック―インプレスムック)
WEBに限らず、デザインにおいてカラーセンスを身に着けることも必須です。
Webカラーコーディネート―セーフカラーによる配色完全ガイド/「カラーイメージチャート」準拠
Webセーフカラー・デザイニングノート―Webカラーコーディネート事典
回答ありがとうございます
回答ありがとうございます
周りのウェブデザイナーの人はMDN関連の書籍・雑誌はとても参考になると言っていました。
プロとして恥ずかしくないWEBレイアウトの大原則 (エムディエヌ・ムック―インプレスムック)
プロとして恥ずかしくないWEBデザインの大原則―正しいWEBデザインのルールを知っていますか? (エムディエヌ・ムック―インプレスムック)
MDN のサイト
回答ありがとうございます
いろんなデザイン商品をみたりして参考にすることが必要でしょうね。
例えば、
http://www.ddnj.com/product/hp/artweb/lineup.html
とか。
あとは、見やすいサイトを自分で集めてみて、
特徴を見つけてみることですかね。
大体は、変にHTMLでキレイに見せようとせず、
大胆に画像を利用しているサイトが見やすくキレイだったりします。
回答ありがとうございます
まずは、IllustratorやFireWorks等で、ラフを作る練習をしてみてはどうでしょう。
その際、まず大前提として見出しを揃えるということです。
デザイン性が無いページはほとんど中央揃えにしていて、見づらいことこの上ありません。
また、例えば4枚の画像があったとして、それらの高さと幅を揃えることも重要です。
これだけで前々見栄えが違います。
ボタンや見出しのロゴなどはほとんどが画像です。
何でもかんでも画像にしてしまうのは良くないことですが、画像の方が見栄えが良いのは確かです。
この辺はプロのサイトをDLしてみて、どのようなところを画像にしてるのか、cssでデザインしているのか、HTMLでデザインしているのか、等を参考にしてみることは大変勉強になります。
あとは配色ですが、慣れない内は、無理に色を使おうとせず、白~灰色~黒のグレースケールだけを使って制作してみましょう。
IllstratorやPhotoshop等をお持ちでしたら、グラデーションを使ってみるのも良いでしょう。配色については、既に勉強なさってたらすみません。
個人のサイトならともかく、仕事として会社やお店のサイトを制作する場合、デザイン性よりも見易さ、わかりやすさです。
レイアウトも配色も、それらを考慮した上で決まります。
下手なデザインサイトを見るよりも、↓のサイトが一番参考になると思いますよ。
回答ありがとうございます
パラパラめくっているだけでも「ホェ~」と思うところが結構あります.
回答ありがとうございます
このサイトは、あらかじめ用意されたHTMLファイルを元に、
CSSのみを使ってデザインを変化させています。
右側のリストからデザインを選ぶと、
http://www.csszengarden.com/tr/japanese/?cssfile=/197/197.css&am...
このようにデザインが変わります。
すべてCSSのみで変化させており、また、いろいろな人のデザインが見られので、参考になるかと思います。
回答ありがとうございます
大手企業サイトを業種別で集めているサイトです。
WEBサイトを作るうえでの根本的な考え方を知るという点で、とても参考になります。
WEBデザインは見た目だけではなく、ユーザビリティなど
ユーザーに立った目線でデザインをすることでセンスが身につくのではないかと思います。
回答ありがとうございます
回答ありがとうございます