更新作業でサイトをダメにしていませんか?心がけたい3つのポイント2015-12-16更新作業でサイトをダメにしていませんか?心がけたい3つのポイントWEBデザインその他WordPressなどのCMSを使ってホームページを作るやり方は、すっかり定着。情報更新を外注しないで、社内で行っているという方も多いと思います。自分たちで必要な時にスピーディに更新できて、費用の節約にもなるのは大きなメリット。闇雲に更新してしまった結果、開設当初の雰囲気はどこへ?という、混乱した状態に陥ってしまうサイトは決して少なくありません。開設時のデザインクオリティを損なわないようにするためには、どこに気をつければいいのでしょうか?更新時に心がけたい3つのポイントをお伝えしていきます。写真のクオリティに気を使う更新で使う写真のクオリティが低いと、それだけでページ全体の質も下がって見えてしまいます。コンテンツ内容が良くても、読もうという気持ちが半減。SNSのアイキャッチ画像としても使われるブログなどの写真の場合、その質はシェア数などにも影響します。写真のクリティは、多くの意味でとても重要なポイントです。解像度に注意しようまずは、ある程度解像度の高い写真を使うようにしましょう。最近はPCやタブレット、スマートフォンのディスプレイが高解像度になってきているので、荒れた画質の写真があるだけで、サイトのクオリティが低く見えてしまいます。一眼レフやデジカメを使わなくても、最近の機種なら、スマートフォンでも十分解像度の高い写真が撮れます。このインバウンドブログでも、「ブログやSNS投稿の魅力をアップ!スマホでプロみたいな写真を撮るコツ!」という記事で解像度について書いていますので、参考にしてください。人物写真撮影のコツを掴んで、クオリティアップ!インタビューや取材などで人物写真を撮ることも多いと思いますが、ちょっとしたコツを知っておくと、記事のクオリティアップにつながります。撮影テクニックを紹介した記事はネット上に多くありますが、いくつかおすすめのものを紹介しておきましょう。以下の記事では、良いインタビュー写真の撮り方がよくわかります。POST)こちらの記事では、意識しないで撮っていると、ついやってしまいがちなダメ構図を紹介してくれています。Professional)また、静止写真だけでなく動画を使うのも効果的。これまでは写真ばかりだったという方も、一度チャレンジしてみてはいかがでしょうか?当ブログの「初めてでもできる!iPhone動画編集アプリ【厳選4つ】」も参考にしてください。色味やフォントの種類を闇雲に増やさない写真と合わせてWEBサイトの見た目の印象を決定付ける重要な要素として、色味(トーン)とフォント(書体)があります。ブログなどで、本文の一部を目立たせるため、あるいはジャンル分けなどを表現するために色を使う場合は要注意です。目にするのは、文字や文字の背景に赤や黄色などの目立つ色を使っているケース。強調したいという気持はわかるのですが、全体のイメージとアンバランスになってしまいがちです。このような場合は、サイトに使われている色、もしくはその色に似た色を使うようにするだけで、全体のトーンを壊すことなく、まとまった印象にできます。ネット上には基調色を決めると、それに合う色を選んでくれる配色ツールなどもたくさんありますので、そのようなサービスを使ってみるのもおすすめです。「知識がなくても簡単に使える!WEBデザイン配色お助けツールまとめ」も参考にしてください。「簡単なバナーなどは自分たちで作ってしまう」という場合もあるかもしれませんが、そのような際にも、サイトで使われている色を基調にした色使いにすると違和感がありません。フォント(書体)も、サイトで使われているものと同じ、あるいは似たものを使いましょう。「目立たせたい」という気持ちから、サイトのテイストにそぐわないポップ体などクセの強いフォントを使うのは禁物。バナーだけが浮きすぎて、サイト全体の印象を大きく損なってしまいます。バナー単体で考えず、ページ全体のバランスを考えるようにしてください。重要なパーツは、プロに依頼するホームページを運営していると、いろいろと変更したくなる部分が出てくるはず。メイン画像を差し替えたい、メニューを増やしたいなどといったケースです。小さな変更なので頼みにくい...と思う方も意外と多いようですが、重要な部分にはプロの力を借りることも大切です。社員の写真1つとっても、ブログ記事中で使う写真とトップページのメインビジュアルに使う写真とでは、明らかに求められるクオリティが変わってきます。社員の入れ替わりなどで、プロが撮った写真の中に素人が撮った写真が1枚だけ混じっているなどというサイトを見かけることもありますが、ひと目でわかり、サイトの信頼感が損なわれてしまいます。ヘッダー画像なども、たったひとつのパーツであっても、全体のクオリティを大きく変えてしまう影響力を持っています。このような重要なパーツは、デザインに詳しい方以外は触らない方が無難です。プロに依頼するようにしてください。スタイルガイド活用のすすめCMSで作ったサイトなら、HTMLやCSSの知識がない人でも更新できる。言われますが、やはり更新にかかわる基礎知識やルールの理解は必要です。サイトの納品時には、更新マニュアルと合わせてスタイルガイドをつくってもらい、説明を受けるようにするのがおすすめですスタイルガイドとは、サイトのデザインについて書かれたルールブックのようなもの。これがあれば、更新時にもそれにそって色やフォントを選ぶことができ、サイトのトーン&マナーから大きく逸脱してしまうといった事態を防ぐことができます。最近、海外では自サイトのスタイルガイドを公開するところも増えているようです。以下に紹介するのは、有名ブランドサイトのスタイルガイドやガイドラインを集めた、いわばスタイルガイドのまとめサイトです。Exampleスタイルガイドってどんなもの?と思われた方は、この中からいくつかをランダムに見ていけば、そのイメージがつかめるはず。各サイトが、自サイトのクオリティを保つためにどのようなルール化をしているのかがわかり、参考になります。サイトのイメージを壊さないための更新のヒントが得られると思います。クリックしてご覧になってみてください!今回のまとめ写真のクオリティは、サイトのイメージに大きく影響。色やフォントはサイト全体のトーンに合わせて選定する。全体のイメージに影響するパーツの更新はプロの手を借りるのがおすすめ。サイトのスタイルガイドを作成してもらうとイメージを保ちやすい。エムハンドその他アクセスランキング月間1今どきの幼稚園・保育園ホームページ研究。32サイトに見る傾向と課題とは?2いまさら聞けない!フリック、スワイプ...スマホ操作の基本用語まとめ3【WEBデザイン10選】シンプルでわかりやすい「1カラム」サイトまとめ4今“ジモト”がアツイ!情報発信力バツグンなローカルWEBメディアまとめ5言葉に悩むあなたに。文章作成を助けてくれる便利ツール9選6【保存版】アツイ視線が集まる激戦区!女性向けWEBメディア50選7【WEBデザイン10選】ナチュラルさが上手く表現されたWEBサイトまとめ8わずか60秒でカンタン制作?!無料アンケートフォーム作成サービス、おすすめベスト5!9【WEBデザイン10選】雑誌風デザインを上手く取り入れたWEBサイトまとめ10【WEBデザイン10選】これは上手い!縦の文字組みを効果的に使ったサイトまとめ総合1いまさら聞けない!フリック、スワイプ...スマホ操作の基本用語まとめ2今どきの幼稚園・保育園ホームページ研究。32サイトに見る傾向と課題とは?3【保存版】アツイ視線が集まる激戦区!女性向けWEBメディア50選4【WEBデザイン10選】これぞ進化系!今どきのレスポンシブWEBデザインサイトまとめ5【WEBデザイン10選】シンプルでわかりやすい「1カラム」サイトまとめ6【WEBデザイン10選】コンバージョンUPにも!パララックスを効果的に使ったLPまとめ7初めてでもできる!iPhone動画編集アプリ【厳選4つ】8【WEBデザイン10選】雑誌風デザインを上手く取り入れたWEBサイトまとめ9【WEBデザイン10選】背景に動画を大胆に使った日本のサイトまとめ10【事例に学ぶ】話題の新興SNS、Instagramを集客に使うコツ最新記事Web集客に必須の「ペルソナマーケティング」。ある相談事例エムハンドブログwebマーケティングインバウンドブログweb雑学・面白ヒルメシマエブログ。