• HOME
  • >
  • Webデザイン

PhotoshopでWeb用に保存すると、勝手に縮小されるバグ

Webのカンプデータを、ブラウザ上で確認するために、「Web用に保存」をすることに。
が、保存の設定画面で画像サイズを確認してみると、100%になっていない。
・・・?
おかしいなーと思いつつ100%に直すも拒否られ。
バグかなーと困ってしまいました。
ただその一回だけではなかったため、何かしら法則があると思い、ある日徹底的に調べることに。
続きを読む

伝えることは「思いやり、愛情」

いろいろな方のブログをパーっと巡っていて、とても記憶に残ってかつ納得させられた記事がありました。
HPを作る人のネタ帳さんのデザインが優れている人には愛情と思いやりがあるという話|資料やメールも全てがデザインです!
良いデザインをする上で大事なのはセンスだけではなく、わかりやすい文章を書けることなんだそうです。
とても感動したので、技術ではないけれど覚え書きしたいと思います。
続きを読む

Webサイトをスマートフォンに対応させる

HTML5やCSS3を使用して作られたサイトがずいぶん増えましたね。
最近ではますますiPhoneやiPadごとにリサイズされたものを見るようになって、この機会にわたしもまとめて勉強しておこうと思い立ちました。
ただiPhoneではこのデザイン、Webサイトではこのデザイン、というように別なものを準備するのは大変そうだなと思っていたところ、ウィンドウのサイズによってレイアウトが変わるという手法があるとのこと!
レスポンシブ・デザインというようで、確かにそういったサイトののリンク集からアクセスしてみると、どのサイトもウィンドウサイズを変更するとちょっとずつデザインが変わっていきます。
これなら画面サイズが小さいパソコンの方にも新設ですね!
以下、勉強したことをまとめてみました。

  1. iPhone、iPadに対応させるための方法を選ぶ
  2. Media Queriesとは?書き方は?
  3. 表示を切り替えるサイズを決める
  4. レイアウトを設計する
  5. Webサイトを構築する

続きを読む

サイト制作までのワークフロー

私がサイトを作る時の基本的なワークフローを覚え書きしてみることにしました。
とはいっても、あくまで私の場合というだけなので、ほんの参考までにご覧いただけると助かります。

  1. サイトのコンセプトを決める
  2. サイトの形態を決める
  3. サイトのコンテンツを決める
  4. サイトマップを作る
  5. トップページのコンテンツを決める
  6. トップページのフレームワークを作る
  7. トップページのデザインを作る
  8. サイト制作に移る

続きを読む