「Ameba」15年の負債を払拭するカラーパレットのメソッド | CyberAgent Developers Blog
「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる状態を「負債」と呼び、その解消のために日々戦っています。 さらに、「Ameba」には現在10名ほどのデザイナーが携わっており、それぞれが異なる施策や領域を対応していることも相まって、施策を経る毎に、「Ameba」内でGUIに関する、共通の意識や見解を持つことができなくなっていました。 この状態を打開し、「Ameba」プロダクト再興の礎を構築しようと、今年度からデザインシステムの開発をスタートしました。 今回はそのデザインシステムの中でも真っ先に取り組んだ要
Photoshopにおける50％グレーの扱いと正確なチャンネルの抽出 - saucer
先日、RGBの画像からチャンネルのグレースケール画像を抽出していて少しハマったので、備忘録を兼ねてまとめをつくってみました。印刷前提の画像では数値よりも印象を重視するのでそこまでシビアに色の値を意識することもないのですが、ウェブではCSSの色指定と絡むので正確な値のコントロールが求められます。常に気をつけていればなんてことなくても作業に集中してるとついうっかりすることがあるので、RGBで画像を創作することが多い人は今一度確認しておくといいかもしれません。ちょっと長いですが興味ある方はお付き合いください。 01なぜこんな面倒なことを考えだしたかきっかけは、RGB画像の編集中にレッドチャンネルのグレースケール画像を抽出しようとしたことです。［チャンネルパネル］で［レッド］のチャンネルを選択してコピーし、それをペーストしたときに階調が思ってたのと微妙に違うことに気づきました。そこで、50％グレー
CMYKラヴな方へのRGB補正のすすめ（追記あり） – やもめも
このエントリーは最新版があります。こちらもどうぞ 『まだCMYKで消耗してるの？〜大幅な色補正をCMYKで行ってはいけない理由〜 – やもめも』 いいわけ 印刷関係の方とお話していると、「とりあえずCMYKでないと感覚が掴めないよー」という方が多いかな、という印象を持ちました。WEBの人や合成大好きな方には今更なのでしょうが、ここではRGBでの補正を簡単に説明しようと思います。異論反論たくさん出ると思いますが、これをきっかけにRGBで触って慣れてもらえれば、というエントリですのでお手柔らかに。入ったJPEGをまずCMYK分解してから補正するぜ！な方向けのエントリです。 なぜRGBか フィルタが全部使えるぜ！とかいろいろ利点はありますが、印刷業に限って言うと きちゃない写真をいじくるのが楽になる！ とりあえずものは試し、同じ写真（暗いやつ）のCMYKとRGB版を用意して、トーンカーブで明るさ
Webデザイナーなら是非とも利用したい15つのWebサービス：ekakou フリーフォント/Photoshop
（Kuler） ブラウザチェック、カラースキーム作成、画像編集など、Webデザイナー向けのツールを、webdesignledgerから紹介します。 詳しくは以下から、
Fade colors using jQuery
Retweetradar has nice little effect in the footer - links in top lists fade, emphasizing the most popular links with strongest color intensity. This tutorial will explain how to fade a color in array of elements using jQuery. Download source View demo 1 In the example in this tutorial we'll will fade links in unordered list like in the example below. <ul id="links"> <li><a href="#">Some text
Bridge Word
This shop will be powered by Are you the store owner? Log in here
For Web Designers - Website Design Resources
User submitted list of design resources for web designers and developers.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
黄金比グラデーション・白銀比グラデーション - DesignWalker