今年から関連リンクも貼ってみました。

他にも何かオススメのリブランディングがあれば、
SyumpeiMienoまで、お知らせいただけたら、なるべく掲載させていただきます。

1月18日 FABRIC TOKYO

FABRIC TOKYOは、オーダースーツのD2Cサービス。
「Fit Your Life.」をコンセプトとしたリブランディングです。

シンボルマークはサービス名の「F」と「T」で、生地を織る様が表現されています。
新しくなったウェブサイトもしっかり綺麗に作られていて良いですね。

1月18日 RIMOWA

RIMOWAは、ドイツのスーツケースブランド。
旧ロゴは丸みと枠が印象的でしたが、ストンと細いウェイトのサンセリフに変更されました。

悲しんだファンも多そうな気もしますが、確かに以前のロゴデザインでは高額ブランドとして発信するにはポップすぎたのかもしれません。

「120年の伝統を誇る、完璧なスーツケース」引き続きカッコいいし欲しい。

1月31日 hey

コイニーとストアーズ・ドット・ジェーピーが経営統合によって設立されたhey。

コイニーもストアーズもサービスとしては残っているので、ロゴ変更という文脈では微妙ですが、ブランディングとして印象的だったので掲載。

heyの「h」と「y」は姿形は違っても、見方を広げればみんな同じ人（human）であるということを表しているそうです。
ブランディングのプロセスはもちろん、2018年通してのアウトプット、素敵なモノが沢山ありました。

heyインサイドストーリー 〜heyのCIデザインプロセス全記録〜

2月15日 ABEJA

AIの社会実装を一層促進すべくリブランディングを実施したようです。

日本のベンチャーとしては珍しく「ABEJA Sans」なる欧文フォントもデザインされていてアウトプット量に驚きました。
各ブランドのシンボルマークに採用されている「ABEJA Grid」もポイントですね。

「ABEJA Grid」と「ABEJA Sans」により、ブランド展開コストを抑えながら、全体の統一感を担保できそうです。便利そう。

ABEJAリブランディングのデザインプロセス – ABEJA Arts Blog

3月1日 MINI

BMW　MINIがエンブレム（ロゴ）を18年ぶりにリニューアル。
車のエンブレム（ロゴ）は、立体的なイメージが強いですが、ここにもフラットなデザインが採用されだすのか・・・という感想です。

確かに扱いやすそうなロゴですが、全てがフラットになってしまうのも少し寂しいですね。

3月22日 メルカリUS

フリマアプリ「メルカリ」US版のリブランディングです。
ロゴに留まらず、WebサイトやアプリUIなどもUS専用にデザインされています。

他のグローバルブランドでも国や地域でロゴが変わるパターンを知らないので、珍しい。というのが最初の素直な感想でしたが、ここまで離れたブランドイメージにするからには、別物として認知させる狙いが伺えます。

サービス名も違って良いのでは？とも思ってしましますが、色々と理由があるのかなーなど、色々と考えが巡ります。真相、知りたいですね。

US版メルカリが一新！リブランディングを実施しました　#メルカリな日々 2018/3/22 – mercan（メルカン）

4月10日 American Express

American Expressのリブランディング。
Pentagramによるデザインのようで、サイトや、お馴染みの古代ローマ軍センチュリオンのイラストにも調整が施されています。

全体を通じて、これまでのイメージを損なわないリデザインですが超ハイクオリティ。参考になります。

American Express — Story — Pentagram

4月11日 タップル誕生

サイバーエージェントの運営するマッチングアプリ「タップル誕生」のリブランディング。
サービス名は、タップル誕生だけど、ロゴはtapple。この辺には、デザイナーの葛藤がありそうです。

若年層に向けたリニューアルのようで、確かにフレッシュで今風に感じます。

“以前のロゴタイプは漢字を含むため、Webバナーなど小さいサイズで使用する際につぶれてしまう問題がありました。”

シンボルマークもロゴタイプも、細かすぎる要素が存在すると、この手の問題と戦うことになりますが、リニューアル要件としては分かりやすいです。

恋活サービス「タップル誕生」ロゴリニューアル、ブランド再定義のプロセスを公開 | CAREER HACK

４月17日 KARTE（カルテ）

ウェブ接客ツールKARTEのリブランディングです。
「Webサイトに来訪したユーザーに対し何らかのポップアップコンテンツを表示するツール」というイメージを払拭し正しい価値でブランディングする為に実施されたようです。

デザインプロセスにもしっかり公開されている通り、丁寧に作られている印象。
笑顔にも、人が向き合っても見えるマークも、新しいロゴタイプも素敵です。

刷新したKARTEロゴのプロセス公開 ー プロダクトが目指す理想像から始めるアプローチ | PLAID engineer blog

5月28日 LIPS

コスメアプリのLIPS。

10代女性だけでなく、より広い層に親しんでもらう為のアップデートのようです。
元のシカもかわいいですが、新シカ、確かに少し大人っぽく、綺麗なシカになったように感じます。

デザインを担当したデザイナーさんのポートフォリオに、詳しくまとめられているので気になる方は是非。

LIPS – TAKAYA OHTA
日本最大級コスメアプリ「LIPS」更なるユーザー拡大に向け、デザインリニューアル

6月1日 NewsPicks

2013年から使われていたロゴが新しくなりました。

ニュースピックスのコンセプトの１つである「ニュースでも人によって多様な捉え方がある」を元に黒と白のストライプを強調したデザインに変更したそうです。
色も紺から黒になっています。

元の印象を損なわないままに、シンプルで強いロゴに進化した印象です。シマウマ。

NewsPicks、ブランドリニューアル。経済を、もっとおもしろく。 | 株式会社ユーザベース | UZABASE, Inc.

7月1日 AGC

グループブランドとしての「AGC」は以前から存在しましたが、今回社名も旭硝子株式会社からAGCに統一。
それにあわせて、AGCロゴもリファインされています。

デザインとしては、赤い切り返し部分が広がりつつ、全体的に調整されています。

社名変更のCMも印象的でした。

旭硝子あらためAGC | AGC

7月2日 楽天

楽天。2018年に行われたリブランディングの中でも、かなりインパクトが強かったです。Rのシンボルマークが無くなりました。

グローバルブランドとして、漢字から英語表記への変更。
野球やサッカーのユニフォームへの配置に重点が置かれたデザインに感じます。

また、メインサービスである楽天市場のロゴはコーポレートブランドと同じRAKUTEN単体表記。

他各ブランドについては、色をそれぞれに割り当てながら、RAKUTENロゴ+Travel/BEAUTY/楽天銀行/レシピなど大文字小文字漢字カタカナがフリーダムに選択されています。
さらに使用されているフォントについても、ウェイト違いやゴシック丸ゴシックなどフリーダムに選択されています。

やっぱり、インパクト強しです。

楽天、グローバル統一ロゴのデザインを一新 | 楽天株式会社

7月23日 SHIBUYA109

SHIBUYA109のロゴ、公募で10,435件の中から決められました。
Instagramを想起させるようなグラデーションが印象的でシンプルな造形です。

賞金109万円のようで、SHIBUYA109にちなんでいて良い感じもしますが、個人的にはもっと賞金高くて良いのでは？と思ってしまいます。
プレゼンの無い公募となると、ある程度まで絞られると、好みの世界もあるので、懸賞みたいなモノなのですかね。

余談ですが、109の由来は東（トー）急（キュー）。

SHIBUYA109 NEW LOGO｜SHIBUYA109｜渋谷 109

8月1日 FANZA

成人向けサービス「DMM.R18」が「FANZA」に名前を変えるリブランディングです。
新しい名前やデザインを手がけたのはNikeやAirbnbのブランディングで知られるCOLLINS。

性をさらにオープンで、ポップに楽しむ世界を構築する為のリブランディングと語られていますが、DMMとブランドを分ける事が重要な要件だったように思えます。
ちなみにFANZAのネーミングには「人間の持つ様々なファンタジー、妄想、幻想を、AからZまで取り揃え提供していく場所」というメッセージが込められているそうです。

それにしてもこのFANZAロゴ、力強くて、個性的で、シンプルで、2018年ロゴデザインで個人的には一番好きかもしれません。

「DMM.R18」から「FANZA」へ　世界No.1のデザイン企業が挑むアダルトなリブランディング – KAI-YOU.net
「FANZA（ファンザ）」へ名称変更のお知らせ – FANZA Magazine

8月2日 BURBERRY

ファッションブランドのBURBERRYもサンセリフのロゴタイプに変更となりました。
このサンセリフ化の流れは、もう誰にも止められないのかもしれませんね。

ロゴタイプとしては、すごく綺麗で、安定感もあって、すごく好みです。

同時に発表された、モノグラム柄を使った様々なデザインも素敵。

デザイナーのリカルド・ティッシのInstagram投稿

8月9日 フォリオ

「LIFT ME UP!」のコンセプトを掲げて作られた新しいブランドのイメージは、狙い通り「信頼」「中立」「知性」「誠実」な印象から、toCを強く感じさせる「わくわく」する印象に近づいています。

色はもちろんですがシンボルマーク+大文字表記から、小文字のロゴタイプのみ構成と変更されており、これまでのビジュアルイメージの蓄積を全て捨てた完全に新しいブランドイメージです。

ピンクで手書き風のロゴタイプといえばAirbnbを思い出します。

https://note.mu/hajipion/n/n1653f6ebb468

8月14日 Evernote

Evernoteが創業10周年を迎えリブランディングです。
ロゴはもちろん、ウェブサイトや細かいグラフィックまですべてリニューアルされた大規模なプロジェクトとなっています。

近年のロゴアップデートの殆どが、セリフや手書き風のロゴタイプからサンセリフに変更されています。
しかし、Evernoteは王道に近いセリフになりました。
表記も頭文字のみ大文字としつつ、文字色を濃く調整されたことで、非常にクッキリして可読性が高い印象です。

EverNoteのブランドが変更されたニュース記事を開く瞬間、一番気になったのは象さんどうなった！？という想いだった方は多いと思います。
新しい象さんの検討過程も公式に掲載さていましたが、旧象さんから大きく変えず、より優しい線が採用されたステキなアップデートとなっていて安心しました。

なんと言っても、これまでグレーで、控えめだった象さんに、新しいフレッシュなブランドカラーが与えられていて、大切にされている象徴である事が伝わってきますね。

Ever Better: Refreshing the Evernote Brand – Taking Note – Medium

8月20日 ムームードメイン

昨年のロリポップの変更に続き、今度はムームードメインがリブランディングです。
「欲しいドメインがすぐ見つかる。」をキャッチコピーに、変更されたそう。

色もカタチも全て新しくなりました。サイトも含めて変わっています。
あのなんとも言えないデザインのサイトが見れなくなるのは少し寂しいですね。

シンボルマークの●は、ドメインに必ず含まれる「.」でしょうか。
変更具合は2018年、ナンバーワンです。

ペパボデザイナー巡り、ムームードメインをデザインするふたり – ペパボテックブログ

8月28日 CENTURY21

読みづらいフォントとケイン・コスギが印象的だったCENTURY21がリニューアルしました。
カフェのようにリラックスできるカジュアルな雰囲気を目指していくそうです。

9月3日 CELINE

「CÉLINE」から「CELINE」にロゴが変更されました。
もともとミニマルでしたが、さらにミニマルになっています。

ロゴ変更に伴って、Instagramのアカウントが作り直されたみたいです。徹底したイメージチェンジ。

デザインとしては、E上の記号が無くなり、文字間が詰められています。
文字としては基本的には、旧ロゴのままのようですが、Nのエッジ部分など細やかな調整が行われているようです。

CELINEリブランディングのInstagram

9月13日 Uber

Uberが「Rebrand 2018」をリリースし、ブランドに関わる各要素が新しくなりました。
「U」のみ大きい表記への変更や、印象的だった柄が廃止されるなど、非常に大きい変更となっています。

ロゴの「U」と、新タイポグラフィの「U」の大文字が、カタチは小文字のまま大文字サイズにしたフォントな点も印象的です。

また、Uberサービスの主体である、アプリアイコンについても、新しいロゴがそのまま使用されています。
ユーザーにとって、ロゴとアプリアイコンが等しくある重要性を感じさせられ、今後のトレンド化も予想されますね。

まさに、公式ページで宣言されている”Bring back the U”が実行されています。

Rebrand 2018 | Case studies | Design at Uber

9月27日 モンスターストライク

XFLAGのモンストのロゴ変更。
キャラクターがレッドドラゴンからオラゴンに変わっています。

今までのデザインは踏襲しつつも、モンストの”ひっぱって””ぶつける”ゲーム性をよりシンボリックに表現し、文字の可読性も高めた〜と説明されています。

「モンスターストライク」のロゴデザイン刷新のお知らせ｜XFLAG （エックスフラッグ） ケタハズレな冒険を。

10月1日 ZOZO

スタートトゥデイグループが 「ZOZO」へと社名変更されました。
ロゴには、先に公開されていたプライベートブランド「ZOZO」がそのまま採用されています。

「ZOZO」というワードは、新しい価値を生み出す、想像（Imagination）と創造（Creation）の行き交いを表現しているそうです。

スタートトゥデイグループ、本日10月1日（月）より 「ZOZO」 へ社名変更 – 株式会社ZOZO

10月16日 doda

歴史上、最も“はたらくに迷う時代”といっても過言ではない現状に対応していくため、「DODA」は新たに「doda」にリブランディング。
ロゴの右側についている「Wake Symbol」は、“はたらく”と転職の「もやもや」が解消されたときに生まれる「そっか」という「気づき」を表しているそうです。

明るい色と小文字の採用で、より若者向けなイメージになった感じがします。

dodaブランドコンセプト – dodaはもっとみんなのdodaへ – ｜転職ならdoda（デューダ）

10月31日 mercari

USのロゴに続いて、メルカリ本体のリデザインです。
6月の上場から話題が豊富ですね。

ロゴを含めてデザインが全体的に、明るくシンプルに変更されています。
mercari x Takram x PARTY クオリティ高い。

あと、かわいいです。

Hello new logo | メルカリデザイン

11月28日 Chatwork

コーポレートミッションの刷新と共にリブランディングされています。
5月の社長交代による指揮でしょうか。

これまでのロゴを、よりシンプルにしたデザインとなっています。
チャットの吹き出しが集まっているシンボルマークはメッセージ性があり、印象的です。

コーポレートミッション特設サイト | Chatwork

12月5日 MOV

DeNAのタクシー配車サービスの「タクベル」が「MOV」としてリブランディングされました。
車を上から見たようなシンボルマークと太いフォントが印象的です。

名称の変更についても公式ブログで語られていますが、「タクシー」要素が入っていると拡張性が無くなる為らしいです。

次世代タクシー配車アプリ「MOV《モブ》」のデザイン制作の背景とプロセス | DeNA DESIGN BLOG

12月14日 UNIQLO U

ユニクロより若干高級でクオリティが高いユニクロユーのリブランディング。

2019年春夏からロゴが変更されると発表されました。Uの数が１つになります。
対象のコレクションは2月1日から順次販売されるそうです。

1月11日 ロリポップ！

「すぐに使える、ずっと使える」を掲げたリニューアルです。

ロリポおじさんの流れを継承してデザインされているようですが、ロゴマークのカタチだけを見ても、どこがロリポおじさんの何に当たるか判別が難しいです。

でも、想いを込めることは大切ですね。

1月23日 Mozilla

ブラウザのFirefoxやメールソフトのThunderbirdで知られるMozillaもブランド一新です。

Mozillaのブログによると、７ヶ月の期間でリニューアルが達成されたそうですが、大きな組織にも関わらず、スピードが早くて驚かされます。

URLの始まりである「http://」の「://」をMozillaの「ill」に見立てていて、デザインの巧さを感じますね。
このデザインは、インターネットがMozillaの中心であり敬意の表れでもあるそうです。

ちなみに、10月にはFirefoxのシンボルもリニューアルされています。

2月?日 ユニバーサル・スタジオ・ジャパン

２月の何日かは不明ですが、ユニバーサル・スタジオ・ハリウッドの変更を追いかけてジャパンも変更されています。
ビジュアルとしては非常に洗練された印象ですが、少しさみしく感じますね。

テーマパークのロゴ、検討が難しそうです。

2月3日 CALVIN KLEIN

アメリカのファッションブランドのカルバンクラインは、Instagramでロゴ変更を告知しました。時代を感じます。

新しいロゴはファッションデザイナーである、ラフ・シモンズのディレクションの元、アート・ディレクターのピーター・サヴィルと協力して制作されています。

そんな新しいロゴで一番大きな変更点は、CとKの頭文字だけ大文字だったのが全て大文字に変更されている点で、全体としては若干フォントのウェイトが太くなっていてます。

2月16日 Accenture

2016年7月にIMJ株の過半数を取得する買収を行ったことが記憶に新しい、Accentureもロゴを変更です。

アクセントマークがシンプルなロゴでしたが、基本はそのままに、太くなったフォントとマークによって全体的に安定感が増した仕上がりになっています。

マークに使われている赤も若干濃く調整され、重厚感があります。

ウェブサイトや広告等もリニューアルされ、各所に新しいマークが使われおり、
使われているカラーの、強いコントラストやグラデーションからは、日本企業には無い新しい印象を受けます。

2月16日 ヌーラボ

プロジェクト管理ツールのBacklog、ビジュアルコラボレーションツールのCacoo、ビジネスチャットツールのTypetalkをサービスとして提供しているヌーラボが、コーポレートとサービスの全てをリニューアルしています。

これまでのデザインを振り返ると、コーポーレートサイトと他３つのサービスの雰囲気が、それぞれ違った印象でした。

今回リニューアルされたデザインは、全体的に同じイメージに近づいて見えます。

2月20日 タムロン

日本のレンズメーカーのタムロンもロゴを変更しています。

小文字と大文字が混ざっていたロゴタイプを全て大文字に変更しつつ、どの文字にも曖昧さを感じない芯のあるデザインに生まれ変わった印象です。

発表によると「信頼性」「技術力の高さ」「はっきりとした存在感」を表現しているとありますが、まさにその通りのデザインと言えるのではないでしょうか。

3月1日 ナノユニバース

メンズに限らずウィメンズも意識したリブランディングだそうです。
確かに、女性らしくなった印象を受けます。

3月27日 AIアナリスト

Webサイト分析ツールのAIアナリストもブランドイメージを含めたロゴを含めたブランドイメージを一新しています。
人工知能かつBtoBをより簡単に親しみやすく表現する為、全体的にカーブが重要視されたデザインとなっています。

シャープな印象から、親しみを感じるフォルムへ、大きく方針転換されています。

4月1日 LIFULL

ロゴというか、社名ごと変更されています。
「ネクスト」「HOME’S」「LIFULL」各ブランドを統一する非常に大きな改革でした。

アイコンの「」の枠で各ブランド展開しており、ビジュアル面にも統一感があります。

4月2日 ダウンタウンのガキの使いやあらへんで！

TV番組のブランディングも大切ですね。
ガースーら降板の影響？でのリニューアルという噂です。

新ロゴも好きですが、旧ロゴも素敵ですね。

4月3日 McAfee

2011年の買収によりインテルの完全子会社化。2016年に再度マカフィーとしての独立を経て、新生マカフィーと称したリブランディングとなっています。

ブランドページによると“Together is Power”が一番重要な考え方とされており、新しいマカフィーブランド構築の軸となっているようです。

ウェブサイトに使われているロゴにもタグラインとして“Together is Power”と表記されています。

6月7日 M&Aクラウド

M&Aマッチングプラットフォーム「M&ACloud」もリニューアルしています。

M&Aにおける「会社と人の繋がり」それによって発生する「イノベーション」を掲げビジュアル化されています。

6月19日 Skype

これまでの「S」アイコンには手を入れずに、雲に浮かんだようなロゴタイプが廃止され、「S」アイコンに細みのウェイトの文字を配置したシンボルマーク＋ロゴタイプの構成となっています。

個人的には凄くお世話になったツールである為、Microsoftという巨大なブランドの１つとして、今後どのように個性を展開していくのか期待しています。

7月1日 Bushiroad

かなり大きくイメージが変更されています。
IPOが噂されていますが、10周年も迎え、まさに準備段階ということでしょうか。

デザインとしては、若干BRIDGESTONEを思わせますね。

7月10日 NBA

色が濃くなり、NBAと書いた文字の可読性がアップしました。
フォントも細くなったことも手伝い、小さいサイズでの表現にも強くなっています。

8月7日 Sansan

名刺管理サービスのSansanもブランドイメージを新しくしています。
旧ロゴと比べると、随分明るい印象になりました。

赤いラインには、「世界を変える出会いを生み出したい。」という想いが込められているそうです。

8月16日 Pinterest

Pinterestもリニューアルされています。デザイナーは、お世話になっている方も多いのではないでしょうか。

具体的にはロゴタイプが手書き風から、太めのサンセリフに変更されました。

個人的に、手書き風に文字が繋がったロゴタイプが好きだったので少し残念ではありますが、
可読性が改善された上で堅い印象に仕上がっており、ブランドの方向性を強く感じるデザインですね。

Pinterestがビジネスとして、どのように展開してゆくのか楽しみです。

8月30日 YouTube

ロゴを始め、サイトのUIも全面的にアップデートです。
再生速度の調整や、スマートフォンの縦表示での動画再生にも対応しています。

Googleを始め他ブランドでも採用されている、様々なデジタルデバイスのスクリーンで、小さく表示しても視認性を高く保つことが重視されたロゴの変更のようです。

相変わらずカッコイイですね。

9月1日 DDホールディングス

佐藤可士和さんによるリブランディングです。
「D」という文字を少し開くことで、オープンで風通しがよく自由な環境を象徴しているそうです。

9月1日 USERDIVE

USERDIVEも新しいロゴになっています。
サービスの機能であるヒートマップを示したカラーリングに感じます。

ロゴのコンセプトは”ユーザー行動の可視化によって顧客企業の潜在的な課題を解き明かし、優れた解決策を導き出す「USERDIVE」の特長を象徴しています。”だそうです。

9月12日 Amazon Web Services

Amazon のクラウドサービスであるアマゾン ウェブ サービス（AWS）もロゴが変わりました。
amazon本体同様にAtoZのスマイルモチーフが採用されています。

9月18日 Atlassian

課題管理システムJIRAをはじめ、プログラマーを対象にしたプロダクト群で知られるAtlassianが大きくリブランディングされました。

コーポレートロゴはもちろん、プロダクト全体に青を基調とした新しいデザインアイデンティティシステムを採用したアップデートとなっています。

チームワークの概念をシンボルマークに取り入れ2人のヒトが支え合うようなイメージでデザインされているそうです。

9月30日 ドムドムバーガー

最近食べてませんが、ドムドムバーガーもリニューアルです。

「象のように親しみやすという想いから」という理由でどむぞうくんは継承しているそうです。
この象さん、どむぞうくんって名前なのを初めて知りました。

10月1日 ２ちゃんねる

何より、衝撃的なのは、名前が5chになったことですね。

10月2日 LIG

「Life is Good」のカルチャーを掲げたリニューアルと紹介されています。

ロゴでは「常に成長を続けること」と「力強さ」を表し、笑顔に見えるカタチを意識しているそうです。

10月3日 Dropbox

オンラインストレージサービスのDropboxが10年ぶりにブランドイメージを刷新しました。
ロゴはもちろんのこと、色や書体やイラストなどのビジュアル全てが新しくなっています。

今年のIT系企業のリブランディングは、アートの要素が多分に含まれている印象です。

個人的には、今年一番ビジュアル面が洗練されたアップデートに感じます。

10月6日 Firefox

Mozillaに続いてFirefoxもリニューアルしています。
グラデーションは活かしつつ、明るい配色に変更されていますね。

どんどんシンプルになっていますが、昔からある、狐が地球に巻き付いたシンボルは失われていません。

11月2日 avex

17年ぶりのロゴ変更です。
小文字の“a”をもとに「MadとPureのメビウスの輪」というイメージとともにデザインされているそうです。

青背景で使っているビジュアルしか見ていませんが、青背景専用なのでしょうか。
グラデーションの感じといい、尖ったロゴですね。

11月28日 フォーミュラー１

F1のロゴが変わりました。

旧ロゴの印象が強すぎるのと、新ロゴが読めない問題があり、F1と認識されなそうですね。

どちらにせよスピードを感じるデザインです。

12月1日 眼鏡市場

リリースの説明では「ちゃんと選ぶなら」の精神を掲げながら、アクティブなブランドを象徴するデザインとありました。

可読性に不安が残りますが、ブランドを変えたい意思を感じます。

12月8日 UberEats

おいしそうな感じのデザインになった印象です。

クールなフォークのアイコンより、個人的には素敵だと思います。
2017年のUBER本体のリニューアルに続く良いアップデートですね。

認識してない方も多いかと思いますが、2016年１月に、Microsoft が提供する検索エンジンであるbingのロゴが変更されました。
表記が、bingからBingへと変更され、色については黄色から緑へとダイナミックにアップデートされています。

小文字のbを形どっているであろう、シンボルマークについても、切れ込み部分など、若干変更されています。

2月3日 Uber

日本ではあまり普及していないUberですが、海外旅行好きな方なら一度は利用したことがあるかと思います。
そのUberのブランドリニューアルについては、「Bit」と「Atom」をコンセプトに展開しているそうです。公式BLOGや各メディアで、検討の過程が紹介されていて楽しく読んだ記憶があります。

個人的には、2016年の中でもインパクトが大きかったリニューアルです。

4月1日 オイシックス

クリエイティブディレクターの水野学さんが担当されたそうです。
真面目さが伝わるようにと変更されたデザインは、最近流行っている手書き風ロゴの中でも特に美しい造形に感じます。

4月25日 東京2020大会エンブレム

この件がリニューアルといえるかについては、疑問もありますが、2016年日本で一番ロゴが話題になったデザインだと思うのでピックアップしました。
野老朝雄さんがデザインを担当されています。

5月11日 Instagram

今年何かと話題のinstagramも大きくブランドチェンジしました。
レトロなカメラ調のアイコンから、鮮やかなグラデーションと可愛いカーブが印象的なアイコンへ変更されました。

リニューアル当初は賛否両論で騒いでいる方も多かった記憶がありますが、日本のインスタっ子達も、もう親しみをもって慣れているのではないでしょうか。
何より、ホーム画面で探しやすいですね。

5月11日 フリークアウト

印象的だったロゴが、さらにしっかりと印象的な赤いロゴへと変更されました。
主力商品DSPサービスを「Red」としてリブランディング展開し、それに合わせてコーポレートロゴの変更を行ったようで、サービスへの想いを強く感じられます。

新サービス名の「Red」は、「King Crimson」のラストアルバム「Red」からそのまま命名し、そのメッセージをコーポレートロゴにまで派生させているそうです。

6月23日 LINE

なかなか普通には気づきづらいリニューアルだと思います。

今年、上場承認で話題となったLINEが、2016年6月23日にサービス公開５周年を迎え「CLOSING THE DISTANCE」というミッションのもと、コーポレートサイトの刷新されました。
そのタイミングで、公にされていませんでしたが、ロゴも差し替えられたのです。

丸みが印象的だったロゴタイプから、角が足され若干角ばったロゴタイプとなっています。

7月14日 マスターカード

個人的には、今年で一番好きなリブランディングです。
これまで蓄積された、赤とオレンジの円の印象を損なわず、より強烈なインパクトをもたらす素晴らしいデザインだと思います。

なによりカッコイイので、他のブランド展開物も是非見ていただきたいです。

9月8日 Dell

EMCの買収ニュースを記憶している方も多いかと思いますが、今年９月の買収完了のタイミングでロゴマークも変更されています。
これまでのDellマークのファンを裏切ることもせず、より違和感なく、洗練されたと思います。

買収されたEMCはDell EMCとなりましたが、そちらのロゴ表記も綺麗に構成されています。

9月20日 Ptmind

ヒートマップツールのPtrngineを提供しているPtmindもロゴを変更しています。
緑のイメージが強くありましたが、カラフルで可愛いイメージになりました。

コーポレートサイトなどは、恐らくまだ手付かずの状況ですが、ロゴに沿っていくであろう今後のブランド展開が楽しみです。

9月29日 かっぱ寿司

「脱カッパ」でイメージ刷新という見だしが印象に残っています。
たしかにカッパがいなくなって、回転寿司の皿が重ねられているマークに変更されていますね。

10月3日 Schoo

動画学習サービスを運営しているSchooですが、カラフルからモノトーンのロゴと変更されています。
表記も小文字から大文字へと変更されていますね。

日本デザインセンターの大黒デザイン研究室室長 大黒大悟さんが担当しているそうです。

11月４日 Zendesk

ヘッドセットを付けた仏様？が強烈だったZendeskは、全般的にリブランディングしています。
ロゴはもちろん、ダッシュボードやウェブサイトなど全てのデザインをリニューアルされています。

仏様ほど強烈なブランドイメージを、今後どのように吸収していくのか、楽しみです。

11月30日 湖池屋

お菓子の湖池屋さんもロゴを変更しています。
ポリンキーもすっぱムーチョも好きですが、僕は断然スコーン派です。特に和風バーベキュー味が美味しいです！

漢字のシンボルマークって、日本企業ならではだし、素敵ですよね。

12月23日 SAKURA internet

創業20周年にあたり、ロゴを変更したそうです。
このブログのサーバーもさくらインターネットだし、馴染みがあります。

管理画面なども、あわせて使いやすく新しい感じにアップデートされることに期待したいです。

Photoshopからの移行だったので、ショートカットの違いに戸惑いましたが、すぐに慣れました。
あちこちで言われていることですが、Sketchの愛すべきポイントを紹介していきます。

Sketchはとにかく軽い！もうPhotoshopを立ち上げる気になれない

いろんな記事で軽い軽いと言われていますが、本当に、軽いんです。
それに半年間、１度もクラッシュした記憶が無いです。

当初は、個人的な作業のタイミングで、ちょくちょくPhotoshopも起動していたのですが、Sketchに比べると起動は遅く動作も重たいので、段々と触るのも億劫になってきました。
写真の加工作業でもなければ、重たいPhotoshopはもう起動しない気がします。

アプリのUIがメインだと、尚更です。

Symbol×Craft libraryを使ったコンポーネント管理が便利

SketchのSymbol機能とOverrides機能に加えて、無料プラグインのCraft libraryのあわせ技で超快適にUIコンポーネントをチームで管理できます。
この件については、別の記事でじっくり紹介しようと思います。

本当に、便利です。

プログラマも導入してくれる

プログラマ全員がPhotoshopを導入しているなんて、なかなか聞いたことない話ですが、Sketchなら皆さん導入してくれます。
多くのUIプレイヤーによる熱い布教活動とその便利さで、完全にアプリ開発の必須ツールとなったおかげですね。

無料期間が長かったことも、値段が安かったことも、ポイントですね。
なにより、優れたツールだから、ここまで普及したんだと思います。

最後に

残念ながら、大好きなPhotoshop批判のような記事になってしまいましたが、それほどに期待も大きいので、Photoshopにもがんばってもらいたいです。
個人的には、動作さえ軽くなれば、まだまだ戦えると信じています。

半年間触って、Sketchともかなり仲良くなれたので、今後は、便利なSketchの使い方を紹介する記事を書いていければと思います。

ちなみに、今回はリニューアルをやり遂げるためにも「１日で作業完了できる範囲」を掲げて進めました。
結果的に、削いだ機能や保留にしている部分は多くありますが、とりあえず無事公開に至りました。

せっかくなので、ブログのリニューアルで実現した、やってみたかった事を書き留めていきます。

1.「ヒラギノ8」を大きく使う

文字がガツンとくるデザインを試したかったので、今回のリニューアルでは、ブログのタイトル/h2/一覧ページに「ヒラギノ8」を使ってみました。
正直に書くと、iTunesなど、最近の国外産アプリデザインの影響もうけています。

2016年４月頃から、モリサワのTypeSquareで利用できるヒラギノフォントが増えたことも要因の一つです。
Windowsでもデザインを揃えられるのは嬉しいですね。

TypeSquare経由でウェブフォントとして使えるヒラギノフォント

• ヒラギノ明朝（ W2 / W4 / W5 / W7 / W8 ）
• ヒラギノ角ゴ（ W0 / W1 / W2 / W4 / W5 / W7 / W9）
• ヒラギノ丸ゴ（ W2 / W3 / W5 / W6 / W8 ）
• ヒラギノUD明朝（ W4 / W6 ）
• ヒラギノUD角ゴ （ W3 / W4 / W5 / W6 ）
• ヒラギノUD角ゴF （ W3 / W4 / W5 / W6 ）
• ヒラギノUD丸ゴ （ W3 / W4 / W5 / W6 ）

OSX v10.11 El capitanからMACにプリインストールされたヒラギノフォント

OSX v10.11 El capitanからは、以下のヒラギノフォントが使えるようになりました。
W0でサイトを構成すると、かなり細くて印象的だったので心が揺らぎましたが、今回は太めを採用しています。

• ヒラギノ角ゴシック W0
• ヒラギノ角ゴシック W1
• ヒラギノ角ゴシック W2
• ヒラギノ角ゴシック W3
• ヒラギノ角ゴシック W4
• ヒラギノ角ゴシック W5
• ヒラギノ角ゴシック W6
• ヒラギノ角ゴシック W7
• ヒラギノ角ゴシック W8
• ヒラギノ角ゴシック W9

2.コンテンツの左寄せ

中央寄せレイアウトのデザインを作る機会が多く、別の見せ方を試してみたかったんです。
あとは、大きな文字との相性を見て、左寄せコンテンツを採用しました。

3.カバー画像を廃止して、更新頻度を上げる

ワードプレスなんかでブログの運営経験がある方は、共感して頂ける気がします。
カバー画像は一覧に表示されたりするので、凝りたくなりますよね。

デザイン系のブログといった事情もあり、このブログにおけるカバー画像の存在は、記事更新の大きな障壁となっていたので、廃止してみました。
文字をガツンと見せるので、デザイン的にはなんとかなると信じていますが、すぐに画像が欲しくなる気もします。

また、ogp画像どうしよう問題もあります。

（カバー画像の表示をやめて少し不安ですが）作る画像が減ることで、更新頻度が上がるかを試してみます。

4.Webサイトのデザイン

