ブログデザイン新調
ずっと以前からブログデザインの変更を予定していたのですが、ようやく手をつけました。(^_^;)
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
カスタマイズの過程を、テスト用ブログに細々と書いてます。
たくさん文字を書いてるので見辛いとは思いますが、解りやすくはしてるつもりです。
もし参考にしてみたいと思われたらご覧になってみてください。(^^ )
プロ級のデザインとは言わずとも、ちょっとしたCSSの変更で色んなデザインにすることが出来るのが分かると思います。
興味あればチャレンジしてみてください。
どこににどのパーツのや要素の項目が書かれてるかを理解できると、結構色々出来ると思いますので。(^^ )
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
昨年のアメーバの仕様変更により、CSSカスタマイズ可能なブログデザインの数が僅か6種類に制限されてしまいました。
（ブログスキンと呼ばれていた名称も、ブログデザインに変更されてます。）
本ブログで使用してきたCOLORSも、CSSに多少変更を加えていましたが、今では編集不可になってしまいました。
そこで一番自由度が高く、かつプレーンな状態のベーシック（旧スタンダード）から、自分好みのデザインを作ろうと思ってたのですが、記事の更新すらしなかったのと同様でペンディング状態でした。(^_^;)
次の画像は、以前登場してもらった真矢（まや）ちゃんの写真から興したヘッダー画像候補として以前から準備していたものです。（この写真もこれまでアップしてません。(笑)）
ヘッダー用画像(800×400ピクセル)
ヘッダーはアスペクト比（縦横比）が問題となります。
最近はスマートフォンやタブレットPCが増えてきたので縦方向への影響が少なくなりつつあるとは思いますが、依然として縦方向をあまり取らない慣例があります。
ブログヘッダー全体を1枚の写真から作るとすると、縦方向にあまり余裕が無いので構図そのものが問われますし、人物写真だと余計に厳しいです。（文字との組み合わせで空間を埋めたりという工夫はありますが。）
多くの一眼レフの3:2と言うアスペクト比でも、そのままだと辛くなります。
上の画像は横800ピクセルに対して、上下をトリミングして400ピクセルとした2:1の画像です。
もう一つ。
現状、アメブロの画像サイズの制限は横800ピクセルです。
写真を掲載してる皆さんには1カラムのデザインを使ってこのサイズでアップされいる人も多くいらっしゃいます。
2カラムとなるとそうは行きませんので、私はこれまで600ピクセル（長辺）にしていました。
人物写真だとまだ良いのですが、ここまで縮小すると風景写真などは元の写真が持つ解像感や完成度がかなり損なわれてしまう場合があり、それが伝わらないジレンマに至ってました。
最近は風景写真ばかり載せてますし。(^_^;)
800ピクセルの写真を掲載するにはブログの幅そのものを広げないといけませんので、そこにも手を入れることにしました。
以前に比べてユーザーの画面解像度も拡大してるため、企業や新聞その他のサイトをはじめとして横1000ピクセル級のホームページが増えてます。
アメブロでそうされている人も多いですね。(^^ )
そこでブログサイズを1000ピクセルに、記事スペースを800ピクセルの写真がそのまま載せられるサイズに広げました。
ただし、ヘッダー画像も1000ピクセルにするとなればアスペクト比がさらに厳しくなります。(^_^;)
2:1のまま縦500ピクセルも許容範囲とは思いますが、使用環境によってはヘッダーだけでブラウザがほぼ埋まってしまいます。
縦400ピクセルをキープするとなると5:2なのでさらに構図が厳しく。
この御時世？というわけじゃないですが、真矢ちゃんの写真は今は厳しいかなというのもあって(笑)、過去に掲載したみなとみらいの写真の別カットを採用してみました。
F11、1/200sec、ISO200、28mm
ヘッダ用には最適な写真です。(笑)
あと、一般的なブログの慣例というか仕様のようになっているものですが、このヘッダー部をブログトップページへのリンクとしています。（実はこれが結構重要だと思います・・・）
Nikon D700
TAMRON SP AF 28-75mm F/2.8 XR Di LD Aspherical [IF] MACRO
━─━─━─━─━─━─━─━─━─━─━
できるだけシンプルかつクールなデザインを求めた結果、現状こうなりました。
幅広の環境は皆さんとしては許容できるでしょうか？
その他デザインのことについても、御感想いただけると参考になります。
ヘッダー画像については、随時変更していくかもしれません。
※電力使用量が問題になる中、パソコンの消費電力はCPUやGPUの使用率がかなり影響します。
そのため、Flashを使用しているブログパーツをしばらく減らしておこうと思います。m(_ _ )m
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
カスタマイズの過程を、テスト用ブログに細々と書いてます。
たくさん文字を書いてるので見辛いとは思いますが、解りやすくはしてるつもりです。
もし参考にしてみたいと思われたらご覧になってみてください。(^^ )
プロ級のデザインとは言わずとも、ちょっとしたCSSの変更で色んなデザインにすることが出来るのが分かると思います。
興味あればチャレンジしてみてください。
どこににどのパーツのや要素の項目が書かれてるかを理解できると、結構色々出来ると思いますので。(^^ )
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
昨年のアメーバの仕様変更により、CSSカスタマイズ可能なブログデザインの数が僅か6種類に制限されてしまいました。
（ブログスキンと呼ばれていた名称も、ブログデザインに変更されてます。）
本ブログで使用してきたCOLORSも、CSSに多少変更を加えていましたが、今では編集不可になってしまいました。
そこで一番自由度が高く、かつプレーンな状態のベーシック（旧スタンダード）から、自分好みのデザインを作ろうと思ってたのですが、記事の更新すらしなかったのと同様でペンディング状態でした。(^_^;)
次の画像は、以前登場してもらった真矢（まや）ちゃんの写真から興したヘッダー画像候補として以前から準備していたものです。（この写真もこれまでアップしてません。(笑)）
ヘッダー用画像(800×400ピクセル)
ヘッダーはアスペクト比（縦横比）が問題となります。
最近はスマートフォンやタブレットPCが増えてきたので縦方向への影響が少なくなりつつあるとは思いますが、依然として縦方向をあまり取らない慣例があります。
ブログヘッダー全体を1枚の写真から作るとすると、縦方向にあまり余裕が無いので構図そのものが問われますし、人物写真だと余計に厳しいです。（文字との組み合わせで空間を埋めたりという工夫はありますが。）
多くの一眼レフの3:2と言うアスペクト比でも、そのままだと辛くなります。
上の画像は横800ピクセルに対して、上下をトリミングして400ピクセルとした2:1の画像です。
もう一つ。
現状、アメブロの画像サイズの制限は横800ピクセルです。
写真を掲載してる皆さんには1カラムのデザインを使ってこのサイズでアップされいる人も多くいらっしゃいます。
2カラムとなるとそうは行きませんので、私はこれまで600ピクセル（長辺）にしていました。
人物写真だとまだ良いのですが、ここまで縮小すると風景写真などは元の写真が持つ解像感や完成度がかなり損なわれてしまう場合があり、それが伝わらないジレンマに至ってました。
最近は風景写真ばかり載せてますし。(^_^;)
800ピクセルの写真を掲載するにはブログの幅そのものを広げないといけませんので、そこにも手を入れることにしました。
以前に比べてユーザーの画面解像度も拡大してるため、企業や新聞その他のサイトをはじめとして横1000ピクセル級のホームページが増えてます。
アメブロでそうされている人も多いですね。(^^ )
そこでブログサイズを1000ピクセルに、記事スペースを800ピクセルの写真がそのまま載せられるサイズに広げました。
ただし、ヘッダー画像も1000ピクセルにするとなればアスペクト比がさらに厳しくなります。(^_^;)
2:1のまま縦500ピクセルも許容範囲とは思いますが、使用環境によってはヘッダーだけでブラウザがほぼ埋まってしまいます。
縦400ピクセルをキープするとなると5:2なのでさらに構図が厳しく。
この御時世？というわけじゃないですが、真矢ちゃんの写真は今は厳しいかなというのもあって(笑)、過去に掲載したみなとみらいの写真の別カットを採用してみました。
F11、1/200sec、ISO200、28mm
ヘッダ用には最適な写真です。(笑)
あと、一般的なブログの慣例というか仕様のようになっているものですが、このヘッダー部をブログトップページへのリンクとしています。（実はこれが結構重要だと思います・・・）
Nikon D700
TAMRON SP AF 28-75mm F/2.8 XR Di LD Aspherical [IF] MACRO
━─━─━─━─━─━─━─━─━─━─━
できるだけシンプルかつクールなデザインを求めた結果、現状こうなりました。
幅広の環境は皆さんとしては許容できるでしょうか？
その他デザインのことについても、御感想いただけると参考になります。
ヘッダー画像については、随時変更していくかもしれません。
※電力使用量が問題になる中、パソコンの消費電力はCPUやGPUの使用率がかなり影響します。
そのため、Flashを使用しているブログパーツをしばらく減らしておこうと思います。m(_ _ )m
 [にほんブログ村] 【写真 > 女性写真】部門 |  [BLOG RANKING] 現在順位はサイドバーのブログパーツにて |  [くつろぐ] 【芸術・人文 > 写真】部門 |