トップへGo!!

ページをデザインする

CGIスクリプト作成など。癒し系ばかCGIもあり。
没画像、表紙のバックナンバーなど。
HP作成についてあれこれ。
HP用の素材たち。
作曲した作品や、映画・音楽の感想。
各種BBSあります。癒し系ばかBBSもあるよ!
日記もしくはエッセイもどき。
メールくれ。いえ、ください。
リンク集ですわ。
ひとりごととかいろいろ。
ペットルーム始めました。

◆ ページをデザインする

センスや経験のある方は、思い付きでデザインしてもいいものができると思うのですが、 そうでない方はSource Maniaさんなどでお気に入りのソースを選び、 自分の好きなように改造して使うのもいいでしょう。
私もちょこっとだけHTMLソースを作ってみましたので、もしよろしかったらどうぞ。素材

また、HTMLで分からないことがあれば、とほほのWWW入門さんが詳しくて、わかりやすいです。 こちらはJavaScriptやPerlなどについても解説がありますので、興味のある方は是非一読を。
とはいえ、とほほさんのページはちと上級者向けの感があるので、分からな〜い! という方は、いろいろと無料素材や無料のJavaScriptなども出回っていますので、 試してみながら作るのもいいでしょう。

デザインするにあたって、色味を決めてから取り掛かると、イメージの統一がとれたページになります。
沢山色の入ったページは楽しげですが、ごちゃごちゃしたウルサイイメージになりがちです。 最初はテーマカラーを決めて、同系色+無彩色でデザインすると無難にまとまります。
               
               
               

他の系統の色は使わないか、使ったとしても一色にとどめるなどするとスッキリするでしょう。
色を追加するときは、
赤−緑    
青−オレンジ    
紫−黄色    
などの補色系の色を使うと、なかなかスタイリッシュになりますが、彩度の高い色でこれをやってしまうと、 ただただケバくなってしまいがちなので注意が必要です。
全体のバランスを見ながら、いい感じで色味をつけましょう。

ちなみにこのページ(2000年7月現在)は、左上の赤いロゴが最初にできたので、それにあわせてデザインを決めていきました。 私は赤+緑のデザインをすることが多いなぁ。
左側のメニューで画像を多用しているので、本当はフレームにした方がいいかもしれませんが、 私自身がブラウザを小さくして見ることが多いのでフレームにすると不便なのです。 なので、表示の速さ自体はキャッシュ機能に頼って、こういう形になりました。
現状、このページはネットスケープで見ると、リンクの色がキッツイ黄緑になるなど、 不具合がありますが・・・対応が面倒なのでそのままにしています。
デザインは崩れるけど、閲覧は可能だしね。なので、ネットスケープをお使いの方、ごめんなさい! 許してくださいね〜!!



  Satisfaction?はInternetExproler5.0で最適に見えるようにデザインしています。 NetscapeNavigator4.6でも確認はしていますが、Windows+IE5.0以外での動作は保証していません。 その他の環境の場合、表示が崩れる可能性もありますが、ご了承ください。
Copyright (c)2000-2005 Naoko Yasuda All Right Reserved [yasnaoあとまーくr-pop.jp]  Since 2000.5.15