最近、勤めている会社でブランディングチームからUXチームに異動したといこともあり、Webデザインに触れる機会が減ったので、デザイン・コーディング双方で手を動かしたいウズウズ感がありました。
個人的にご依頼頂いているデザインもありますが、やっぱり好きなようにやりたいことを試してみるのは、楽しいですね。

あまり更新できていませんが、簡単なポートフォリオサイトも数か月前に作ったので、見て頂けると嬉しいです。

これから、もっと、実践を通しながら勉強します。

ブランディングとは

ブランディングとは、「ブランド」とその「ビジョン」を顧客に伝えること。
他社との差別化ポイントである「らしさ」を決め、信頼を獲得し、選ばれる「ブランド」にすること。
それらを維持し、高め続けること。企業価値を高めること。

その為にも「ビジョン」が明確であることが大前提。
誰に、どのような価値を、どのように提供するかを示すものが「ビジョン」であり、顧客への約束のことでもある。

「ビジョン」を効率良く伝えるためには、一貫性が大切。
ビジュアルデザインの締める大きな役割はここにある。

ブランドが本当に「ブランド」になるのは、顧客がブランドと接触した際に受ける印象の積み重ねの結果である。

顧客とブランドの接点

• ロゴ
• CM
• 雜誌
• オフィス
• ウェブサイト
• SNS
• 社員
• etc…

この接点はブランドによって様々で、優先度やアウトプットの整理が必要。

ブランディングで参考にしたオススメ書籍

ブランディングで参考にしたオススメリンク

• Best Brands – Interbrand
• ブランディング | freshtrax | デザイン会社 btrax ブログ
• Uberの「急進的リブランディング」の全内幕
• 企業メッセージのビジュアル表現（10の事例）
• 日産 | デザイン｜デザインビジョン / CCOメッセージ

新しいサイトを発見次第、随時更新していく予定です。

ギャラリーサイトの管理人さんの目に止まり、
自動的にデザインしたWebサイトが掲載のが一番ですが、背に腹は変えられませんからね！

国内のWebデザインギャラリーサイト

straightline bookmark

I/O 3000

S5-Style

MUUUUU.ORG　縦長のwebデザインギャラリー

81-web.com

Responsive Web Design JP

イケサイ ウェブデザイナーのWEBデザインデータベース

WONDER BOOKMARKS | WEBデザイン リンク集

ズロック

週刊ウェブデザイン

Like Site Bookmark

Good Design WEB

Webデザインのまとめギャラリー

Web Design Clip

Web Design Clip [L]【ランディングページWebデザインクリップ】

Web Design Clip [S] 【スマートフォン・レスポンシブWebデザインクリップ】

優れたWebデザイン – ウェブデザインサーチ

Webデザインブックマークサイト・Webデザインリンク集 .SG_BOOKMARK

TAU MAGAZINE

Webデザインギャラリー | Choicely

bookma! v3

海外のWebデザインギャラリーサイト

siteInspire

Awwwards

The FWA

おまけ！動画のギャラリーサイト

Booounce!

今後もみつけ次第、随時更新する予定です。
雑な更新ですが、みなさんの参考になればと思います。

ちなみに現在、79ページ、最終更新：2015-12-14

※サムネイルは自動取得なので、正しく表示されていない場合があります。

slack

Facebook

Instagram

Twitter

MailChimp

Pinterest

Dribbble

Google

Foursquare

Dropbox

Fancy

GitHub

YouTube

Firefox

skype

Google+

mixi

楽天

behance

dailymotion

deezer

deviantart

linkedin

myspace

rdio

reddit

soundcloud

spotify

tumblr

viadeo

vimeo

vine

vk

yelp

Adobe

airbnb

Android

bootstrap

campaignmonitor

codeschool

codepen

creativemarket

disqus

drupal

evernote

kickstarter

kiva

lonelyplanet

mailgun

medium

mozzlla

OHIO STATE BRAND GUIDELINES

OSX

paypal

rjmetrics

SALESFORCE1

squarespace

stripe

tedx

treehouse

twitch

uber

ubuntu

windows phone

wordpress

yandex

flipboard

dena

LINE

Feedly

はてなブックマーク

Zagat

Flickr

yahoo

bing

preact

RelateIQ

eyeverify

nymi

ちなみにこの記事は、WACULアドベントカレンダーの10日目になります。
プログラミングな記事が大半ですがチェックしてみてください。

WACUL Advent Calendar 2015

CCライブラリはデザイン要素をクラウドで共有して利用できる

CCライブラリを使うと、アイコンや写真などのデザイン素材や、文字スタイルやカラーなどの情報を、クラウドで管理してアプリケーションやドキュメントの垣根を超えて利用することができます。

さらに便利な点としてCCライブラリは他のAdobeCCユーザーと共有して利用することもできます。AdobeCCをメインで使っているチームであれば使わない理由は無いかと思います。

私の務めているWACULのデザインチームでも、
AdobeCCのPhotoshopとIllustratorをメインに使ってデザインしているので、
ワークフローに積極的に取り入れる予定です。

今までがんばってプロジェクトのカラーパレットを共有したり、
文字間や行間などの情報をグーグルドキュメントで共有したりしていた手間を、
大きく省略することができそうです。

CCライブラリの利用例

自社サービスであるAIアナリストのWebサイトを最近リニューアルしました。
AIアナリストのサイトに使ったデザインアセットもCCライブラリ化しています。

アセット名は、かっこよく英語で管理も考えたのですが、
これぐらいの規模であれば分かりやすさ重視で日本語でOKだと思います。
（AIアナリストのアプリ本体はもっと細かいライブラリになってます。。）

これがPhotoshopで開いてもIllustratorで開いても、
別のユーザーが開いても常に最新状態で同期されて使えるってスゴイと思いませんか！？

CCライブラリの基本的な使い方

今回は、Photoshopをメインに使い方を紹介しますが、
基本的な流れはどのアプリケーションでも同じかなと思います。

