チェーン付きスケッチでUIカラーを自動管理

あなたのページに合うように色を合わせるのは面倒かもしれません。これは、WebサイトのモックアップやモバイルアプリのUIにも当てはまります。 すべてのページ要素と調和する素晴らしい配色.

カラーツールを頻繁に使用する場合は、優れたパレットを見つけるのに問題はありません。しかし、もしあなたがプロセスを自動化できたらどうでしょうか？はい、それは鎖を通して可能です.

チェーンは 無料のスケッチアドオン これにより、色の選択を自動化できます（たいていの場合）。メインカラーを選ぶだけで “鎖” その色と一緒に他の要素。このプラグインはあなたのためのすべてのヘビーリフティングを行います.

チェーンを使用すると、カラーマッチングのスタイルとあなたが望むどのくらいのバリエーションを選ぶことができます。基本的には、 さまざまなページ要素を混ぜ合わせる, いくつかの明るい色と暗い色、すべて1つのベースカラーから引き出されています。これは驚くほど便利なツールの1つです。 スケッチを好む人 Photoshopのような巨人以上.

ナビゲーションバー、ヒーローヘッダー、そして明るいCTAボタンがあるとしましょう。あなたはしたい これらすべての要素を一度に更新する そしてそれらをシームレスなカラースタイルにブレンドする.

チェーンを使用すると、Sketchの単一のメニューからこれを実行できます。あなたも複数作成することができます “鎖” それぞれ独自のスタイルと独自の目標を持つページ要素の一覧.

各チェーンには4つのカラーオプションがあります。

• 色相
• アルファ
• 飽和
• 輝度

このようにして、色をどのように混ぜ合わせるか、そしてどのように色を見栄えよく混ぜ合わせるかを選ぶことができます。.

これはデザイナーにとって非常に役立つプラグインですが、おそらくAIデザインに対する包括的な解決策ではありません。あなたはまだあなた自身で色の選択を吟味してそれらを確かめたいと思うでしょう 実際によく見えます.

GitHubリポジトリからChainのコピーを完全に無料でダウンロードできます。 Chainを見て試しに試してみると、それが設計ワークフローにどれだけ役立つか驚くことでしょう。.

それでもこれがどのように機能するかわからない場合は、1分間のデモビデオを見てたくさんの例を紹介してください。.