最近 また少しだけ サイトデザインを模様替えしてみたのですが、
このカテゴリは 私がサイトデザインする上で どのようなアプローチで
試行錯誤して作ってきたかを 書いて行こうと思います。
* * * * * * * * * * * * * * * * * * * *
私が、見るだけのネットから 自分のサイトを運営しようと思ったキッカケは
2003.8月に、2匹目のネコを飼うことになってからでした。
想い出にアポロのHPを作ってみようかな?と思ったのです。
そして超ド素人の私はHP無料レンタルサービスのGaiaxで作ろうとしたのです。
そこはHTMLの形が出来ていて 中身だけを作ればいいわけなんですが、
ドーしたら画像を表示できるの?画像をアップするって、ど、どこに??
リンクってドーやるんだ??(・.・;)?...etc.そんな感じでした。
4ヶ月後に 独自ドメインを取り サーバーも借りて 本格的仕事絡みのサイト運営に踏み切りました。
そんな私もHP作り初めて すでに1年過ぎました。
* * * * * * * * * * * * * * * * * * * *
1【センスあるサイトを作る準備〜流れ】
■私はホームページ製作では HP制作ソフトは一切使っていません。
Macなのでメモ帳の“Simple text”オンリーです。何故なら
・まずソフト買うお金がない!(*^_^;)
・ソフトを覚えるのも面倒くさい! と言うのが一番で、次に
・WEBデザイナーを仕事にしている訳でもないからです。
要は “WEBデザインを趣味として”楽しんで作っているのです。
だから製作時間は関係なく 好きなだけ費やすことができ、
自分が納得するまでデザインを煮詰めることができます。
納期だって無い!←これって最高♪
■で、幸い 私の場合は仕事でイラストを描いてるので
もともとPhotoshopやIllustratorで素材のビジュアルは作れるわけです。
で、ページをデザインする前に 一体何を作ろうとしたいのか?何を見せたいのか?考えます!
■次にそれを伝えるためには 何が必要か、何を作るか?考えます。
それからビジュアル的な大まかなラフデザインを考えて幾通りか作ってみます。《大ラフ》
実際、そこらへんにある紙の上で 試行錯誤します。あーだこーだ(-""-;)ムム・・・
■で、そこそこ決まったら・・・
次に何の要素を入れるか、何を作ったらみんなに伝わるのか考えて
素材作りに取り掛かるわけです。タイトル文字・タイトルイラスト・アイコン・ページロゴなど。
既に頭の中にはサイトのデザインができ上がってるのですが
実際 素材作りをしていると 次々に違うアイデアが出てくるものです。
この本館サイトも どれだけデザイン変わったか・・・(^_^;)←飽き性。。
そこで アーだコーだの繰り返し・・・とりあえず、使う使わないに関わらず
思いついた素材は PhotoshopやIllustratorで作っておきます。
そしてビジュアルを完成させ、本格的にレイアウト・デザインに移ります。
■基本的に 私は極力シンプルに見やすく無駄を省いたデザインをしようと試みます。
が、いかんせん アレも入れたいコレモ入れたい!となってしまいます。
せっかく作った素材だし、もっと見せたい!見て欲しい!!
いかん!いかん!!シンプルにしなければ。で、ビジュアル重視。
来た人は画面が開いたら 全てを見ようとはしないはずです。
■大手の商用サイトなどは TOPページに思いっきり詰め込んでいますよね!
特に文字情報が多すぎると 見る人も疲れます。
もう、何処を見たらいいのかワケわかんなくなりませんか!?
逆にシンプルだと物足りなくなりますが、来た人は逆に中身を見ようとするはずです。
ポスターやパンフレットなどは表紙にそれほど情報を並べていません。
ページをめくって欲しいからです。当然『何コレ?』と人は次のページを開きます。
2【HTML表現方法】へ続く・・・
⇒ SenJ4@管理人 (05/06)
⇒ 琉 (05/05)
⇒ SenJ4@管理人 (07/11)
⇒ びおびお (07/10)
⇒ (04/05)
⇒ SenJ4@管理人 (12/10)
⇒ びおびお (12/08)
⇒ SenJ4@管理人 (10/03)
⇒ びおびおですよ。 (10/02)
⇒ SenJ4@管理人 (09/19)