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年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)

制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。

ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

関連コンテンツ一覧
スポンサーリンク

スポンサーリンク

blog list

ブログ一覧

design_thing

プロのデザイナーがpowerpointを使った資料作成で困ったこと5つ

今年の2月と3月の2ヶ月間、昨年末から決まっていたスケジュールどおり、powerpointでの資料制作に没頭していました。 制作したページ数は合計でなん…

2020.03.30.

private

京都の烏丸、河原町、二条にあるレトロな喫茶店をめぐり歩いてきました

デザイン制作が立て込んでいたこともあったりコロナの影響もあったりで、最近はあまりちゃんとした外出をしていなかったのですが、この前の水曜日は…

2020.03.28.

design_thing

スマホ最適化「レスポンシブデザイン」はこれからの時代のwebサイト制作に必須!

このwebサイトを訪問してくださる人たちのなかに、ホームページのことをまだそこまで詳しく知らない方々がいる可能性もあるので、今日はボクがホーム…

2020.03.24.

favorite

SUGAKIYAの和風とんこつ鍋つゆで思い出の味を家庭でも楽しめる

中学生のころ、地元にはジャスコ(現イオン)がありまして・・そのジャスコの3階フロアに入っていた「SUGAKIYA」。ご存知の人も多いと思いますが、ラ…

2020.03.22.

think

会社員をやめて約1年。フリーランスデザイナーになっての変化と改めて思うこと

日付が変わってしまいましたが、3月19日。 この日はボクにとって何の日なのかというと、誕生日というわけではなく、昨年の3月19日に長年勤めていた企…

2020.03.20.

design_thing

webサイトは4つのタイプに分かれる。各タイプの特徴とデザイン時に気をつけたいこ...

最近ボクのinstagramへのフォロワーさんが増えてきており、そのフォロワーさんたちの大半がこれからデザインをはじめる人であったり勉強中であったり…

2020.03.18.

blogをもっと見る

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

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

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

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル