「Ameba」15年の負債を払拭するカラーパレットのメソッド | CyberAgent Developers Blog

「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる状態を「負債」と呼び、その解消のために日々戦っています。 さらに、「Ameba」には現在10名ほどのデザイナーが携わっており、それぞれが異なる施策や領域を対応していることも相まって、施策を経る毎に、「Ameba」内でGUIに関する、共通の意識や見解を持つことができなくなっていました。 この状態を打開し、「Ameba」プロダクト再興の礎を構築しようと、今年度からデザインシステムの開発をスタートしました。 今回はそのデザインシステムの中でも真っ先に取り組んだ要

[su3dep]

AbemaなのかAmebaなのか、まぎらわしい。

[ishikororororo]

すごい。何回も読みたい

[d4-1977]

色管理の負債を見直すどころの話じゃなかった！ これらをどうやって実装に落とし込んでいくか？も求められていくんだろうなあ、って想像しました

[braitom]

Amebaのカラーパレットの定義プロセスについて。色調展開の仕方、背景色と文字色の定義の仕方、コントラストの考え方、ダークモードへの対応させ方などがまとめられている。

[efcl]

カラーパレットの作り方、ダークモード対応の色選び。

[laptice]

サイバーエージェントのカラーパレットの策定メソッドの話。色だけでもこれだけの文章量が出てくるあたり、製作者の熱量を感じる。

[Kesin]

色やデザインの論理的解説は結構好き

[sucelie]

でもこのブログはwordpress

[biwakonbu]

めちゃくちゃおもしろい。 時間かけて何回も読みたい。

[skyfox_xxx]

あとでちゃんとよむ

[o_hiroyuki]

すごく丁寧に細かく設計されてた。次のプロジェクトで参考にさせてもらう

[wushi]

プロい

[mominis]

こうやって決めるのか

[nowandzen]

アメーバで芸能人のブログ読んでた時代が懐かしい

[field_combat]

ダークテーマも含めた配色の考え方について

[securecat]

冒頭に「おおよそ15営ほどの工数」とあるけど、営って何？　15営業日のことだと思えばいいの？

[tumo300-500]

文字色とか塗り (ここでは Surface) でアルファ含めてでカラーパレット定義するのプラクティス〜 / UI Element Colors でも使われてるやつ

[apple19940820]

色の数が多め