ホムつく式 Webデザイン講座

人気ホームページが作れる簡単作成講座
必ずやろう!ラフスケッチでデザイン計画

必ずやろう!ラフスケッチでデザイン計画

 『さぁ!カッコイイホームページを作るぞ』

って気合いが入っているのは良いですが、デザインの良いホームページを作ろうと思ったら、いきなりホームページ作成ソフトを起動させて作り始めるのはだめです。

もちろん、あなたがホームページを作り始めたばかりで、
『とりあえずホームページを作れるようになろう』って考えであるならどんどんホームページ作成ソフトで作り始めてください。

しかし、ある程度ホームページが作れるようになってデザイン性を高めることを重要視し始めた場合、いきなり作り始めるのではなく、まずはラフスケッチを作成してください。

ラフスケッチというのは、簡単な手書きのデザインです。

紙に、鉛筆なんかで大まかなレイアウト、イラスト、テキストの位置などを書いて、作りたいデザインを具体化するのです。

実際に、XHTMLやCSSで作成するのではなく、鉛筆でスラスラ書いて、変更したければ、消しゴムで消せばいいので、作成も修正も簡単です。

この作業をせずに、いきなり作成し始めると、XHTMLやCSSを記述し、修正のたびに記述しなおさなくてはいけないですし、どんどん複雑化し無駄が増えることが多いです。

どんなことにも行き当たりばったりの無計画では、それなりのものしかできないですし、無駄に時間がかかってしまいますよね。ですからラフスケッチで作るデザインを具体化し、スムーズに作成に取り掛かれるようにしましょう。

さらに、ラフスケッチをもとに画像編集ソフトでデザインを描いておくと、よりイメージが具体化し、より完成したときのイメージの確認が出来ます。

ついでに必要な画像パーツの作成もできておすすめですよ。

このページをブックマークする→ Yahoo!ブックマークに登録 Yahoo!ブックマークに登録

Webデザイン

Webデザイン力を磨いて、自分らしいホームページを作ろう
分かりやすいがアップさせるWebデザイン
  • 見るメディアではなく、使うメディア
  • ホームページ全体のデザインに統一性を持たせる
  • レイアウトにルールを持たせる
  • ナビゲーションに統一性を持たせる
  • 現在地を示す
  • リンクをはっきりと示す
色を味方に付けるWebデザイン
  • 色の基本を学ぶ
  • 色の持つイメージからテーマカラーを決める
  • 配色のポイント(減らす、無彩色)
  • 読みやすさを損なわない配色
XHTMLとCSS(スタイルシート)の理解を深める
  • XHTMLとCSSを理解することがデザイン性を高める
  • ホームページ作成ソフトがダメにした

▼すぐに役立つXHTML/HTML

▼すぐに役立つCSS(スタイルシート)

このページのトップへ戻る
ホムつく講座の講師は
こんなヤツ!

ホムつく講座の講師はこんなヤツ!ホームページを作っていたら、この楽しさを、あなたに伝えてくなりました。ホムつく式のホームページの作り方を体験してみてください。

→メッセージ

ホームページ作成に
必要なものは?

ホムつく講座がおすすめするソフトやレンタルサーバーを紹介しています。初心者の方や、悩んでいる方は是非参考にしてみてください。

→スタートガイド

ホームページを初めて作るのですが・・

ホームページはXHTMLとCSSで作ります。ほむつく講座では初心者の方にわかりやすいと評判の初心者講座があります。

→初心者講座

もっとデザインを
良くしたい

ホムつく講座では見た目だけが良いデザインではなく、ユーザー(利用者)の方が安心して、ホームページを閲覧できるデザインを学べます。

→Webデザイン

ホームページにアクセスが集まりません

ホームページは作れば沢山のアクセスが集まるわけではありません。そして、アクセスが多いだけのホームページでも意味がありません。あなたのファンができる人気ホームページを作り方を学びましょう。

→人気ホームページ