Webデザイン配色の基本「60-30-10ルール」

初心者デザイナーやノンデザイナーの皆さん、Webデザインの中でどうやって色を使っていますか?色はデザインの中で重要な基本要素です。しかし、色を選んだり、配色や組み合わせに迷ったり、しっくりこなかったり、上手くいかないことありませんか?
そんなときは、3色だけを選び、「60-30-10ルール」をひとつのガイドラインとして使ってみてください。
デザインの中で、たくさんの色を使ってしまうと、デザインの調和が取れなくて、見た目もイマイチな仕上がりになってしまいます。
自然で調和の取れた美しいデザインにするために、「60-30-10ルール」を意識するようにしてみてください。
こちらの動画ではWebサイトの実例を紹介しながらこのルールをご紹介します。
Webデザイン配色の基本:60-30-10ルール
◽️もくじ
00:00 - イントロダクション
00:30 - 「60-30-10ルール」とは?
01:36 - 他のWebサイトの配色例
04:16 - デザインシステムについて
05:24 - エンディング
◽️◽️◽️◽️◽️◽️
リンク
• Why Great Movies use t...
smarthr.design/basics/colors/
◽️◽️◽️◽️◽️◽️
フリーランスWebデザイナーになるためのロードマップを限定公開中。今すぐ無料ダウンロード!
designup-academy.com/
Web Design PROコース
クオリティの高いWebデザインスキルを軸に、フリーランスとして安定的に稼ぐためのスキルを学ぶ、6ヶ月間のオールインワンプログラムはこちらから。
designup-academy.com/wdp-apply/
◽️◽️◽️◽️◽️◽️
👉 Instagram
/ mayuko_design
👉Mayuko/フリーランスWeb/Brandデザイナー
フリーランスWebデザイナーになって、時間と場所にとらわれないで「クリエイティブで自分らしい働き方」を手に入れたい人たちをサポートしています✨
⚡️ Web Design PRO主宰
🇺🇸 NYで7年+のキャリア
🌎 世界中のクライアントとお仕事中
🎓 Udemy受講生300名+

Пікірлер: 1

  • @MayukoSoga
    @MayukoSoga2 жыл бұрын

    ガチガチにこのルールにしばられなくても良いと思いますが、配色や色選びなど迷った時にひとつの目安になると思います。感想などあればなんでもコメントでシェアしてくださるとうれしいです〜✨