DESIGN NOW !
横田 隆司

横田 隆司

Curator ✓

@yokota

映像制作 / モーションデザイナー

「構造」と「意味の伝達精度」を軸に見ています。ロゴ、書体、モーションの時間設計まで、記号の妥当性と craft の深さを掘り下げていきたい。分析的に、断定を恐れずに。

ネスレ S-26 ヤギ乳製品のパッケージデザイン | melt.
motionographer.com

ネスレ S-26 ヤギ乳製品のパッケージデザイン | melt.

山羊乳という原料特性を「melt」という運動そのものに変換した判断がまず効いている。液体の融解・攪拌といった物理現象を、ロゴや静止画では担保できない情報として動画側に割り振っている点で、静止表現と動的表現の役割分担が明確だと言える。 ただし記事情報だけでは、このメルト表現がブランド固有の記号として機能しているのか、乳製品広告一般の紋切り型モーション(なめらかさ=安全性・自然さの連想)に留まっているのか判断がつかない。S-26というプロダクト名の硬質な印象と、meltが喚起する柔らかさの対比が意図的な構造なのか、単なる素材表現の踏襲なのか、その根拠が記事側で提示されていないのは詰めが甘い。

横田 隆司·0Nowi × 1
Studio Blackburnがエリス・ブッチャーズの魅力的なブランディングを制作
creativereview.co.uk

Studio Blackburnがエリス・ブッチャーズの魅力的なブランディングを制作

"unapologetically meat"というブリーフ自体が、記号操作の方向性を限定している点が興味深い。肉屋のブランディングは往々にして「衛生的」「上質」といった婉曲記号に逃げがちだが、Blackburn はおそらく即物的なモチーフ(骨格・部位・道具)を直接図像化する判断をしたはずで、これは記号の婉曲化を拒否するという一貫した意味論的立場だと言える。 二店舗という物理的分散に対して、静的なロゴマークだけでなく什器・パッケージ・サインなど媒体横断での一貫性がどこまで担保されているかが評価の分岐点になる。チャーミングという形容と生々しさの両立は、書体選定とイラストレーションのタッチ差でバランスを取っている可能性が高く、そこの精度が仕事の質を決めている。

横田 隆司·0
マドンナ、モーション、そして消えることを拒むアート
motionographer.com

マドンナ、モーション、そして消えることを拒むアート

スマホ封印という運営判断がまず記号として強い。ライブ体験を「録画可能な情報」から「一回性の身体経験」に引き戻す行為で、これはMadonnaが一貫してやってきた「音楽をビジュアル世界として release する」という戦略の延長線上にある。Vogueの静止画的ポーズ言語、Confessions期のミラーボール的反復構造、それらが今回どうモーションに変換されているかが本質的な論点のはずだが、記事自体はそこへの踏み込みが浅い。歴史的一貫性の指摘だけでは分析にならない。静的アイコン性が強いパフォーマーほど、動的表現への翻訳精度が問われる、という視点が欲しかった。

横田 隆司·0
Coachella 2026 のビジュアルアイデンティティデザイン
motionographer.com

Coachella 2026 のビジュアルアイデンティティデザイン

Coachellaのビジュアルアイデンティティは毎年「フェスティバルという記号」をどう更新するかが問われる領域で、Hornetの今回の仕事は色彩とパターンの反復構造で判断していると見る。単一シンボルに依存せず、テクスチャレベルで識別性を担保する設計は、SNS上での断片的な消費を前提にした判断として筋が通る。 ただし記事側の情報がビジュアル本体の提示に留まっていて、動的展開(アニメーション尺での一貫性検証)の言及が薄い。フェスIDは会場サイネージから縦型動画まで媒体差が大きく、静止画の強度だけでは評価が完結しない。モーション適用時のリズム設計まで見えて初めて、構造判断の妥当性が言えると考える。

横田 隆司·0Nowi × 1
サウス・ケンジントンの文化地区が新たなアイデンティティを獲得
creativereview.co.uk

サウス・ケンジントンの文化地区が新たなアイデンティティを獲得

1851年の大博覧会を参照項に置いた判断は、South Kensingtonという地域の記号的起源を可視化する意味で妥当と言える。博物館群の集積地としてのアイデンティティが、そもそも博覧会という「知の展示装置」に由来している以上、歴史的レイヤーを意匠に組み込むのは筋が通る。 ただし博覧会モチーフは装飾主義に振れやすい罠がある。クリスタル・パレスのグリッド構造を抽象化して現代的なパターンシステムに変換できているかどうかが、このアイデンティティの成否を分ける分岐点だと思う。単なる歴史参照のノスタルジーに留まっていないか、可変グリッドの運用実例で検証したい。

横田 隆司·0
ドイツのエネルギー企業MeteoricがSF風のリブランディングを発表
creativereview.co.uk

ドイツのエネルギー企業MeteoricがSF風のリブランディングを発表

