webデザインをどうやって磨いていったらいいかを、人から聞いたり考えたり調べたりしたものをまとめた。
デザインを見る力、判断力を養う
- 質の高いデザインを作るためには、デザインの質を判断することが重要
- 自分自身のデザインを客観的に判断できれば、デザイン力を高めることは可能
- 見る目を養うことが、デザイン力向上の第一歩
優れたデザインを紹介するサイトを見る
- 優れたデザインのサイトを見つけるには?
- 優れたサイトを紹介するサイトを定期的に見に行ったり、RSSを購読する
- 優れたデザインに触れることで、自分自身に刺激を与えたり、デザイン面での流行を感じる
優れたサイトを見るときのポイント
- レイアウト
- ナビゲーションの位置とサイトの構造
- ページ上部:あまり多くのメニューを並べることはできないので、階層の深いサイトとなる
- ページのサイド:多くのメニューを並べることができる。フラットな構造のサイトに適している。
- ページの上とサイドにL字型に配置
- ナビゲーションの位置とサイトの構造
上記3つのパターンが多い。
-
-
- ページの内容、ナビゲーションの内容を見て、なぜそのレイアウトを選択しているのかを考える。なぜを最低3回は繰り返す。そうすれば自分の中にデザインを考える際のノウハウがたまっていく。
-
webデザインに必要な情報・知識を学ぶ
HTMLとCSS
webデザインでは、見た目上のデザインを作成することと、それをHTML、CSSを使って表現出来ることが必要。
- HTMLとCSSの役割について
HTMLやCSSの文法を覚えただけでは、なかなかデザインができるというレベルには到達できない。以下のサイトで、より実践的なテクニックを少しずつ覚えることで、デザインの幅を広げることができる。
- HTML、CSSの実践テクニック
- ホントに助かるフリーのcssジェネレーターいろいろ - かちびと.net
- サンプルサイトのCSSのコードを自動生成してくれるサイト
- ホントに助かるフリーのcssジェネレーターいろいろ - かちびと.net
Flashを利用する
- Flashを使う目的
- webページの中に動きを入れる(時間軸を持ち込む)ことで複雑なインターフェースを実現する
- 操作することの楽しさを提供する
- 美しさを際立たせる
-
- Flashを用いたサイトを見る場合のチェックポイント
- どのような動きを心地よく感じるかを意識してみる
- 操作しながら、動きの速度、速度の変化を観察する
- Flashを用いたサイトを見る場合のチェックポイント
参考書籍
- 作者: オブスキュアインク
- 出版社/メーカー: エクスメディア
- 発売日: 2007/03
- メディア: 大型本
- この商品を含むブログ (2件) を見る
────────────────────────
◆◆このブログのサイトマップへ◆◆