UIのためのデザインシステムの構築・運用・評価について、いいお手本だと思います。じっくり理解したいです。
なぜデザインシステムが重要なのか、どのような利益をもたらすのか、どのように運用するのか、などを紹介してます。
デザインシステムの成功には継続的な努力が必要であり、その結果として継続的なリターンを生み出すようになるようです。
「Hawkins」はNETFLIXの人気ドラマ「ストレンジャー・シングス」に登場する架空の田舎町の名前です。(このドラマおもしろかったです。)
この名前をデザインシステムの名前にしたのはとてもいいです。
以下、概略と抜粋です。
基礎層となるモックを作るための「Figma」
ユーザー・インターフェースを構築するための JavaScript ライブラリとして「React」
を利用しているようです。
ゼロから自分たちで作るか、または既存のソリューションを利用するかを検討して、Material-UIを利用してカスタマイズすることにしたようです。
各コンポーネントはさまざまな組み合わせで使用できるようにしています。
各コンポーネントは小さく軽量にすることで、より大きなコンポーネントに組み立てることが容易になります。
デザインシステムは、アプリケーションに一貫性を持たせ、各アプリケーションのエンジニアリング負担を大幅に軽減することができます。
デザインシステムは下記のような利益をもたらすそうです。
・ユーザーの直観に沿った一貫性を提供する
・チームの連携や新規開発メンバーの受け入れをスムーズにする
・エンジニアの負担を軽減する
・バグの数を大幅に減らす
最初に設計システムを作るのに多くの時間を費やすことになりますが、設計システムが完全に実装され、組織全体で信頼されるようになれば、大きな利益を得ることができるようです。（これを辛抱できるかどうか・・・）
デザインシステムが成功したかどうかを判断するための指標として、各コンポーネントの使用数、パッケージのインストール数、実運用でHawkinsを使用しているアプ リケーションの数などを検証することにしたそうです。（これはデザインシステムの評価についての適切な指標かも）
エンジニアが見つけた問題点を報告できるようにしました。エンジニアがより多くのサポートを受けていると感じるほど、エンジニアはデザインライブラリを利用することに寛容になるでしょう。
・・・などなど、詳しくわからない箇所もありますが、勉強になりそうな内容です。
このデザインシステムはまだまだ成長し続けているようです。
この成長がさらに利益をもたらすのでしょう。
元記事はこちら
httpsHawkins: Diving into the Reasoning Behind our Design System >>
詩集には寄稿による20編の詩が収録されています。
それぞれの寄稿者は、ロックダウンの経験について詩を書き、自分の部屋の窓から見える景色の写真を提供します。
そのイラストがそれぞれの詩に添えられています。
ブランディング会社のデザイナーのハリー・ミーキンは、精神的な健康のための慈善団体であるPlatfformの協力を得て、Kickstarterで出資を募ったそうです。
「私はこの本に、詩を超えた目的を持たせたかったのです。この本には、私たちの葛藤や不安、いつもの日常への憧れが反映されています。私たちは遠く離れていても、みんな一緒にこの世界にいるということを知って、人々がこの言葉に慰めを感じてくれることを願っています。」
「イラストレーションのスタイルは、それぞれの詩が自宅で作られているというコンセプトに合わせたものにしたかったので、鉛筆と紙だけが相応しいと考えました。」
元記事はこちら
Beyond the Pane is a poetic keepsake inspired by lockdown >>
本の紹介はこちら
Beyond the pane – A poetic ‘time capsule’ inspired by our experience of lockdown >>
日本語字幕がほしいです。
アメリカのアイコンをデザインした人。
82歳だったそうです。
Chermayeff & Geismar Associatesのパートナーだったこともあるようです。
Every year our marketing team takes a step back from our brand, creative work, public expression and activations. We look in the mirror and ask ourselves if what we see creatively, reflects what Twitter is.
— Leslie Berland (@leslieberland) January 27, 2021
Twitterの最高マーケティング責任者のレスリー・バーランド氏が発表したこの新しいビジュアル・アイデンティティは、ソーシャルネットワークの複雑さと不完全さを表現しているそうです。
破れた紙、色あせたイメージ、擦り切れたタイポグラフィなどのビジュアルを特徴としています。
フォントはオリジナルの「Chirp」というサンセリフだそうです。
ブンランドを「不完全」なイメージで表現することはめずらしいですが、SNSの置かれている現状として正直なアプローチのような気もします。
なんとなく90年代のイメージで、当時の「オルタナティブ」のトレンドと少し似た感じがしてます。
その後のフラットなデザインは、ミニマルでクリーンで洗練と信頼が表現されてましたが、2020年代のデザインはまた違った方向に向かってるのかも。
以下はレスリー・バーランド氏のツイートからの引用です。
「Twitterとここで行われる会話は生きていて、呼吸していて、常に進化しているので、これを行います。それらは、話している人々によって定義され、彼らの声によって形作られ、毎日私たちのタイムラインを満たす画像や言葉によって刻印されています。
ブランドは私たちではなく、皆さんです。」
「Twitterでの会話は、乱雑で複雑、強烈で刺激的、陽気でばかげている、奇妙で醜い、衝撃的で美しい、邪魔で感動的です。それらは生であり、本物です。」
「私たちのロゴは変わっていません、その鳥は象徴的で生き続けています！しかし、それがどのように表示されるかを試してみます。」
元記事はこちら
Twitter Unveils Bold Visual Identity Mirroring Its ‘Imperfect,’ ‘Complex’ Nature >>
志し高いステートメントです。
1964年と2000年に発表された「First Things First」のマニフェストと比較して紹介されています。
いくつか抜粋・・・
「ブルックリンのデザイン会社Isometric StudioのAndy ChenとWaqas Jawaidは、より良い世界を構築するためにグラフィックデザイナーの役割を再考しています。ChenとJawaidは、資本主義を批判するマニフェストを書いたり、デザイナーの役割について大々的に宣言したりすることには興味がなく、デザインそのものを、取り残されがちな人々に力を与えるためのツールとして使うことに興味を持っています。」
「私たちは、あらゆる分野の人々と協力して、ポジティブなインパクトを与えることができる場所を見つけようとしています。」
「私たちは、本物のインクルージョンがどのようなものであるか、疎外された物語を前景化することがどのようなものであるかを考えたいという欲求を示すあらゆる種類のクライアントを引き受けます。」
最初はプロボノのコラボレーションとして非営利団体と仕事をすることから活動を始めたそうです。
2020年の米国の社会状況のなかでは、リアルに響くステートメントになってるようです。
これからの世の中で、デザインの仕事をして社会とどのように関わるのか、少し考えさせられる記事でした。
元記事はこちら
Isometric Studio is Rethinking What it Means to Design for Social Good >>
中国の文化大革命の時代の画像を素材にしてプロパガンダと画像とデジタル技術の関係性をテーマにしているようです。
2016年に国立近代美術館で見た「jpeg」シリーズに近いテーマのようです。
そのときに見た展示は圧巻でした。
「私のイメージは現実のイメージではなく、ある種の第二の現実、イメージのイメージを示している。」
「絵というジャンルが実際にどのように機能しているのかを理解するためには、シリーズを制作しなければならない。」
「技術的な意味では、これらのイメージは実際には2020年にあり、イデオロギー的な意味では1960年代と1970年代のままである。」
「私は嘘をつくイメージに魅力を感じる。そしてもちろん、プロパガンダ写真は常に嘘をついている。」
「すべての写真は私の主張である。」
いつか実際に会場展示で見たいです。
それにしても、トーマス・ルフのスタジオはすごくカッコイイ。
Studio: Thomas Ruff | David Zwirner >>
元記事はこちら
写真とプロパガンダの関係性をテーマに。トーマス・ルフの新作シリーズがオンラインで公開 >>
【関連記事】
国立近代美術館 トーマス・ルフ展
凝ったインタラクションのリッチなコンテンツ。勉強になります。
フォントはちょっとクドすぎる感じもします。
こういうサイトは前時代的かもですが、スクリーンで過ごす時間が長くなったユーザーに対して、没入感とか差別化とかを実現するヒントになるかも。
デザインテンプレートの画一的なUIから脱却したサイトがあってもいい気もします。
むしろ、デザインテンプレートを使ってるサイトは信頼性が低いとされそう。
Discover the best websites of 2020! >>
【関連記事】
コロナ禍の2021年トレンド予測「2021年は21世紀を再定義します。」『Fjord Trends 2021』
113年の歴史の「GM」は小文字になり、丸みを帯びたエッジになります。
自動車業界は100年に一度の大転換期で、電気自動車の生産と販売へ転換しいくためのイメージチェンジのようです。
このアイデンティティは「Everybody In」という新しいブランドキャンペーンに伴うものだそうですが、なんの業種のどこの企業なのかもわからない「ブランド」の漠然とした「イメージ」になってしまっているといった批判を受けているようです。
「GMは今後5年間で電気自動車と自律走行車に270億ドルを投資する計画で、その未来のために信じられないほど大きくて立派な野望を持っています。あとはマッチするロゴが必要です」
もう、ロゴがどうこうというスケールではないのかも。
General Motors Reveals a New Futuristic Logo >>
General Motors’ new logo is the biggest branding fail of 2021 (so far) >>
CIAのサイトがリニューアルされたようです。読み物コンテンツはちょっと面白そうですが、サイト構成が普通の会社の企業紹介と社員募集のサイトのようで、逆に怖いです。
ジーナ・ハスペル長官（CIA初の女性長官）になってから、組織の人種性別の多様化を図るべく、若者を採用するためにSNSの活用を進めてきたそうです。
サイトにも若者向けのビジュアル要素やインタラクションをちゃんと盛り込んでます。
ただし、トレンディで安っぽく見えるので、テックブランドやデザイン会社またはレコードレーベルのようだと批判されていて、クラブのチラシとまで言われてるようです。
とくに「ブランド・モチーフ」（これがなんなのかわかりません）として描かれているマークは、ピーター・サヴィルによるジョイ ディビジョンのジャケットと比較されたりしてるようです。
このブランドモチーフはhtmlにSVG要素で描いてあるようです。
デザインは批判されていても、CIAの最新の採用活動は成功してるそうです。
デザインの善し悪しを判断するのは難しいことです。
CIA rebrand looks to diversify its agents, though critics say it’s a trendy step too far
1969年から1998年まで使われていた自社ロゴをベースに、タイプフェイス、形、色を微調整してミッドセンチュリーの魅力と現代的な感性を視覚的に融合させているそうです。
デジタルプラットフォームを念頭に置いたデザインです。
フォントファミリーは「Flame（炎）」という名前です。丸みを帯びた、大胆な、美味しそうな、というイメージで「人々に一口食べさせたいと思わせるフォント」だそうです。
色は「ファイヤーリー・レッド」「フレイミング・オレンジ」「バーベキュー・ブラウン」の組み合わせに、「マヨエッグホワイト」「メルティーイエロー」「クランチー（シャキシャキ）グリーン」のサブカラーです。
バーガーキングの親会社のデザイン担当であるラファエル・アブレウ氏によると・・・
「デザインは、私たちが何者であるか、何を大切にしているかを伝えるための最も重要なツールの一つであり、私たちの料理に対する情熱を生み出し、ゲストの体験を最大化する上で重要な役割を果たしています。」
だそうです。
アイデンティティのデザインについて的確な見識のように思います。
The Burger King rebrand celebrates its design history and irreverent personality >>
© 2025 DESIGNERS UNION | ご自由に投稿できます。 お気軽にご利用ください。