戻る
メンバーシップになる
トップ
/
/
実践:色のトーンの合わせ方
コンテンツ一覧
コミュニティ

実践:色のトーンの合わせ方

September 23, 2022
UIビジュアル
保存
保存中
すべてを閲覧するにはBONOメンバーシップに登録しよう
BONO - プロと学ぶUIとUXのコミュニティ
詳細

トーンってどう合わせるのよ?

色の基本3要素を使って、色を合わせる方法を実演しました〜。
基本的にいじる変数はこの3つです。逆に3つのうち2つは全く同じ、1要素だけ違う形にしていく。など変数を減らすと合わせやすくなります。

前回の動画:www.bo-no.design/contents/session-color-1

明度をいじって色のパターンを作成する

動画の途中では”ベースの色を同じにして、明度だけで色のパターンを生成する”方法を紹介しました。
ベースの色は一緒なので、背景の色に使ったりする色をテーマカラー要素を使って生み出す時にかなり使えると思います。

使ったFigmaファイル

こちらになります!

https://www.figma.com/file/LaZB6eQ9sRcm3Gw3XJqvpd/%E9%85%8D%E8%89%B2?node-id=0%3A1

トーンってどう合わせるのよ?

色の基本3要素を使って、色を合わせる方法を実演しました〜。
基本的にいじる変数はこの3つです。逆に3つのうち2つは全く同じ、1要素だけ違う形にしていく。など変数を減らすと合わせやすくなります。

前回の動画:www.bo-no.design/contents/session-color-1

明度をいじって色のパターンを作成する

動画の途中では”ベースの色を同じにして、明度だけで色のパターンを生成する”方法を紹介しました。
ベースの色は一緒なので、背景の色に使ったりする色をテーマカラー要素を使って生み出す時にかなり使えると思います。

使ったFigmaファイル

こちらになります!

https://www.figma.com/file/LaZB6eQ9sRcm3Gw3XJqvpd/%E9%85%8D%E8%89%B2?node-id=0%3A1

トーンってどう合わせるのよ?

色の基本3要素を使って、色を合わせる方法を実演しました〜。
基本的にいじる変数はこの3つです。逆に3つのうち2つは全く同じ、1要素だけ違う形にしていく。など変数を減らすと合わせやすくなります。

明度をいじって色のパターンを作成する

動画の途中では”ベースの色を同じにして、明度だけで色のパターンを生成する”方法を紹介しました。
ベースの色は一緒なので、背景の色に使ったりする色をテーマカラー要素を使って生み出す時にかなり使えると思います。

使ったFigmaファイル

こちらになります!

https://www.figma.com/file/LaZB6eQ9sRcm3Gw3XJqvpd/%E9%85%8D%E8%89%B2?node-id=0%3A1

No items found.

実践:色のトーンの合わせ方

September 23, 2022
UIビジュアル
保存
保存中
すべてを閲覧するにはBONOメンバーシップに登録しよう
BONO - プロと学ぶUIとUXのコミュニティ
詳細

トーンってどう合わせるのよ?

色の基本3要素を使って、色を合わせる方法を実演しました〜。
基本的にいじる変数はこの3つです。逆に3つのうち2つは全く同じ、1要素だけ違う形にしていく。など変数を減らすと合わせやすくなります。

前回の動画:www.bo-no.design/contents/session-color-1

明度をいじって色のパターンを作成する

動画の途中では”ベースの色を同じにして、明度だけで色のパターンを生成する”方法を紹介しました。
ベースの色は一緒なので、背景の色に使ったりする色をテーマカラー要素を使って生み出す時にかなり使えると思います。

使ったFigmaファイル

こちらになります!

https://www.figma.com/file/LaZB6eQ9sRcm3Gw3XJqvpd/%E9%85%8D%E8%89%B2?node-id=0%3A1

トーンってどう合わせるのよ?

色の基本3要素を使って、色を合わせる方法を実演しました〜。
基本的にいじる変数はこの3つです。逆に3つのうち2つは全く同じ、1要素だけ違う形にしていく。など変数を減らすと合わせやすくなります。

前回の動画:www.bo-no.design/contents/session-color-1

明度をいじって色のパターンを作成する

動画の途中では”ベースの色を同じにして、明度だけで色のパターンを生成する”方法を紹介しました。
ベースの色は一緒なので、背景の色に使ったりする色をテーマカラー要素を使って生み出す時にかなり使えると思います。

使ったFigmaファイル

こちらになります!

https://www.figma.com/file/LaZB6eQ9sRcm3Gw3XJqvpd/%E9%85%8D%E8%89%B2?node-id=0%3A1

トーンってどう合わせるのよ?

色の基本3要素を使って、色を合わせる方法を実演しました〜。
基本的にいじる変数はこの3つです。逆に3つのうち2つは全く同じ、1要素だけ違う形にしていく。など変数を減らすと合わせやすくなります。

明度をいじって色のパターンを作成する

動画の途中では”ベースの色を同じにして、明度だけで色のパターンを生成する”方法を紹介しました。
ベースの色は一緒なので、背景の色に使ったりする色をテーマカラー要素を使って生み出す時にかなり使えると思います。

使ったFigmaファイル

こちらになります!

https://www.figma.com/file/LaZB6eQ9sRcm3Gw3XJqvpd/%E9%85%8D%E8%89%B2?node-id=0%3A1

No items found.