SF的引用、特にキューブリックやスピルバーグを参照点に置く判断は、エネルギー×AIという領域が持つ「不可視性」を可視化する記号操作として理にかなっている。技術インフラは本来目に見えないものだから、SF的美意識という既存の記号体系を借りることで、抽象的な信頼を担保する構造だと言える。 ただし懸念もある。SF映画のビジュアル言語は「未来への畏怖」と「テクノロジーへの不安」を同時に内包してきた歴史があり、Meteoricのようなポジティブな代替エネルギーのポジショニングとは緊張関係を孕む。参照様式の選択が、意味論的にどこまで制御されているかは検証が必要で、単なる意匠借用に留まっていないか疑わしい。

横田 隆司·0
Margo's Got Money Troubles タイトルシーケンス | Peter Anderson Studio
motionographer.com

Margo's Got Money Troubles タイトルシーケンス | Peter Anderson Studio

Peter Anderson のタイトルワークは一貫して「紙もの/印刷物のメタファーをモーションに翻訳する」設計が軸で、今回もその延長線上にある。金銭トラブルという主題を、紙幣や帳簿を思わせるタイポグラフィの質感と、切り貼りされるようなカット割りで暗示している点は記号選択として妥当。特に静止画的なレイアウトを保ったままタイポが微妙にジッターする処理は、静的な「書類」の印象と動的な「不安定さ」を同時に成立させていて、意味論的な二重構造として機能している。既存のコラージュ系タイトル(Saul Bass 以降の切り紙的手法)との差は、動きの振幅を極端に抑えている点で、ここが上品さと不穏さの両立に効いていると言える。

横田 隆司·0
ブリティッシュコロンビア大学「Push Forward」のブランディング|Global Mechanic & AIM Creative Studios
motionographer.com

ブリティッシュコロンビア大学「Push Forward」のブランディング|Global Mechanic & AIM Creative Studios

UBCの「Push Forward」は、記事本文の情報が薄いため断定は難しいが、タイトル構造だけ見ても興味深い点がある。大学ブランディングにおいて「前進」という抽象的スローガンをモーションで担保する場合、typically 静的ロゴの権威性と動的表現の推進力が衝突しやすい。Global MechanicとAIMの共同制作という体制自体が、シンボル(静的アイデンティティ)とモーション(時間軸の意味生成)を分業した設計判断だと読める。ただ、詳細素材が提示されていない以上、イージングやタイポの動的処理が実際に「前進」という記号を裏付けているかは検証不能。情報開示の甘さがキュレーション対象としての評価を下げている。

横田 隆司·0
60種のコンポーネント実例が並ぶ「The Component Gallery」
web & appcomponent.gallery

60種のコンポーネント実例が並ぶ「The Component Gallery」

「このパーツ、なんて呼ぶのが正解?」そんな悩みを解決してくれるのが「The Component Gallery」です。 60個のコンポーネントと95個のデザインシステムが掲載されており、自分たちのシステム構築やチーム内の共通言語作りに役立つ、デザイナー必携の「UI辞書」と言えるツールです。

横田 隆司·0
旭川のらしさをかたちにする「Asahikawa Design System」
brandingdesign-system.city.asahikawa.hokkaido.jp

旭川のらしさをかたちにする「Asahikawa Design System」

北海道の旭川市が公開したAsahikawa Design System(旭川デザインシステム)は、市の魅力をより効果的に伝えるための新しい仕組みです。市の徽章をモチーフにしたデザインのルールや色・書体・ロゴなどのガイドラインを整理し、広報物や看板、Web、名刺、チラシなどさまざまなシーンで一貫した表現が展開できるように

横田 隆司·0
プロダクトデザイナー深澤直人によるデザイン思考「THE LESSON」
knowledgethelesson.jp

プロダクトデザイナー深澤直人によるデザイン思考「THE LESSON」

THE LESSONは、第一線で活躍するプロダクトデザイナー深澤直人さんの経験・技術・哲学を、体系的に学べる映像講義サービスです。 全15チャプター約1.5時間の内容で構成されており、映像と組み合わせてテキストブックでも学びを深めることができます。 「環境にそっと触れ、違和感を無視しない姿勢こそデザイナーの使命」と語る

横田 隆司·0
ブランドガイドラインを学ぶなら「Branding Style Guides」
brandingbrandingstyleguides.com

ブランドガイドラインを学ぶなら「Branding Style Guides」

大手企業や団体のブランドガイドラインを無料で閲覧できる「Branding Style Guides」 サイト内では、ロゴや配色、サイズや余白のルールといった基本的な仕様から、使用例・使用禁止例まで幅広く確認することができます。 各ブランドの公式資料やリンク先も用意されているため、実際のデザインワークに活用できるのはもち

横田 隆司·0
無料で利用できる高品質フォント「Fontshare」
graphicsfontshare.com

無料で利用できる高品質フォント「Fontshare」

タイトルや見出しに使いたい、個性的で印象に残る欧文フォントを探しているなら「Fontshare」がおすすめです。 インドのタイプファウンドリー「Indian Type Foundry(ITF)」が提供するフォントプラットフォームで、100種類以上の高品質フォントが、個人・商用問わず無料で利用できます。 また、Googl

横田 隆司·0
UIパーツの実例が豊富に揃う「Design Library」
web & appdesign-library.jp

UIパーツの実例が豊富に揃う「Design Library」

WebやアプリのUIデザインに悩んだときに役立つのが「Design Library」。実際のサービスやプロダクトから集められたUIパーツのスクリーンショットを、カテゴリ別に整理して掲載しているサイトです。 ボタンやフォーム、カード、ナビゲーションなど、要素ごとに比較できるため、デザインの引き出しを広げたいときにぴったり

横田 隆司·0
デザインの本質と通じる「トヨタウェイ」の思想
brandingknowledgeglobal.toyota

デザインの本質と通じる「トヨタウェイ」の思想

トヨタで働く人としての10の行動を整理した「トヨタウェイ」。 トヨタウェイは、単なる製造業の哲学にとどまらず、デザインやクリエイティブの分野にも活かせる考え方です。 「ユーザー視点で本質的な課題を解決する」「細部までこだわり、より良いものを追求し続ける」といった姿勢は、デザインプロセスにも通じるものがあります。 ものづ

横田 隆司·0
Figmaだけで完成!プラグインなしで作る液体シェイプデザイン
web & appmedium.com

Figmaだけで完成!プラグインなしで作る液体シェイプデザイン

Figmaで、プラグインも使用せず「液体シェイプ」を表現できる方法の紹介です。 「ブラー」と「ブレンドモード」を活用することで、オブジェクト同士が違和感なく馴染む、やわらかく奥行きのあるデザインを作成可能。 UIデザインやアニメーションのアクセントとしても活用できます。 詳しい手順は、以下の記事と動画でチェックしてみて

横田 隆司·0
UXに影響を与える心理的効果とデザイン原則
web & appshokasonjuku.com

UXに影響を与える心理的効果とデザイン原則

デザインは見た目だけでなく、ユーザーの行動や意思決定に大きな影響を与えます。 本記事では、バナー・ブラインドネスや認知負荷といった心理的効果を通じて、デザインがユーザーに与える影響を解説。さらに、これらを活用したUX向上のポイントもご紹介しています。

横田 隆司·0
WordPressの拡張プラグイン「Snow Monkey」
web & appsnow-monkey.2inc.org

WordPressの拡張プラグイン「Snow Monkey」

WordPressのノーコードシステムの拡張機能をもたらしてくれるプラグイン、Snow Monkey。「どんな味付けにも染まる。高級お出汁」というコンセプトの通り、カスタマイズの幅が広く、理想のサイトを簡単に作ることができます。試用版の用意もあり、試してみてから導入の決定が行えるのも安心です。

横田 隆司·0
商用利用可能な素材サイト「Freepik」
graphicsjp.freepik.com

商用利用可能な素材サイト「Freepik」

Freepikは、商用利用可能な画像・ベクター素材などを豊富に配布している素材サイトです。有料会員になると、クレジット表記を行わずに素材を利用できます(未登録および無料会員の場合はクレジット表記が必須)。 高品質な素材が多く、デザインやプロジェクトに最適な素材を探す際の便利なリソースとなるでしょう。

横田 隆司·0
デザインケースの紹介サイト「Cocoda Gallery」
graphicscocoda.design

デザインケースの紹介サイト「Cocoda Gallery」

日頃表には出てこない、「デザインケース」の紹介サイト。記事内では、ラフスケッチや資料も細かくまとめられており、サービス設計に関わるあらゆるヒントが掲載されています。課題解決に向け、どう取り組んでいこう?と悩んだ際に参考になるはずです。

横田 隆司·0
自動車や電子部品のBtoBメーカーNOKグループのリブランディング グループ会社92社で新たにCIを統一
brandingnok.co.jp

自動車や電子部品のBtoBメーカーNOKグループのリブランディング グループ会社92社で新たにCIを統一

佐藤可士和氏がクリエイティブディレクションを務め、企業ロゴやグループロゴ、タグラインを2年弱の期間を経て刷新。新ロゴの、触ったら切れてしまいそうな鋭い直線、角の丸みがあるカタチは、重要保安部品も扱う NOK の、緻密で甘い部分がないという業務の特徴を表しているそうです。 #NOK #CI #ブランディング

横田 隆司·0
404ページに特化したギャラリーサイト「404s」
web & app404s.design

404ページに特化したギャラリーサイト「404s」

404ページは、デザインの工夫でユーザーのサイト離脱率の低減にも繋がる。ネガティブなエラーメッセージをポジティブな経験に変えて、残念な気分にならない、むしろ見れてよかったと思わせるようなユニークな404ページが集まっています。 #デザイン #web

横田 隆司·0