![RandomA11y - Endless collection of accessible color combos](https://cdn-ak-scissors.b.st-hatena.com/image/square/0f2a3f1dcebb2ef8d6f95186dd7e79df1628f724/height=288;version=1;width=512/https%3A%2F%2Fcomponents-ai.s3.amazonaws.com%2Fog%2Frandoma11y.jpg)
はじめにこのnoteで紹介するカラーシステム設計プロセスは、多くの人にとってはやりすぎで、役に立たない場合も多いです。 既存のカラーシステムやカラーシステムジェネレイターを利用するのが、最短かつ最適ルートだと思います。 デザインシステムやカラーシステムは「プロダクトのためのプロダクト」なので、とある事業における一つの解である、という前提で読んでください。 今もまだ多くの課題を抱えたものではありますが、イベントなど様々な場面でカラーパレットに興味を持っていただける機会が多かったため、自分が知らない誰かの知見に助けられたように、微力ながらコミュニティに貢献するべく、未完の状態で状態でお見せすることにしました。 Framework by Figma登壇資料 後でFigma Communityにも掲載します シチュエーションにおける最適解繰り返しますが、今回説明するような煩雑で、複雑で、面倒な、プ
「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる状態を「負債」と呼び、その解消のために日々戦っています。 さらに、「Ameba」には現在10名ほどのデザイナーが携わっており、それぞれが異なる施策や領域を対応していることも相まって、施策を経る毎に、「Ameba」内でGUIに関する、共通の意識や見解を持つことができなくなっていました。 この状態を打開し、「Ameba」プロダクト再興の礎を構築しようと、今年度からデザインシステムの開発をスタートしました。 今回はそのデザインシステムの中でも真っ先に取り組んだ要
2021年のトレンドカラーがPantoneから発表されました。 トレンドカラーはイエローとグレーの2色、希望に満ちた元気なイエロー「イルーミネイティング」と堅実で信頼できるグレー「アルティメットグレー」です。 2色を組み合わせることで、日当たりの良い、親しみやすい何かを約束して、より深い思いやりの気持ちをカプセル化した色の物語になります。 Pantone Color of the Year 2021 PANTONE 13-0647 Illuminating PANTONE 17-5104 Ultimate Gray トレンドカラーを使用した配色 スウォッチ素材のダウンロード PANTONE 13-0647 Illuminating 2021年のトレンドカラーの1つは、PANTONE 13-0647 Illuminatingです。 PANTONE 13-0647 Illuminating P
2020年10月16日 CSS, JavaScript ダークモードとは画面の背景を黒基調にしたデザインのこと。OS側での設定の他、人気アプリやWebサイトで続々対応されています。これまでは明るい部屋でモニターを眺めることが多かったのですが、スマートフォンの普及で暗い場所でも画面を見る機会が増え、夜間目に優しいダークモードが増えてきているわけですね。有機ELディスプレイでは省エネにもなるそうです。今回はそんなダークモードの設定を紹介します! ↑私が10年以上利用している会計ソフト! とにかく夜間見えづらい! 私、夜間に車を運転していると、暗い所では対向車のライト以外ほとんど何も見えない状態なんですが、みんなそんなもんだと思ってたんですよね。でも話しているとどうやら私以外の人はライトじゃない部分もちゃんと見えていると…。みんな見えてるからちゃんと運転できてるってことか!こりゃー私には危険だわ
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. There are a lot of ways to work with color on the web. I think it’s helpful to understand the mechanics behind what you’re using, and color is no exception. Let’s delve into some of the technical details of color on the web. Color mixing A huge part of working with color is
高機能なCMSが続々とリリースされている今、特別な技術がなくてもホームページやランディングページを作成できる環境が整ってきました。 Web制作会社やデザイナー等の専門職の方に頼らずにWebページを制作される方も増えてきていると思いますが、制作時につまづきやすいのが「配色」の選定です。 配色はページ全体の印象を決めますが、作成者のセンスに左右されるため、デザイナーのように配色の知識が無い方は何かと時間をとられてしまいます。 今回は、配色に自信の無い方でも最新のホームページのような配色ができる無料のカラーパレットをご紹介します。 あらかじめ配色が決まっているもの、自分で配色を調整できるものなど様々なパレットがあるので、目的に沿って使い分けてみましょう。 マーケ思考のデザイナーは強い! 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向
ローソファーを選ぶ際気を付けたいこと ダメージに強いローソファーを選ぶ ローソファーは文字通り低めのソファーであり、リビングに圧迫感を与えないのかメリットです。家族団らんの場所に置きやすく、普通の物に比べて低めなので老若男女問わず座りやすいです。その反面、小さな子どもやペットもまた腰かけやすく、そこを遊び場にしてしまう事もしばしばです。クレヨンや粘土などを片手に幼児がローソファーに腰かければ、思わぬところに汚れが付着します。ペットもまた同様で、犬や猫を室内で飼育していると、ローソファーに上る事が多いです。ペットの抜け毛やよだれやペットフードのカスなどがローソファーに付着する恐れがあります。猫や犬がローソファーに座ると、自然と牙で表面を噛んだり爪でひじ掛けなどを傷付ける可能性が高いです。 ローソファーは気軽に誰でも腰かけられる反面、ダメージを負いやすい家具です。そのためペットや幼児がいる家庭
Color affects a design greatly. However, a design with too many colors can easily overwhelm a viewer. Sometimes a minimalist approach can help draw the eye of the visitor to specific content – the right content. In this collection of websites, we focused on designs that used three colors for their primary design elements. However, a few of these sites do include one or two highlight colors beyond
Hex code RGB functional notation HSL functional notation Distance from base color HSL lightness value Click to copy Pre-orders now open! Color Studio transforms 0to255 into a comprehensive color tool that's ultra-efficient, inspiring to use, and delightfully unique. Available Spring 2024. Read the announcement Pre-order Color Studio 1 year at $2/month + 3 months free “A near perfect color picker”
Create consistent color palettes With Colllor it is much easier to generate a consistent web color palette with just a few clicks. You should use colors consistently, so you have a common look and feel throughout your design. All the alternative proposals produced by Colllor derive from the same color and they all have a common denominator sharing hue, lightness or saturation values. This tool wil
Color plays a pivotal role in design, setting the mood, conveying messages, and influencing perceptions. Knowing the latest color design trends and understanding color theory is crucial to every designer. They are both the foundation that guides the selection of colors to create harmony and balance in visual compositions. However, applying them effectively often requires more than just color knowl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く