DESIGN IT YOURSELF.

BUROKI


top

blog

  • top
  • blog
  • 自分のwebサイト更新時の写真や画像に対するマイルール

自分のwebサイト更新時の写真や画像に対するマイルール

think

  • top
  • blog
  • 自分のwebサイト更新時の写真や画像に対するマイルール

自分のwebサイト更新時の写真や画像に対するマイルール

2019.02.11.

スポンサーリンク

スポンサーリンク

どうもです・・
いくつになっても書類を書いて提出するという作業が大の苦手なブロキです。最近もマンションの解約通知書の書類を書いていたんですけど、書き方がわからず、いつまでに出せばいいのか、どんな封筒に入れたらいいのか、いちいち調べないと書けないという体たらく・・
引越しは約5年前に経験してるはずなんですけど、手順なんてきれいさっぱり忘れているので経験にもなっていません。こういうのホント苦手なんですけど数ヶ月後には新居に住めているはずなのでそのことを想像しながら頑張ります・・

そんな感じで今日もこのブログを更新しているのですが、自分のホームページなので、けっこうしっかりと考えながら更新しているわけですが・・(そう見えない人はすいません 笑)ブログ更新する際にボクの中で決めているルールがいくつかあります。
そのルールとは何なのか?今回は写真・画像編ということで、これからブログを自分のホームページではじめてみようと思っている人のために書いてみようと思います。

1. 載せる写真は全部自分で撮る、つくる

載せる写真は全部自分で撮る、つくる

これはもう絶対条件として決めています。このwebサイトに載せている写真、すべて「自前」です。(笑)ブログによくあるフリー素材写真や他のサイトの写真などは一切使っていません。ロゴを作品として載せる場合でもサイズを考慮してつくっています。

自前で用意することにしてると写真の撮り方の勉強にもなりますし、何よりサムネイル画像が並んでいるブログ一覧ページを見たときに不思議な達成感があるんですよね・・これはブログを書けば書くほど味わえるものなのかも。そんな感じで100%自前写真で更新を楽しんでいます。

2. サムネイルになる写真に文字を乗せるときは白文字

サムネイルになる写真に文字を乗せるときは白文字

デザイナーなのでやっぱり意識してしまうのは統一感・・これはもう完全に一生治らない職業病です。(笑)

写真のみで伝えたいブログの場合はサムネイルに文字は必要ないですが、写真と文字で伝えたい場合もあったりします。その場合はYouTuberの動画のサムネイルのようにカラフルにするのではなく、フォントは自由に使えどカラーだけは統一させようと、ホワイトで統一させています。

白背景のときはどうすんの?という疑問も出ますが、その場合には背景に黒を薄く乗せて、白文字でも読めるように調整しています。意外とマメなことやっています・・。(笑)

3. 写真のサイズは横1920px、縦1080pxですべて統一

写真のサイズは横1920px、縦1080pxですべて統一

スマートフォンでボクのサイトをご覧の方は驚くかもしれませんが、このサイトの写真サイズ、実はかなり大きいんです。

PCのワイドモニターでも写真をキレイに表示させることを想定しているので、かなり大きいサイズにしています。乗せている写真すべて同じサイズです。なぜこのサイズなのかと言いますと、動画のサイズと同じなんです。

少なくともボクの一覧レフカメラで動画を撮影する場合、この「横1920px、縦1080px」で撮影しています。なのでそのサイズに写真も合わせてつくっているというわけです。そのため、サイトが表示されるスピードが遅いと感じる方もいらっしゃるかもしれません・・そんな方にはご迷惑をおかけしているので、いつかお会いした時にご指摘ください。その際には何か記念品を贈呈させていただこうと思っております。(笑)

画像、写真、動画・・いまはビジュアルの時代です

いま、特に動画がかなり注目されていて、googleでの検索結果ページにも必ずと言ってもいいくらい動画が出るようになってきています。文字は読まないといけないですが動画は見るだけでいいので文字よりも比較的気楽な部分もあって、かつ視覚的にわかりやすいので高評価を受けやすくなっているようです。

サイトデザインのクオリティを上げるよりも写真や動画をストレスなく見せることができているかどうか・・もしかしたらそちらのほうがサイトを訪れてくださった人には優しいのかもしれないですね。いずれにしても視覚的に伝えるホームページづくりを意識して、これからもマイルールを守り、いや守るだけでなくバージョンアップさせていきたいと思っています。

皆さんもブログを書くときはマイルールを決めて書くようにすると、統一感が出て覚えてもらいやすくなったりするのでおすすめですよ。

スポンサーリンク

BUROKI写真

BUROKI写真

はじめまして! BUROKIです。

ブログをご覧いただきどうもありがとうございます。ブロキと申します。ベンチャー企業のインハウスデザイナーとして11年間様々な媒体のデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います。(笑)

他にもいろんな作品の紹介やブログを書いてるのでぜひ見てみてください。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談くださいね。

ブログをご覧いただきどうもありがとうございます。他にもいろんな作品の紹介やブログを書いてるのでぜひ見てみてください。制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談くださいね。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

スポンサーリンク

スポンサーリンク

blog list

ブログ一覧

private

賃貸でもDIYできる。「roommakit(ルームメキット)」を壁に取り付けてみ...

昨年の話になるのですが、10月末に前に勤めていた企業が普段お世話になっている取引先さまやメーカーさまを招待して開催した感謝祭「TRYANGLE(トラ…

2020.01.23.

design_thing

【初心者向け】webページをつくるためにHTMLを理解し、書けるようになるコツ

いま皆さんがご覧になってくださっている(ありがとうございます)このブログのwebページも「HTML(エイチティーエムエル)」という言語で構成されて…

2020.01.21.

private

かにカニ日帰りエクスプレスで城崎・円山川にある「旅館ひだまり」へ

実は、1月16日はボクの誕生日でして、38歳になりました。バッチリアラフォーです。これからもアラフォー・ブロキをどうぞよろしくお願いいたします。…

2020.01.19.

private

本町センター街にある知る人ぞ知る名店「炉ばたワコー」で初飲り

先日、現在webサイト制作をさせていただいている企業さまへ打ち合わせに行き、打ち合わせのあと新年会も兼ねて近くのお店で飲むことになりました。 …

2020.01.15.

private

今年ももちろん今宮神社の「十日戎(とおかえびす)」で商売繁盛祈願してきました

毎年1月9日から11日までの三日間は年のはじめのお祭りとして「十日戎(とおかえびす)」が開催されます。ボクも毎年のようにこの時期は今宮神社へお…

2020.01.13.

think

2019年12月の活動報告。12月はこんなデザイン制作をしていました

年が明けて2020年。2019年からBUROKI designとして本格的にフリーランス活動を開始し、一月一月、個人で仕事することの意義を感じながら感謝の気持ち…

2020.01.11.

blogをもっと見る

制作のご相談・お問い合わせはフォームから

デザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。
また、書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。

問い合わせフォームはこちら

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル