WEBデザイン・プログラミング関連の
情報発信を手掛ける STAND4U

HOME > WEBデザイン > Facebookのデザインを勝手にリニューアルしてみた。

Facebookのデザインを勝手にリニューアルしてみた。

［景品表示法に基づく表記］ 本コンテンツにはプロモーションが含まれています。

勝手に既存サイトのデザインリニューアル案を考えるという企画ですが、今回はPC版の「Facebook（個人）」のパーソナルページのデザインリニューアル案をデザインしてみました。

基本は現行サイトの内容を踏襲していますが、一部こういうのもあってもいいかもというものも追加しています。

第２弾の「インスタグラムのデザインを勝手にリニューアルしてみた。」はこちらから。

京都・大阪・滋賀 WEBデザイン１日集中現役プロから学ぶマンツーマン講座

Facebookページ現行デザインと、リニューアルデザイン案

現行のFacebookデザイン

まずは、執筆現在の現行Facebookデザインはこちら↓

fb_now

Facebookリニューアルデザイン案

そして、今回作ったFacebookページのリニューアルデザイン案はこちらです。
【制作時間：約4時間（素材収集・調査等含む）】

現行Facebookサイトからの改善点

基本的には現行サイトに慣れているユーザーを考慮し、大きなUI変更は避けてビジュアル的な変更に留めます。

現行のFacebookサイトは、余白の詰まり具合や、デザイン的に若干野暮ったい印象があるので、少しゆとりをもたせシンプルなフラット系のデザインを採用。
またブランディングを強化する為、全体的にコーポレートカラーで統一し、ハイグレード感を演出します。

個人のページという事で閲覧時に利便性を向上させる為、現在日時や天気、今日のラッキカラーなどの遊び要素も追加します。一見PCサイトでは不要かと思える「現在地」は、外出先でノートパソコンを利用しているユーザーの為の表示です。投稿時に表示される現在地を予め確認しておくのに便利です。
また「アクティビティ」として最近行った自分のアクションをリスト化し、自分のアクションを見返すリンクを配置しました。

まとめ

まだまだ調整可能な部分は多いですが、まずはあまり時間をかけずに現実的なリニューアルデザインにするというコンセプトを元に第一弾として作成しました。
久しぶりに個人的にこういう遊び的なデザインをしてみましたが、今後も時間を作って他のサイトリニューアルを続けてみたいと思います。

※当記事の掲載内容は執筆現在の個人の見解・調査によるもので、動作・サービス等を保証するものではありません。最新情報は各公式サイトでご確認頂き、購入・契約・データ作成等はご自身の判断・責任でお願いします。 免責事項

関連記事

WEBデザイン動画講座
YouTubeで学ぶWEBデザイン Uチャンネル Powerd by STAND4U
超短期1日集中 オンラインWEBデザインマンツーマン講座

ナビゲーション

この記事を書いた人

編集長

WEBデザイン・グラフィックデザイン歴：約18年、HTMLコーディング、jquery、wordpress、イラストなど本業とし、WEBデザインコンサル・プログラミング・ライティング等にも勤しんでいます

プロフィールはこちら

WEBデザイン作品集はこちら

Twitter @stand_4u_ をフォロー

[ー]

目次

新着記事