web2.0的ラボTop> ホームページ管理 >デザイン・ユーザビリティ
CSSでクールなデザインのサイト・ブログを作るコツ

Posted at 08/04/01 Comment(0)» Trackback(1)» ホームページ管理»

powerd by 楽市アド360

最近、親ブログである「わかったブログ」のデザインを変更した。

私はデザインが全くダメw
いつも、手持ちの技でいかに綺麗に見せるかだけを考えている。

+++

今回、私が行き着いたデザインは、

「CSS+無料アイコンなどをポイント的に利用したもの」


ブログのデザインは、極力シンプルな方が良いようだ。

photoshopなどで作った画像パーツは、あまり使いすぎると、デザインばかりが目立ってしまい、肝心の記事が映えなくなる。

また、素人が作った画像パーツは、見るに耐えない場合が多い。画像パーツだけは、デザインに関する才能や感覚を持ち合わせていないとダメだと思う。

どうしても自作で作りたい場合は、淡い色を基調として、グラデーションを利用したものを、見出しなどに利用する程度にしておきたい。


それに対して、CSSは画像パーツほどデザインの才能は要らない。
四角を基本に、ボックスを並べていくだけだ。

それでも、ボックスの境界線の種類や細さ、背景の色などを組み合わせれば、驚くほどたくさんのバリエーションを作れる。

シンプルにCSSで基本デザインを作ったあと、見出し部などに専門家が作ったイラストやアイコンを設置してアクセントをつければ、不思議とそれなりに映えてくる。

気の利いたデザインのイラストやアイコンは、下記のページが参考になるだろう。

http://www.dezinerfolio.com/2007/09/25/top-50-supercool-free-icon-sets/

http://www.image-seed.com/

http://www.ndesign-studio.com/stock-icons/imini/

CSSの勉強は、うかさんのサイトが参考になる。

CSSレイアウト実践講座

このサイト自体が、ほとんどがCSSで組まれている。
CSSだけでもかなりできることがわかるはず!



  RSS2.0  Atom 
RSSリーダーに登録すれば、更新がすぐにわかります。

「CSSでクールなデザインのサイト・ブログを作るコツ」に関連する記事 …関連記事を全部見る[デザイン・ユーザビリティ]

  • パソコン買うならランキング
  • "CSSでクールなデザインのサイト・ブログを作るコツ"へのトラックバック
    トラックバック先URL

    ※当サイトへのトラックバックは、当サイト内ページへのリンクがないと、受け付けない仕様になっています "CSSでクールなデザインのサイト・ブログを作るコツ"へのトラックバック一覧

    ブログのデザインはシンプル イズ ベスト

    from うかブログ at 08/04/02

    かん吉さんがわかったブログをリニューアル。その際のリニューアルのポイントなんかをまとめられています。 CSSでクールなデ...

    "CSSでクールなデザインのサイト・ブログを作るコツ"へコメントを投稿
    次のようなコメントは、基本的に掲載しかねますので、ご了承ください。

    ・「応援してます!応援ポチ☆」のような、返答しようがないコメント。私は「応援ポチ」という言葉が嫌いです。「応援ポチ」もしくはそれに順じた言葉が書き込まれたコメントは無視させて頂きます。
    ・当記事と全く関係ない話題、サイトの売り込みなど。宣伝色を少しでも感じたものは削除します。
    ・相互リンク依頼のコメント(専用ページから申し込みください)
    ブログバーツに関する質問掲示板に書き込んでください)
    ・その他、管理人が不適切だと感じたコメント

    上の情報を保存する場合はチェック

    about me


    今から地元の勉強会。よい会になればいいな 16hours ago

    かん吉2.0
    ウェブサイト作成・運営を生業としています
    技術ネタを粛々と紹介してます

    公開しているサービス

    ※日常のネタは親ブログのわかったブログ
    運営ブログの新着記事を全て読めます

    フィード
    my bookstand
    powerd by Amazon360
    関連サイト: アフィリエイトゴールMovabletypeマニュアル?