忍者ブログ

ぶろぐラーナー

ブログのカスタマイズや覚えたことをメモしておくブログです。

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

ブログ構築(2)目標が決まったら...

目標が決まったら、アイデアを紙に書いてみることです。落書き程度でもよいですし、しっかり書き込んでもかまいません。とにかく、頭の中のアイデアを視覚として、表に出してあげましょう。これは、ブレインストーミングとまったく同じです。紙に書くことで、アイデアや計画がよりまとまってくれます。そこから、起こりうる問題も予測できます。それをどうしていくか、考えていくことで、より一層計画が現実に近づいていきます。



ちなみに、これは私がこのブログラーナーを作成する際に書いたメモです。
PR

ファビコン作成の基本

ファビコンとは、Favorite iconの略で、ウェブブラウザのタブの前に表示されるアイコン、またはお気に入りに登録するとショートカットとして表示されるアイコンです。

ブログデザイン(1)デザインの基本

ウェブ、ブログのデザインは、デザインの形式がある決まっているもので、それをデザインとしてどう当てはめていくかが、楽しみどころではないでしょうか。
私はデザインをしていくうえで、常に心がけていることがあります。それは、デザインが機能的であるかどうかです。特にウェブ、ブログであれば、操作やアクションも含めてです。
では、デザインでの機能的とは、どういうことでしょうか。
デザインが機能的に、消費者に視覚的に影響を与えていることかということです。テーマに沿った色を使っているでしょうか、レイアウトの配置は個々にまとまりのある陣取りをしているでしょうか、フォントの大きさは読みやすい大きさでしょうか、....などです。
例え、記事の内容がおもしろくても、知りたい内容でも、デザインのせいでとても読みずらかったり、読んでいると疲れてしまうようなデザインをしてしまったら、台無しです。

デザインを考えるうえで、まずは、基本的なデザインのルールを知ること。それを踏まえたうえで、凝ったデザイン、アクセントなどを加えていくのがよいのではないでしょうか。

私が、基本的なデザインで気をつけたいルールを3つあげるとしたら、
- レイアウト
- 色
- フォント
です。

ファイルをダウンロードするタグ

a タグを使って、保存先のURLを入れるだけです。

<a href="ファイルのURL"> 文言 </a>

ex.
<a href="document/example.pdf"> ex.ダウンロード </a>

ブログデザイン(2)レイアウトについて

[ 画面サイズ ]
まず、全体の画面のサイズですが、ユーザーのモニターサイズはそれぞれ違います。またどんなディバイスを使って見るかによっても違います。ex.携帯電話、ipad ... どれを基準に考えたら良いんでしょう。答えは、一般的に使われているのが多いものを選ぶことです。(ただ、出力先のディバイスが決まっているのであれば、話は別です。たとえば、このサイトはipad 向けだとか。)そうすると、現在はいまだPCが主流と考えるのが無難でしょう。ただPCモニタも現在ではサイズが、たくさん出ています。悩ますのが、4:3比率のモニタが多かったのに、現在では16:9というワイドサイズのモニタも主流になっています。う~ん、悩むことがたくさんですね。

私がウェブ・ブログを作成する場合、ウェブで標準とされている600~800pxの間で最大横幅をとっています。ただ今回のこのブログラーナーは、元の横幅サイズが960pxで、私は3カラムを使用したかったので、960pxで作成しました。


[ カラムレイアウト ]
ブログを作成するのに、レイアウトは特別な場合を除き、ほぼ決まっていると言っていいでしょう。(カラムレイアウト)私は、その決まったレイアウトに対し、どう機能的で魅力的に見せられるか、ユーザーが使い易いかなどを考えて作成する時間がとっても楽しいです。ああでものない、こうでもない、と紙にラフプランを立てています。
レイアウトで気をつけたいことは、バランスが取れたレイアウトになっているかだと思います。片方のカラムは、空きすぎで、違うほうの内容は詰め込みすぎ...など。でも記事が増えていくとバランスが取れなくなってくるのも事実です。そういう場合は、新しいコンテンツ、機能、画像、広告などを入れてバランスをとっていくのも手だと思います。ブログは、動的なサイトだと思うので常に、デザインを考えておく必要があると思います。ただ、急に全体の印象を変えてしまうと、今まで使用していたユーザーが困惑してしまい、去ってしまう恐れもあるので、気をつけることです。

メモ書き

一般投稿画像:1000px 100KB
Tumblr:540x810 GIF:>540px 3MB
<hr class="hr01" />