1.新規ライブラリの作成

ウィンドウ → ライブラリでライブラリのパネルを表示。
新規ライブラリを作成を選択します。

ライブラリの名前は、プロジェクト名に設定して管理するのがよさそうですね。
例えばプロジェクトに限らずよく使用されるSNSアイコンなどは、別途ライブラリを作ってチームで共有するのが良いと思います。

2.作成したCCライブラリにアセットを追加

Photoshopであれば以下の要素をライブラリに追加できます。

• カラー
• 文字スタイル
• レイヤースタイル
• グラフィック
• スマートオブジェクト

方法は簡単で、ライブラリパネル下部のボタンからそれぞれの要素を追加することができます。

グラフィックやスマートオブジェクトはドラッグして追加することもできますが、
文字スタイルやレイヤースタイルなどは、ボタンからでないと追加することができません。

3.作成したCCライブラリを使う

使い方も超簡単です。
今までのスタイル機能のように、スタイル系はクリックして反映するだけ、
グラフィックやスマートオブジェクトについてはドラッグして配置するだけです。

ちなみにオブジェクトの配置にはリンクと埋め込みがあります。

そのままドラッグするとリンクの状態になり、クラウドマーク？（雲のアイコン）が表示されます。
altかoptionを押しながらドラッグすると埋め込みになります。

リンクの状態であれば、ライブラリに登録している元ファイルを、
スマートオブジェクトを編集するような感じで編集すれば配置している全てのドキュメントに更新が反映されます。

4.プロジェクトメンバーとCCライブラリを共有する

CCライブラリはチーム内で共有することで威力を発揮します。

共有されているCCライブラリは他のユーザーが追加した画像やスタイルを
リアルタイムで自分の開いているPhotoshopなどのアプリケーションで確認することができます。

相互に更新ができるので、プロジェクトのデザインルールを決める前段階でも、
ブレが少ない状態で作業を進められるはずです。

共有の方法も簡単です。
まずは、ライブラリパネル右下のCCマークを押してライブラリの同期を行います。

以下のURLからAdobeCCにログインすると登録したライブラリが確認できるので、
共有したいライブラリをクリックします。

画面右上の共有▼ボタンからCCライブラリを協同で使いたい人の
Adobeアカウントにメールで招待を送って承認してもらえば完了です。

Adobeアセットページ https://assets.adobe.com/assets/recent

既存のPSDデータからオブジェクトを抽出してライブラリ化もできる

ライブラリパネル左下のアイコンをクリックすると、
PSDを構成している要素から自動的にCCライブラリを作成してくれます。
当然、ゴミも混ざりますが、必要ないモノを消せば良いだけなのでかなり便利な機能です。

PhotoshopCCを最新バージョンにしてからPSDファイルを起動したら、
以下の画面が出現するかと思います。これですね。

CCライブラリを使えるアプリケーション

仕事はWebがメインなのでPhotoshopとIllustratorしかほぼ使いませんが、
DTPや映像系のアプリケーションもCCライブラリで便利になりそうです。

• Photoshop
• Illustrator
• InDesign
• Premiere Pro
• After Effects
• Dreamweaver

CCライブラリのまとめ

CCライブラリすごーく便利だし簡単なので、個人/チームの作業に問わず、
AdobeCCを使っているのであれば是非お試し頂きたい機能です。

HTML担当者や外部制作チームとの素材の連携もCCライブラリの共有でスムーズになると思います。
これをきっかけにCCユーザーが業界に増えればみんなラクラクになりますね。

実際、CCライブラリを使いチームで分担してプロジェクトを進めると感じられますが、
文字スタイル（フォント/サイズ/行間/文字間）やカラーを共通化できるだけでも、
変なブレも減り結果的にデザインの効率化とクオリティアップに繋げられます。

作業中にメンバーが追加したアセットが自動的に反映される体験をすると感動しますよ！

小さく使うと潰れてしまうので、見だしやキャッチコピーで大きく使うしかなさそうですが、仕事でも使う日は近い気がします。
最近は欧文フォントもほっそーいのが増えている印象なので、合わせて使っていきたいです。

ちなみにこれで、ヒラギノのウェイトはW0〜W9まで合計10種類になりました。多いですね！
すでにモリサワパスポートを契約中の方は、「Mフォントスターター」を起動すればすぐに新書体がインストールできるので、是非「ヒラギノ角ゴ W0」を使ってみてください。

10月１日にリリースされる「OS X El Capitan」にもヒラギノの新ウェイトが搭載されるらしいので、近い将来、ウェブサイトのフォントにも広く使えそうで楽しみです。

ヒラギノ角ゴ W1とW0の差

ヒラギノ角ゴW1も細いなーと思っていましたが、W0はもっと細いですね！
うん、やっぱり凄く細いです。

MORISAWA PASSPORT 2015年の追加書体

「ヒラギノ角ゴ W0」の他に、以下のフォントも追加されています。
個人的には、「凸版文久ゴシック」が気になっています。これも多分すぐ使いそうです。

• 凸版文久見出し明朝
• 凸版文久ゴシック
• はせミン
• ヒラギノ角ゴ W0

まとめ、モリサワパスポートはやっぱり良い！

全ての収録書体を使いきる日が訪れるのかは謎ですが、知れば知る程に力強い味方ですね！
それに、クライアント仕事をされる方は、他社さんとの連携なども含めて必須ですよね。

「MORISAWA PASSPORT ONE」はパッケージを買えばすぐに届いて使い始められます。
もちろん今回紹介した新書体に限らず、ヒラギノフォント102書体、タイプバンクフォント153書体および、欧文フォント30書体（Font Bureau）、中国語フォント15書体（ARPHIC、HANYI）韓国語フォント5書体（SANDOLL）が全て使えるので、デザインの幅が一気に広がるはずです！！

すでにMORISAWA PASSPORTを契約していて、更新間近な方はこちら！