Skip to main content

āļŠāļēāļĢāļˆāļēāļāļ™āļąāļāđ€āļ‚āļĩāļĒāļ™

āļŠāļģāļŦāļĢāļąāļšāđƒāļ„āļĢāļ—āļĩāđˆāļ­āļĒāļēāļāđ€āļĨāļ·āļ­āļāļŠāļĩāđƒāļ™āļ‡āļēāļ™āļ­āļ­āļāđāļšāļš UI Design āđƒāļŦāđ‰āļ­āļ­āļāļĄāļēāļ”āļđāļ”āļĩ āļĄāļĩāļŠāđ„āļ•āļĨāđŒ āļ•āļ­āļšāđ‚āļˆāļ—āļĒāđŒāļ‡āļēāļ™ āđāļĨāļ°āļ•āļ­āļšāđ‚āļˆāļ—āļĒāđŒāļœāļđāđ‰āđƒāļŠāđ‰ āļ§āļąāļ™āļ™āļĩāđ‰ āļœāļĄāļˆāļ°āļĄāļēāđ€āļĨāđˆāļēāļ–āļķāļ‡ Color Theory, Color Scheme, āđāļĨāļ° Color Psychology āđāļšāļšāļ„āļĢāđˆāļēāļ§ āđ† āļˆāļēāļāļ™āļąāđ‰āļ™āļāđ‡āļˆāļ°āļžāļēāļ—āļļāļāļ„āļ™āļ„āļīāļ” Brand Identity āļ‚āļ­āļ‡āļ‡āļēāļ™āļ­āļ­āļāđāļšāļšāļ‰āļšāļąāļšāļ‡āđˆāļēāļĒ āđ† āđāļĨāđ‰āļ§āđƒāļŠāđ‰ āļāļ 60 – 30 – 10 āļĄāļēāļĨāļ‡āļŠāļĩāđƒāļŦāđ‰ UI āļ‚āļ­āļ‡āđ€āļĢāļēāļāļąāļ™ āļ–āđ‰āļēāđƒāļ„āļĢāļ—āļĩāđˆāļāļģāļĨāļąāļ‡āļ•āļąāļ™āļāļąāļšāļāļēāļĢāđ€āļĨāļ·āļ­āļāđƒāļŠāđ‰āļŠāļĩāđƒāļ™āļ‡āļēāļ™ UI Design āđāļĨāđ‰āļ§ āļšāļ—āļ„āļ§āļēāļĄāļ™āļĩāđ‰āļŠāđˆāļ§āļĒāļ„āļļāļ“āđ„āļ”āđ‰āđāļ™āđˆāļ™āļ­āļ™āļ™āļ™āļ™


Color Theory āļ„āļ·āļ­āļ­āļ°āđ„āļĢ?

Color Theory āļŦāļĢāļ·āļ­ āļ—āļĪāļĐāļāļĩāļŠāļĩ āļ„āļ·āļ­āļ—āļĪāļĐāļāļĩāļ—āļĩāđˆāļ­āļ˜āļīāļšāļēāļĒāļāļēāļĢāļœāļŠāļĄāļŠāļĩāđāļĨāļ°āļœāļĨāļ—āļĩāđˆāđ„āļ”āđ‰āļˆāļēāļāļāļēāļĢāļœāļŠāļĄāļŠāļĩāļ•āđˆāļēāļ‡ āđ† āđ‚āļ”āļĒāļŠāļĩāļŠāļēāļĄāļēāļĢāļ–āļœāļŠāļĄāđ„āļ”āđ‰āļ—āļąāđ‰āļ‡āļŦāļĄāļ” 3 āļ‚āļąāđ‰āļ™ āđ„āļ”āđ‰āđāļāđˆ

  • Primary Color āļŦāļĢāļ·āļ­ āđāļĄāđˆāļŠāļĩ āđ€āļ›āđ‡āļ™āļŠāļĩ 3 āļŠāļĩāļ—āļĩāđˆāđ„āļĄāđˆāļŠāļēāļĄāļēāļĢāļ–āđ€āļāļīāļ”āļˆāļēāļāļāļēāļĢāļœāļŠāļĄ āđƒāļ™āļ‡āļēāļ™ UI Design āđ€āļĢāļēāļˆāļ°āđƒāļŠāđ‰āđāļĄāđˆāļŠāļĩāļ‚āļ­āļ‡āļ§āļ‡āļĨāđ‰āļ­āļŠāļĩ RGB āļ‹āļķāđˆāļ‡āđ€āļ›āđ‡āļ™āđāļĄāđˆāļŠāļĩāļ‚āļ­āļ‡āđāļŠāļ‡ āđ„āļ”āđ‰āđāļāđˆ āļŠāļĩāđāļ”āļ‡ āļŠāļĩāđ€āļ‚āļĩāļĒāļ§ āđāļĨāļ°āļŠāļĩāļ™āđ‰āļģāđ€āļ‡āļīāļ™
  • Secondary Color āļŦāļĢāļ·āļ­āļŠāļĩāļ‚āļąāđ‰āļ™āļ—āļĩāđˆ 2 āđ€āļ›āđ‡āļ™āļŠāļĩāļ—āļĩāđˆāđ€āļāļīāļ”āļˆāļēāļāļāļēāļĢāļ™āļģāļŠāļĩ Primary Color āļĄāļēāļœāļŠāļĄāļāļąāļ™ āđ€āļŠāđˆāļ™ āļŠāļĩāļĄāđˆāļ§āļ‡ āđ€āļāļīāļ”āļˆāļēāļāļāļēāļĢāļ™āļģāļŠāļĩāđāļ”āļ‡āļĄāļēāļœāļŠāļĄāļāļąāļšāļŠāļĩāļ™āđ‰āļģāđ€āļ‡āļīāļ™ āđ€āļ›āđ‡āļ™āļ•āđ‰āļ™
  • Tertiary colors āļŦāļĢāļ·āļ­āļŠāļĩāļ‚āļąāđ‰āļ™āļ—āļĩāđˆ 3 āđ€āļ›āđ‡āļ™āļŠāļĩāļ—āļĩāđˆāđ€āļāļīāļ”āļˆāļēāļāļāļēāļĢāļ™āļģ Primary Color āđāļĨāļ° Secondary Color āļĄāļēāļœāļŠāļĄāļāļąāļ™ Tertiary Color āļˆāļ°āļ­āļĒāļđāđˆāļĢāļ°āļŦāļ§āđˆāļēāļ‡ Primary Color āđāļĨāļ° Secondary Color

āļŠāļĩāļ—āļąāđ‰āļ‡ 3 āļ‚āļąāđ‰āļ™āļˆāļ°āļ­āļĒāļđāđˆāļĢāļ§āļĄāļāļąāļ™āđ€āļ›āđ‡āļ™āļ§āļ‡āļĨāđ‰āļ­āļŠāļĩ āļŦāļĢāļ·āļ­ Color Wheel āļ•āļēāļĄāļĢāļđāļ›āļ”āļąāļ‡āļ™āļĩāđ‰

āļĢāļđāļ›āļ āļēāļžāļ‹āđ‰āļēāļĒāļĄāļ·āļ­āļˆāļēāļ Sylveno āļ“ Wikimedia Commons


Color Scheme: āļˆāļąāļšāļ„āļđāđˆāļŠāļĩāļĒāļąāļ‡āđ„āļ‡āđƒāļŦāđ‰āļ›āļąāļ‡?

āļžāļ­āđ€āļĢāļēāļĢāļđāđ‰āđāļĨāđ‰āļ§āļ§āđˆāļēāļĄāļĩāļŠāļĩāđāļšāļšāđ„āļŦāļ™āļšāđ‰āļēāļ‡ āđāļĨāđ‰āļ§āđ€āļĢāļēāļˆāļ°āļˆāļąāļšāļ„āļđāđˆāļŠāļĩāļ—āļąāđ‰āļ‡āļŦāļĄāļ”āļ™āļĩāđ‰āļĒāļąāļ‡āđ„āļ‡āđƒāļŦāđ‰āļ”āļđāļ”āļĩāļĨāđˆāļ° Color Scheme āļ„āļ·āļ­āļŠāļļāļ”āļŠāļĩāļ—āļĩāđˆāļ–āļđāļāđ€āļĨāļ·āļ­āļāđƒāļŦāđ‰āļāļąāļšāļ‡āļēāļ™āļĻāļīāļĨāļ›āļ°āļŦāļĢāļ·āļ­āļ‡āļēāļ™āļ­āļ­āļāđāļšāļšāļ•āđˆāļēāļ‡ āđ† āļ•āļēāļĄāļ›āļāļ•āļīāđāļĨāđ‰āļ§ Color Scheme āļˆāļ°āđƒāļŠāđ‰āļŠāļĩāļ•āļąāđ‰āļ‡āđāļ•āđˆ 2 – 5 āļŠāļĩāđ€āļ›āđ‡āļ™āļ•āđ‰āļ™āđ„āļ› āđāļ•āđˆāļāđˆāļ­āļ™āļ­āļ·āđˆāļ™ āđ€āļĢāļēāļĄāļē keyword āļŦāļĨāļąāļāļ‚āļ­āļ‡āļŠāļĩāļāļąāļ™āļāđˆāļ­āļ™

  • Hue āļŦāļĄāļēāļĒāļ–āļķāļ‡ āļ„āđˆāļēāļŠāļĩāđāļ—āđ‰āļˆāļĢāļīāļ‡ āļ›āļĢāļēāļĻāļˆāļēāļāļ„āđˆāļē Tint āđāļĨāļ° Shade
  • Tint āļŦāļĄāļēāļĒāļ–āļķāļ‡ āļ„āđˆāļēāļ„āļ§āļēāļĄāļ‚āļēāļ§āļ‚āļ­āļ‡āļŠāļĩ āļĒāļīāđˆāļ‡āļ„āđˆāļē tint āļŠāļđāļ‡ āļŠāļĩāļĒāļīāđˆāļ‡āļ”āļđāļ‚āļēāļ§āđāļĨāļ°āļŠāļ§āđˆāļēāļ‡āļ‚āļķāđ‰āļ™
  • Shade āļŦāļĄāļēāļĒāļ–āļķāļ‡ āļ„āđˆāļēāļ„āļ§āļēāļĄāļ”āļģāļ‚āļ­āļ‡āļŠāļĩ āļĒāļīāđˆāļ‡āļ„āđˆāļē Shade āļŠāļđāļ‡ āļŠāļĩāļĒāļīāđˆāļ‡āļ”āļđāļ”āļģāđāļĨāļ°āļ—āļ·āļšāļ‚āļķāđ‰āļ™

Color Scheme āļĄāļĩāļ§āļīāļ˜āļĩāđ€āļĨāļ·āļ­āļāļŦāļĨāļēāļĒāļĢāļđāļ›āđāļšāļš āļĢāļđāļ›āđāļšāļšāļ—āļĩāđˆāļ™āļīāļĒāļĄāđƒāļŠāđ‰āļāļąāļ™āļˆāļ°āđ„āļ”āđ‰āđāļāđˆ

  • Analogous: āđƒāļŠāđ‰āļŠāļĩāļ—āļĩāđˆāļ­āļĒāļđāđˆāļ‚āđ‰āļēāļ‡āļāļąāļ™āđƒāļ™ Color Wheel
  • Monochromatic: āđ€āļ›āđ‡āļ™āļŠāļļāļ”āļŠāļĩāļ—āļĩāđˆāļĄāļēāļˆāļēāļ Hue āļŦāļĢāļ·āļ­āđ€āļ”āļĩāļĒāļ§āļāļąāļ™ āđ‚āļ”āļĒāļ­āļēāļĻāļąāļĒāļāļēāļĢāđ„āļĨāđˆāļĢāļ°āļ”āļąāļšāļ„āđˆāļē Tint āđāļĨāļ° Shade āđƒāļ™āļŦāļ™āļķāđˆāļ‡ Hue āļŠāļĢāđ‰āļēāļ‡āļŠāļĩāđ€āļžāļīāđˆāļĄāđ€āļ•āļīāļĄ
  • Complementary: āđƒāļŠāđ‰āļŠāļĩāļ‚āļąāđ‰āļ§āļ•āļĢāļ‡āļ‚āđ‰āļēāļĄ 2 āļŠāļĩāđ€āļŠāđˆāļ™ āļŠāļĩāđ€āļ‚āļĩāļĒāļ§āļ•āļĢāļ‡āļ‚āđ‰āļēāļĄāļāļąāļšāļŠāļĩāļĄāđˆāļ§āļ‡āļ­āđˆāļ­āļ™
  • Split Complementary: āđƒāļŠāđ‰āļŠāļĩāļ—āļĩāđˆāļ­āļĒāļđāđˆāļ‚āđ‰āļēāļ‡āļŠāļĩāļ‚āļąāđ‰āļ§āļ•āļĢāļ‡āļ‚āđ‰āļēāļĄ 2 āļŠāļĩ āđƒāļ™ Color Wheel āđ€āļŠāđˆāļ™ āđƒāļŠāđ‰āļŠāļĩāļŦāļĨāļąāļāđ€āļ›āđ‡āļ™āļŠāļĩāļŠāđ‰āļĄ āļŠāļĩāļ—āļĩāđˆāđ€āļ›āđ‡āļ™ Split Complementary āļˆāļķāļ‡āđ€āļ›āđ‡āļ™āļŠāļĩāļ™āđ‰āļģāđ€āļ‡āļīāļ™āđāļĨāļ°āļŠāļĩāđ€āļ‚āļĩāļĒāļ§ āđ€āļ›āđ‡āļ™āļ•āđ‰āļ™

āļĢāļđāļ›āļ āļēāļžāļˆāļēāļ macrovector āļ“ Freepik

Color Psychology: āļŠāļĩāđāļĨāļ°āļ„āļ§āļēāļĄāļŦāļĄāļēāļĒ

āđ€āļĢāļēāļĄāļēāļĨāļ­āļ‡āđ€āļ—āļĩāļĒāļšāļ āļēāļžāļ–āđˆāļēāļĒāļ—āļąāđ‰āļ‡āļŠāļ­āļ‡āļāļąāļ™ āđāļ•āđˆāļĨāļ°āļ āļēāļžāđƒāļŦāđ‰āļ„āļ§āļēāļĄāļĢāļđāđ‰āļŠāļķāļāļ­āļ°āđ„āļĢāļāļąāļšāļ„āļļāļ“āļšāđ‰āļēāļ‡

Photo by Ed Leszczynskl on Unsplash | Photo by Alex Shutin on Unsplash

āļŠāļĩāđāļ•āđˆāļĨāļ°āļŠāļĩāļˆāļ°āļ—āļģāđƒāļŦāđ‰āļĄāļ™āļļāļĐāļĒāđŒāļĢāļđāđ‰āļŠāļķāļāļ–āļķāļ‡āļ­āļēāļĢāļĄāļ“āđŒāđāļĨāļ°āļ•āļĩāļ„āļ§āļēāļĄāļŦāļĄāļēāļĒāđ„āļ”āđ‰āđāļ•āļāļ•āđˆāļēāļ‡āļāļąāļ™ āļ”āđ‰āļ§āļĒāļ„āļ§āļēāļĄāļŠāļēāļĄāļēāļĢāļ–āđƒāļ™āļāļēāļĢāļŠāļ·āđˆāļ­āļ­āļēāļĢāļĄāļŒāđŒāđ‚āļ”āļĒāđ„āļĄāđˆāļ•āđ‰āļ­āļ‡āļ­āļēāļĻāļąāļĒāļ„āļģāļžāļđāļ”āļ™āļĩāđ‰ āļ‡āļēāļ™āļ­āļ­āļāđāļšāļšāļ•āđˆāļēāļ‡ āđ† āļĄāļąāļāđƒāļŠāđ‰āļŠāļĩāđ€āļžāļ·āđˆāļ­āļŠāļ·āđˆāļ­āļŠāļēāļĢāļ­āļēāļĢāļĄāļ“āđŒāđāļĨāļ°āļˆāļļāļ”āļ›āļĢāļ°āļŠāļ‡āļ„āđŒāļ‚āļ­āļ‡āļ‡āļēāļ™āļ­āļ­āļāđāļšāļš āļ•āļąāļ§āļ­āļĒāđˆāļēāļ‡āļ„āļ§āļēāļĄāļŦāļĄāļēāļĒāļ‚āļ­āļ‡āļŠāļĩ āđ„āļ”āđ‰āđāļāđˆ

  • āļŠāļĩāđāļ”āļ‡: āļ„āļ§āļēāļĄāļĢāđ‰āļ­āļ™āđāļĢāļ‡ āļ„āļ§āļēāļĄāļĢāļąāļ āļ­āļąāļ™āļ•āļĢāļēāļĒ
  • āļŠāļĩāļ™āđ‰āļģāđ€āļ‡āļīāļ™: āļ„āļ§āļēāļĄāļŠāļ‡āļš āļ™āđˆāļēāđ€āļŠāļ·āđˆāļ­āļ–āļ·āļ­
  • āļŠāļĩāđ€āļ‚āļĩāļĒāļ§: āļ˜āļĢāļĢāļĄāļŠāļēāļ•āļī āļāļēāļĢāđ€āļ•āļīāļšāđ‚āļ•
  • āļŠāļĩāļ‚āļēāļ§: āļ„āļ§āļēāļĄāļšāļĢāļīāļŠāļļāļ—āļ˜āđŒ āļŠāļ°āļ­āļēāļ”
  • āļŠāļĩāļ”āļģ: āļĨāļķāļāļĨāļąāļš

āđƒāļ™āļ‡āļēāļ™āļ­āļ­āļāđāļšāļš UI āđ€āļĢāļēāļĄāļąāļāđ€āļŦāđ‡āļ™āļāļēāļĢāđƒāļŠāđ‰āļŠāļĩāđ€āļžāļ·āđˆāļ­āđāļŠāļ”āļ‡āļˆāļļāļ”āļ›āļĢāļ°āļŠāļ‡āļ„āđŒāļ‚āļ­āļ‡āļ›āļļāđˆāļĄāļŦāļĢāļ·āļ­āļŸāļąāļ‡āļ„āđŒāļŠāļąāđˆāļ™āļ•āđˆāļēāļ‡ āđ† āļ•āļąāļ§āļ­āļĒāđˆāļēāļ‡āļ—āļĩāđˆāđ€āļŦāđ‡āļ™āļŠāļąāļ”āļ—āļĩāđˆāļŠāļļāļ”āļ„āļ·āļ­ āļāļēāļĢāđƒāļŠāđ‰āļŠāļĩāđāļ”āļ‡āđ€āļžāļ·āđˆāļ­āļŠāļ·āđˆāļ­āļ§āđˆāļēāļ›āļļāđˆāļĄāļŦāļĢāļ·āļ­āļāļēāļĢāļāļĢāļ°āļ—āļģāļ™āļąāđ‰āļ™ āđ† āļˆāļ°āđ€āļ›āđ‡āļ™ Destructive Action (āđ€āļĄāļ·āđˆāļ­āđ€āļāļīāļ” action āđāļĨāđ‰āļ§āļˆāļ°āđ„āļĄāđˆāļŠāļēāļĄāļēāļĢāļ–āļĒāđ‰āļ­āļ™āļāļĨāļąāļšāļŦāļĢāļ·āļ­āļāļđāđ‰āļ‚āđ‰āļ­āļĄāļđāļĨāļ„āļ·āļ™āđ„āļ”āđ‰) āđ€āļ™āļ·āđˆāļ­āļ‡āļˆāļēāļāļŠāļĩāđāļ”āļ‡āđ€āļ›āđ‡āļ™āļŠāļĩāļ—āļĩāđˆāļ”āļķāļ‡āļ„āļ§āļēāļĄāļŠāļ™āđƒāļˆāļœāļđāđ‰āđƒāļŠāđ‰āđ„āļ”āđ‰āļ”āļĩāļ—āļĩāđˆāļŠāļļāļ” āđāļĨāļ°āļĒāļąāļ‡āļŠāļ·āđˆāļ­āļ–āļķāļ‡āļ­āļąāļ™āļ•āļĢāļēāļĒāļ‚āļ­āļ‡ action āļ™āļąāđ‰āļ™ āđ† āļ­āļĩāļāļ”āđ‰āļ§āļĒ

āļ—āļąāđ‰āļ‡āļ™āļĩāđ‰ Nielson Norman Group āļšāļĢāļīāļĐāļąāļ— Consultant āļ”āđ‰āļēāļ™ User Experience āļ‚āļ­āļ‡āļ­āđ€āļĄāļĢāļīāļāļēāđ„āļ”āđ‰āđāļ™āļ°āļ™āļģāļ§āđˆāļē āđāļĄāđ‰āļŠāļĩāļ­āļēāļˆāļˆāļ°āļĄāļĩāļ„āļ§āļēāļĄāļŦāļĄāļēāļĒāļŠāļēāļāļĨāļ­āļĒāļđāđˆāđāļĨāđ‰āļ§āļāđ‡āļ•āļēāļĄ (āđ€āļŠāđˆāļ™ āļŠāļĩāđāļ”āļ‡āļŠāļģāļŦāļĢāļąāļšāļŦāļĒāļļāļ” āļŦāļĢāļ·āļ­āļŠāļĩāđ€āļ‚āļĩāļĒāļ§āļŠāļģāļŦāļĢāļąāļšāđ€āļ”āļīāļ™āļŦāļ™āđ‰āļē) āđāļ•āđˆāļŠāļĩāļāđ‡āļŠāļēāļĄāļēāļĢāļ–āļĄāļĩāļ„āļ§āļēāļĄāļŦāļĄāļēāļĒāđāļ•āļāļ•āđˆāļēāļ‡āļāļąāļ™āļ•āļēāļĄāļ§āļąāļ’āļ™āļ˜āļĢāļĢāļĄāļ‚āļ­āļ‡āđāļ•āđˆāļžāļ·āđ‰āļ™āļ—āļĩāđˆāļ­āļĩāļāļ”āđ‰āļ§āļĒ āđ€āļŠāđˆāļ™ āļŠāļĩāļ‚āļ­āļ‡āđ€āļ‡āļīāļ™āļ•āļĢāļēāđƒāļ™āļˆāļĩāļ™āđ€āļ›āđ‡āļ™āļŠāļĩāđāļ”āļ‡ āđāļ•āđˆāđƒāļ™āļ­āđ€āļĄāļĢāļīāļāļēāļˆāļ°āđ€āļ›āđ‡āļ™āļŠāļĩāđ€āļ‚āļĩāļĒāļ§ āđ€āļ›āđ‡āļ™āļ•āđ‰āļ™ (Gordon, 2021) āļ”āļąāļ‡āļ™āļąāđ‰āļ™ āđ€āļ§āļĨāļēāđ€āļĢāļēāđ€āļĨāļ·āļ­āļāļŠāļĩ āđ€āļĢāļēāļ•āđ‰āļ­āļ‡āļ„āļģāļ™āļķāļ‡āļ–āļķāļ‡āļ„āļ§āļēāļĄāļŦāļĄāļēāļĒāļŠāļēāļāļĨ āđāļĨāļ°āļ„āļ§āļēāļĄāļŦāļĄāļēāļĒāđ€āļ‰āļžāļēāļ°āļ§āļąāļ’āļ™āļ˜āļĢāļĢāļĄāļ­āļĩāļāļ”āđ‰āļ§āļĒ

āđ€āļĨāļ·āļ­āļāļŠāļĩāļĒāļąāļ‡āđ„āļ‡āđƒāļŦāđ‰āļ•āļ­āļšāđ‚āļˆāļ—āļĒāđŒ?

āđ‚āļ”āļĒāļ›āļĢāļāļ•āļīāđāļĨāđ‰āļ§ āļ­āļ‡āļ„āđŒāļāļĢāļŦāļĢāļ·āļ­āļœāļđāđ‰āļ§āđˆāļēāļˆāđ‰āļēāļ‡āļˆāļ°āļĄāļĩ Brand Identity āļāđˆāļ­āļ™āļ­āļĒāļđāđˆāđāļĨāđ‰āļ§ āđƒāļ™āļāļĢāļ“āļĩāļ™āļĩāđ‰ āđ€āļĢāļēāļŠāļēāļĄāļēāļĢāļ–āđ€āļĨāļ·āļ­āļāļŠāļĩāļˆāļēāļ Brand Identity āđāļĨāđ‰āļ§āļ›āļĢāļąāļšāļŦāļĢāļ·āļ­āđ€āļžāļīāđˆāļĄāđƒāļŦāđ‰āđ€āļ‚āđ‰āļēāļāļąāļšāļ‡āļēāļ™āļ­āļ­āļāđāļšāļš UI āđ„āļ”āđ‰āđ€āļĨāļĒ āđāļ•āđˆāļŦāļēāļāļ­āļ‡āļ„āđŒāļāļĢāđƒāļ”āļ•āđ‰āļ­āļ‡āļāļēāļĢ rebrand āļŠāļĩāđƒāļŦāļĄāđˆ āļŦāļĢāļ·āļ­āļ•āđ‰āļ­āļ‡āđ€āļĨāļ·āļ­āļāļŠāļĩāļˆāļēāļāļĻāļđāļ™āļĒāđŒ Nielson Norman Group (Gordon, 2021) āđ„āļ”āđ‰āđāļ™āļ°āļ™āļģāđāļ™āļ§āļ—āļēāļ‡āđ€āļĨāļ·āļ­āļāļŠāļļāļ”āļŠāļĩ āļŦāļĢāļ·āļ­ Color Palette āđ„āļ›āđƒāļŠāđ‰āļāļąāļšāļ‡āļēāļ™āļ­āļ­āļāđāļšāļšāđ„āļ§āđ‰āļ”āļąāļ‡āļ™āļĩāđ‰

  • āđ€āļĨāļ·āļ­āļ Color Scheme āđāļĨāđ‰āļ§āļ§āļīāđ€āļ„āļĢāļēāļ°āļŦāđŒ: āļŦāļēāļāļĒāļąāļ‡āđ€āļ›āđ‡āļ™āļĄāļ·āļ­āđƒāļŦāļĄāđˆ āļ„āļ§āļĢāđ€āļĨāļ·āļ­āļāđƒāļŠāđ‰ Monochromatic āļāđˆāļ­āļ™ āđ€āļ™āļ·āđˆāļ­āļ‡āļˆāļēāļāđ€āļ›āđ‡āļ™ Color scheme āļ—āļĩāđˆāļ™āļģāđ„āļ›āđƒāļ™āļ‡āļēāļ™āļ­āļ­āļāđāļšāļšāđ„āļ”āđ‰āļ‡āđˆāļēāļĒ āļžāļ­āđ€āļĨāļ·āļ­āļ Scheme āđ€āļŠāļĢāđ‡āļˆ āđƒāļŦāđ‰āļĨāļ­āļ‡āļŠāļļāđˆāļĄāđ€āļĨāļ·āļ­āļāļŠāļĩāļ—āļĩāđˆāđƒāļāļĨāđ‰āđ€āļ„āļĩāļĒāļ‡āļāļąāļšāļ„āļ§āļēāļĄāļĢāļđāđ‰āļŠāļķāļāļ—āļĩāđˆāđ€āļĢāļēāļ­āļĒāļēāļāļŠāļ·āđˆāļ­āļŠāļēāļĢāđāļāđˆāļŠāļēāļ˜āļēāļĢāļ“āļ° āđāļĨāđ‰āļ§āļ§āļīāđ€āļ„āļĢāļēāļ°āļŦāđŒāđ€āļŦāļ•āļļāļœāļĨāļ—āļĩāđˆāđ€āļĨāļ·āļ­āļāļŠāļĩāļ”āļąāļ‡āļāļĨāđˆāļēāļ§āđ€āļŠāđˆāļ™ āļŠāļ­āļšāđ€āļžāļĢāļēāļ°āļ­āļ°āđ„āļĢ āļ•āļ­āļšāđ‚āļˆāļ—āļĒāđŒāļĒāļąāļ‡āđ„āļ‡ āđƒāļ™āļ‚āļąāđ‰āļ™āļ•āļ­āļ™āļ™āļĩāđ‰āđ€āļĢāļēāļŠāļēāļĄāļēāļĢāļ–āđƒāļŠāđ‰āđ€āļ§āđ‡āļšāđ„āļ‹āļ•āđŒāļ­āļĒāđˆāļēāļ‡ Realtime Colors āļŦāļĢāļ·āļ­ Coolors āđƒāļŦāđ‰āļŠāđˆāļ§āļĒ generate āļŠāļĩāđ„āļ”āđ‰
  • āļāļģāļŦāļ™āļ”āļŠāļļāļ”āļŠāļĩ 3 āļŠāļĩ: āđ€āļĨāļ·āļ­āļāļŠāļĩāļ—āļĩāđˆāđ€āļ‚āđ‰āļēāļāļąāļš Color Scheme āđāļĨāđ‰āļ§āļāļģāļŦāļ™āļ”āļŠāļļāļ”āļŠāļĩāđ„āļ§āđ‰āđ€āļžāļĩāļĒāļ‡ 3 āđ€āļ—āđˆāļēāļ™āļąāđ‰āļ™ āđ€āļžāļ·āđˆāļ­āđƒāļŦāđ‰āļ‡āļēāļ™āļ­āļ­āļāđāļšāļšāļĄāļĩāļŠāļĩ 3 āļŠāļĩāļ—āļĩāđˆāļŠāļąāļ”āđ€āļˆāļ™ āđāļĨāļ°āđ„āļĄāđˆāļ–āļđāļāļŠāļĩāļ­āļ·āđˆāļ™ āđ† āļāļĨāļ·āļ™
  • āđ€āļĨāļ·āļ­āļāļŠāļĩāļ•āļēāļĄ Brand’s Color Guideline: āđ€āļĨāļ·āļ­āļāļŠāļĩāđƒāļŦāđ‰āđ€āļ‚āđ‰āļēāļāļąāļšāļ­āļ‡āļ„āđŒāļāļĢāļ—āļĩāđˆāđ€āļĢāļēāļ­āļ­āļāđāļšāļšāļ‡āļēāļ™āđƒāļŦāđ‰ āļ™āļ­āļāļˆāļēāļāļˆāļ°āļŠāđˆāļ§āļĒāđƒāļŦāđ‰āļāļēāļĢāđ€āļĨāļ·āļ­āļāļŠāļĩāļ‡āđˆāļēāļĒāļ‚āļķāđ‰āļ™āđāļĨāđ‰āļ§ āļĒāļąāļ‡āļŠāđˆāļ§āļĒāđƒāļŦāđ‰āļ‡āļēāļ™āļ­āļ­āļāđāļšāļšāļĄāļĩ Brand Experience āļ—āļĩāđˆāļŠāļąāļ”āđ€āļˆāļ™ āļŠāđˆāļ§āļĒāđƒāļŦāđ‰āļœāļđāđ‰āđƒāļŠāđ‰āļ‡āļēāļ™āļˆāļ”āļˆāļģāđāļšāļĢāļ™āļ”āđŒāđ„āļ”āđ‰āļ”āļĩāļ‚āļķāđ‰āļ™āļ­āļĩāļāļ”āđ‰āļ§āļĒ

āļ—āļĩāļ™āļĩāđ‰ āđ€āļĨāļ·āļ­āļāļŠāļĩāļžāļ·āđ‰āļ™āļŦāļĨāļąāļ‡āļ—āļĩāđˆāļ”āļđāļ‡āđˆāļēāļĒāđāļĨāļ°āļ•āļąāļ”āļāļąāļšāļŠāļĩāļ‚āđ‰āļ­āļ„āļ§āļēāļĄ āļŦāļēāļāđ€āļ›āđ‡āļ™āļĄāļ·āļ­āđƒāļŦāļĄāđˆ āļ„āļ§āļĢāđƒāļŠāđ‰āļŠāļĩāļžāļ·āđ‰āļ™āļŦāļĨāļąāļ‡āđ€āļ›āđ‡āļ™āļŠāļĩāļ‚āļēāļ§āļāđˆāļ­āļ™ āđ€āļ™āļ·āđˆāļ­āļ‡āļˆāļēāļāļŠāļĩāļžāļ·āđ‰āļ™āļŦāļĨāļąāļ‡āļŠāļēāļĄāļēāļĢāļ–āļ”āļķāļ‡āļˆāļļāļ”āđ‚āļŸāļāļąāļŠāļ‚āļ­āļ‡āļœāļđāđ‰āđƒāļŠāđ‰āļ­āļ­āļāļˆāļēāļāļˆāļļāļ”āļ—āļĩāđˆāļ„āļ§āļĢāđ‚āļŸāļāļąāļŠ āđāļĨāļ°āļŠāļĩāļ‚āđ‰āļ­āļ„āļ§āļēāļĄāļ„āļ§āļĢāļ•āļąāļ”āļāļąāļšāļŠāļĩāļžāļ·āđ‰āļ™āļŦāļĨāļąāļ‡āđ€āļŠāđˆāļ™ āļŠāļĩāļ”āļģ āđ€āļžāļ·āđˆāļ­āđƒāļŦāđ‰āļœāļđāđ‰āđƒāļŠāđ‰āđ€āļŦāđ‡āļ™āļ‚āđ‰āļ­āļ„āļ§āļēāļĄāđ„āļ”āđ‰āļŠāļąāļ”āđ€āļˆāļ™ āđ„āļĄāđˆāļāļĨāļ·āļ™āļāļąāļšāļžāļ·āđ‰āļ™āļŦāļĨāļąāļ‡āđ€āļāļīāļ™āđ„āļ›

āļ•āļąāļ§āļ­āļĒāđˆāļēāļ‡āđ€āļ§āđ‡āļšāđ„āļ‹āļ•āđŒ: Bettersleep āđƒāļŠāđ‰ Monochromatic Scheme āđ„āļĨāđˆ shade āļŠāļĩāļ™āđ‰āļģāđ€āļ‡āļīāļ™ āđ€āļžāļ·āđˆāļ­āđ€āļĨāļĩāļĒāļ™āđāļšāļšāļšāļĢāļĢāļĒāļēāļāļēāļĻāļ•āļ­āļ™āļāļĨāļēāļ‡āļ„āļ·āļ™ āđāļĨāļ°āļŠāļĢāđ‰āļēāļ‡āļ„āļ§āļēāļĄāļœāđˆāļ­āļ™āļ„āļĨāļēāļĒāđāļāđˆāļœāļđāđ‰āđ€āļ‚āđ‰āļēāļŠāļĄ

āđāļŦāļĨāđˆāļ‡āļ—āļĩāđˆāļĄāļē : bettersleep

āđƒāļŠāđˆāļŠāļĩāđƒāļŦāđ‰ UI āļ”āđ‰āļ§āļĒāļāļ 60 – 30 – 10

āļŦāļĨāļąāļ‡āļˆāļēāļāđ€āļĨāļ·āļ­āļāļŠāļĩāđ€āļŠāļĢāđ‡āļˆāđāļĨāđ‰āļ§ āļāđ‡āđ„āļ”āđ‰āđ€āļ§āļĨāļēāļ™āļģāļŠāļĩāđ„āļ›āđƒāļŠāđ‰āļāļąāļš UI Design āļāļąāļ™āļŠāļąāļāļ—āļĩ āđƒāļ™āļ‚āļąāđ‰āļ™āļ•āļ­āļ™āļ™āļĩāđ‰ āđƒāļŠāđ‰āļŠāļĩāļ•āļēāļĄāļŠāļąāļ”āļŠāđˆāļ§āļ™āļ‚āļ­āļ‡ āļāļ 60 – 30 – 10 āļ‹āļķāđˆāļ‡āđāļ•āđˆāđ€āļ”āļīāļĄāđ€āļ›āđ‡āļ™āļāļāļŠāļąāļ”āļŠāđˆāļ§āļ™āļŠāļĩāļ‚āļ­āļ‡āļĄāļąāļ“āļ‘āļ™āļĻāļīāļĨāļ›āđŒ āđāļĨāļ°āđ„āļ”āđ‰āļ™āļģāļĄāļēāļ›āļĢāļąāļšāđƒāļŠāđ‰āļāļąāļšāļ‡āļēāļ™ UI Design āđ€āļžāļ·āđˆāļ­āđƒāļŦāđ‰āļŠāļąāļ”āļŠāđˆāļ§āļ™āļāļēāļĢāđƒāļŠāđ‰āļŠāļĩāđƒāļ™ UI āļŠāļĄāļ”āļļāļĨāđāļĨāļ°āļ­āđˆāļēāļ™āļ‡āđˆāļēāļĒ

  • 60% āđāļĢāļāļˆāļ°āđ€āļ›āđ‡āļ™āļŠāļĩāļŦāļĨāļąāļ (Primary Color) āļ‚āļ­āļ‡ UI āļŠāļĩāļ™āļĩāđ‰āđ€āļ›āđ‡āļ™āļŠāļĩāļ—āļĩāđˆāļœāļđāđ‰āđƒāļŠāđ‰āđ€āļŦāđ‡āļ™āđ€āļĒāļ­āļ°āļ—āļĩāđˆāļŠāļļāļ”āđƒāļ™āđ€āļ§āđ‡āļšāđ„āļ‹āļ•āđŒ āļĄāļąāļāđ€āļ›āđ‡āļ™āļŠāļĩāļāļĨāļēāļ‡āđāļĨāļ°āđƒāļŠāđ‰āļāļąāļšāļžāļ·āđ‰āļ™āļŦāļĨāļąāļ‡āđ€āļ›āđ‡āļ™āļŦāļĨāļąāļ‡
  • 30% āļ•āđˆāļ­āļĄāļēāļˆāļ°āđ€āļ›āđ‡āļ™āļŠāļĩāļĢāļ­āļ‡ (Secondary Color) āļ‚āļ­āļ‡ UI āđƒāļŠāđ‰āđ€āļ›āđ‡āļ™āļŠāļĩāđ€āļŠāļĢāļīāļĄāļ—āļĩāđˆāļ•āļąāļ”āļāļąāļšāļžāļ·āđ‰āļ™āļŦāļĨāļąāļ‡āđ€āļžāļ·āđˆāļ­āđƒāļŦāđ‰ UI āļĄāļĩāđ€āļ­āļāļĨāļąāļāļĐāļ“āđŒāļĄāļēāļāļ‚āļķāđ‰āļ™ āđƒāļŠāđ‰āđƒāļ™ āļ‚āđ‰āļ­āļ„āļ§āļēāļĄāļŦāļĢāļ·āļ­ icon āļ•āđˆāļēāļ‡ āđ† āļ—āļĩāđˆāđ„āļĄāđˆāļ•āđ‰āļ­āļ‡āļāļēāļĢāđƒāļŦāđ‰āđ€āļ›āđ‡āļ™āļˆāļļāļ”āļĢāļ§āļĄāļ‚āļ­āļ‡āļŠāļēāļĒāļ•āļē
  • 10% āļŠāļļāļ”āļ—āđ‰āļēāļĒāļˆāļ°āđ€āļ›āđ‡āļ™āļŠāļĩāļ•āļąāļ” (Accent Color) āļ‚āļ­āļ‡ UI āļŠāļĩāļŠāđˆāļ§āļ™āļ™āļĩāđ‰āļ•āđ‰āļ­āļ‡āđ€āļ›āđ‰āļ™āļŠāļĩāļ—āļĩāđˆāđ‚āļ”āļ”āđ€āļ”āđˆāļ™āļĄāļēāļāļ—āļĩāđˆāļŠāļļāļ” āđ€āļžāļ·āđˆāļ­āļ”āļķāļ‡āļŠāļēāļĒāļ•āļēāļœāļđāđ‰āđƒāļŠāđ‰āđ€āļ‚āđ‰āļēāļŦāļē element āļ™āļąāđ‰āļ™ āđ† āļĄāļąāļāđƒāļŠāđ‰āļāļąāļšāļ›āļļāđˆāļĄ āđāļĨāļ° Call to Action

āļŦāļĨāļąāļ‡āļˆāļēāļāļĨāļ‡āļŠāļĩāđ€āļŠāļĢāđ‡āļˆ āļ­āļĒāđˆāļēāļĨāļ·āļĄāļ•āļĢāļ§āļˆāļŠāļ­āļšāļāļēāļĢāđƒāļŠāđ‰āļŠāļĩāđƒāļ™ UI āļ”āđ‰āļ§āļĒāļ§āđˆāļēāļŠāļĩāļ—āļĩāđˆāđƒāļŠāđ‰āđƒāļ™āļ•āļ­āļ™āļ™āļĩāđ‰ āļ•āļ­āļšāđ‚āļˆāļ—āļĒāđŒāļˆāļļāļ”āļ›āļĢāļ°āļŠāļ‡āļ„āđŒāļ‚āļ­āļ‡ element āļ™āļąāđ‰āļ™ āđ†āļŦāļĢāļ·āļ­āđ„āļĄāđˆ āđāļĨāđ‰āļ§āļ™āļģ UI Design āļ—āļĩāđˆāđ„āļ”āđ‰āđ„āļ›āļ—āļ”āļŠāļ­āļšāļāļąāļšāļœāļđāđ‰āđƒāļŠāđ‰āđ€āļžāļ·āđˆāļ­āđ€āļāđ‡āļš Feedback āđāļĨāļ°āđāļāđ‰āđ„āļ‚āđƒāļ™āļ­āļ™āļēāļ„āļ•āļ•āđˆāļ­āđ„āļ›

āļ•āļąāļ§āļ­āļĒāđˆāļēāļ‡: Book Swap āđāļ­āļžāđāļĨāļāđ€āļ›āļĨāļ·āđˆāļĒāļ™āļŦāļ™āļąāļ‡āļŠāļ·āļ­ āđƒāļŠāđ‰āļŠāļĩāļ‚āļēāļ§ (#FFFFFF) āđ€āļ›āđ‡āļ™āļŠāļĩ 60% āđƒāļŠāđ‰āļŠāļĩāļ™āđ‰āļģāļ•āļēāļĨāđ€āļ‚āđ‰āļĄ (#252127) āđ€āļ›āđ‡āļ™āļŠāļĩ 30% āđāļĨāļ°āđƒāļŠāđ‰āļŠāļĩāđ€āļŦāļĨāļ·āļ­āļ‡āļ—āļ­āļ‡ (#948E75) āđ€āļ›āđ‡āļ™āļŠāļĩ 10%

āļŠāļĢāļļāļ›

āļāļēāļĢāđƒāļŠāđ‰ Color Theory āđƒāļ™āļāļēāļĢāļ­āļ­āļāđāļšāļš UI Design āļ•āđ‰āļ­āļ‡āļ­āļēāļĻāļąāļĒāļ„āļ§āļēāļĄāđ€āļ‚āđ‰āļēāđƒāļˆāđ€āļāļĩāđˆāļĒāļ§āļāļąāļšāļ—āļĪāļĐāļāļĩāļāļēāļĢāļœāļŠāļĄāļŠāļĩ āļāļēāļĢāļˆāļąāļšāļ„āļđāđˆāļŠāļĩ āļĢāļ§āļĄāļ–āļķāļ‡āļˆāļīāļ•āļ§āļīāļ—āļĒāļēāđāļĨāļ°āļ„āļ§āļēāļĄāļŦāļĄāļēāļĒāļ‚āļ­āļ‡āļŠāļĩ āđ€āļžāļ·āđˆāļ­āđƒāļŦāđ‰āļ™āļąāļāļ­āļ­āļāđāļšāļšāļŠāļēāļĄāļēāļĢāļ–āđ€āļĨāļ·āļ­āļāđƒāļŠāđ‰āļŠāļĩāđ„āļ”āđ‰āļ•āļĢāļ‡āļ•āļēāļĄāļŠāļīāđˆāļ‡āļ—āļĩāđˆāļ‡āļēāļ™āļ­āļ­āļāđāļšāļš UI āļ•āđ‰āļ­āļ‡āļāļēāļĢāļŠāļ·āđˆāļ­āļŠāļēāļĢāđāļāđˆāļœāļđāđ‰āđƒāļŠāđ‰āļ‡āļēāļ™ āļŦāļēāļāļ™āļąāļāļ­āļ­āļāđāļšāļšāļ„āļąāļ”āđ€āļĨāļ·āļ­āļāļŠāļĩāļ­āļ­āļāļĄāļēāļ”āļĩ āļžāļĢāđ‰āļ­āļĄāļāļąāļšāđƒāļŠāđ‰āļŠāļĩāļ•āļēāļĄāļŠāļąāļ”āļŠāđˆāļ§āļ™āļŠāļĩāļ•āļēāļĄāļāļ 60 – 30 – 10 āļ‡āļēāļ™āļ­āļ­āļāđāļšāļš UI āļ”āļąāļ‡āļāļĨāđˆāļēāļ§āļĒāđˆāļ­āļĄāļ­āļ­āļāļĄāļēāļ”āļđāļ”āļĩāđāļĨāļ°āļ•āļ­āļšāđ‚āļˆāļ—āļĒāđŒāļāļēāļĢāđƒāļŠāđ‰āļ‡āļēāļ™āļ­āļĒāđˆāļēāļ‡āđāļ™āđˆāļ™āļ­āļ™

āļ­āđ‰āļēāļ‡āļ­āļīāļ‡

Cherry, K. C. (2022). Color psychology: Does it affect how you feel? Verywell Mind. https://www.verywellmind.com/color-psychology-2795824

Gordon, K. (2021, June 6). Using color to enhance your design. Nielsen Norman Group. Retrieved October 13, 2023, from https://www.nngroup.com/articles/color-enhance-design/

Itsadmin. (2021, March 26). Hue, Tint, Tone, and Shade — What’s the difference? – Integrity Painting & Decorating Winnipeg. Integrity Painting & Decorating Winnipeg. https://integritypainting.ca/hue-tint-tone-and-shade-whats-the-difference-2/

Olohijere, I. F. (2023). What is the 60-30-10 Rule in Design? And How to Use it in Your Projects. freeCodeCamp.org. https://www.freecodecamp.org/news/the-60-30-10-rule-in-design/

āđ€āļĢāļēāđƒāļŠāđ‰āļ„āļļāļāļāļĩāđ‰āđ€āļžāļ·āđˆāļ­āļžāļąāļ’āļ™āļēāļ›āļĢāļ°āļŠāļīāļ—āļ˜āļīāļ āļēāļž āđāļĨāļ°āļ›āļĢāļ°āļŠāļšāļāļēāļĢāļ“āđŒāļ—āļĩāđˆāļ”āļĩāđƒāļ™āļāļēāļĢāđƒāļŠāđ‰āđ€āļ§āđ‡āļšāđ„āļ‹āļ•āđŒāļ‚āļ­āļ‡āļ„āļļāļ“ āļ„āļļāļ“āļŠāļēāļĄāļēāļĢāļ–āļĻāļķāļāļĐāļēāļĢāļēāļĒāļĨāļ°āđ€āļ­āļĩāļĒāļ”āđ„āļ”āđ‰āļ—āļĩāđˆ āļ™āđ‚āļĒāļšāļēāļĒāļ„āļ§āļēāļĄāđ€āļ›āđ‡āļ™āļŠāđˆāļ§āļ™āļ•āļąāļ§ āđāļĨāļ°āļŠāļēāļĄāļēāļĢāļ–āļˆāļąāļ”āļāļēāļĢāļ„āļ§āļēāļĄāđ€āļ›āđ‡āļ™āļŠāđˆāļ§āļ™āļ•āļąāļ§āđ€āļ­āļ‡āđ„āļ”āđ‰āļ‚āļ­āļ‡āļ„āļļāļ“āđ„āļ”āđ‰āđ€āļ­āļ‡āđ‚āļ”āļĒāļ„āļĨāļīāļāļ—āļĩāđˆ āļ•āļąāđ‰āļ‡āļ„āđˆāļē

āļ•āļąāđ‰āļ‡āļ„āđˆāļēāļ„āļ§āļēāļĄāđ€āļ›āđ‡āļ™āļŠāđˆāļ§āļ™āļ•āļąāļ§

āļ„āļļāļ“āļŠāļēāļĄāļēāļĢāļ–āđ€āļĨāļ·āļ­āļāļāļēāļĢāļ•āļąāđ‰āļ‡āļ„āđˆāļēāļ„āļļāļāļāļĩāđ‰āđ‚āļ”āļĒāđ€āļ›āļīāļ”/āļ›āļīāļ” āļ„āļļāļāļāļĩāđ‰āđƒāļ™āđāļ•āđˆāļĨāļ°āļ›āļĢāļ°āđ€āļ āļ—āđ„āļ”āđ‰āļ•āļēāļĄāļ„āļ§āļēāļĄāļ•āđ‰āļ­āļ‡āļāļēāļĢ āļĒāļāđ€āļ§āđ‰āļ™ āļ„āļļāļāļāļĩāđ‰āļ—āļĩāđˆāļˆāļģāđ€āļ›āđ‡āļ™

āļĒāļ­āļĄāļĢāļąāļšāļ—āļąāđ‰āļ‡āļŦāļĄāļ”
āļˆāļąāļ”āļāļēāļĢāļ„āļ§āļēāļĄāđ€āļ›āđ‡āļ™āļŠāđˆāļ§āļ™āļ•āļąāļ§
  • āļ„āļļāļāļāļĩāđ‰āļ—āļĩāđˆāļˆāļģāđ€āļ›āđ‡āļ™
    āđ€āļ›āļīāļ”āđƒāļŠāđ‰āļ‡āļēāļ™āļ•āļĨāļ­āļ”

    āļ›āļĢāļ°āđ€āļ āļ—āļ‚āļ­āļ‡āļ„āļļāļāļāļĩāđ‰āļĄāļĩāļ„āļ§āļēāļĄāļˆāļģāđ€āļ›āđ‡āļ™āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļ—āļģāļ‡āļēāļ™āļ‚āļ­āļ‡āđ€āļ§āđ‡āļšāđ„āļ‹āļ•āđŒ āđ€āļžāļ·āđˆāļ­āđƒāļŦāđ‰āļ„āļļāļ“āļŠāļēāļĄāļēāļĢāļ–āđƒāļŠāđ‰āđ„āļ”āđ‰āļ­āļĒāđˆāļēāļ‡āđ€āļ›āđ‡āļ™āļ›āļāļ•āļī āđāļĨāļ°āđ€āļ‚āđ‰āļēāļŠāļĄāđ€āļ§āđ‡āļšāđ„āļ‹āļ•āđŒ āļ„āļļāļ“āđ„āļĄāđˆāļŠāļēāļĄāļēāļĢāļ–āļ›āļīāļ”āļāļēāļĢāļ—āļģāļ‡āļēāļ™āļ‚āļ­āļ‡āļ„āļļāļāļāļĩāđ‰āļ™āļĩāđ‰āđƒāļ™āļĢāļ°āļšāļšāđ€āļ§āđ‡āļšāđ„āļ‹āļ•āđŒāļ‚āļ­āļ‡āđ€āļĢāļēāđ„āļ”āđ‰
    āļĢāļēāļĒāļĨāļ°āđ€āļ­āļĩāļĒāļ”āļ„āļļāļāļāļĩāđ‰

  • āļ„āļļāļāļāļĩāđ‰āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļ•āļīāļ”āļ•āļēāļĄāļ—āļēāļ‡āļāļēāļĢāļ•āļĨāļēāļ”

    āļ›āļĢāļ°āđ€āļ āļ—āļ‚āļ­āļ‡āļ„āļļāļāļāļĩāđ‰āļ—āļĩāđˆāļĄāļĩāļ„āļ§āļēāļĄāļˆāļģāđ€āļ›āđ‡āļ™āđƒāļ™āļāļēāļĢāđƒāļŠāđ‰āļ‡āļēāļ™āđ€āļžāļ·āđˆāļ­āļāļēāļĢāļ§āļīāđ€āļ„āļĢāļēāļ°āļŦāđŒ āđāļĨāļ° āļ™āļģāđ€āļŠāļ™āļ­āđ‚āļ›āļĢāđ‚āļĄāļŠāļąāļ™ āļŠāļīāļ™āļ„āđ‰āļē āļĢāļ§āļĄāļ–āļķāļ‡āļŦāļĨāļąāļāļŠāļđāļ•āļĢāļŸāļĢāļĩ āđāļĨāļ° āļŠāļīāļ—āļ˜āļīāļžāļīāđ€āļĻāļĐāļ•āđˆāļēāļ‡ āđ† āļ„āļļāļ“āļŠāļēāļĄāļēāļĢāļ–āđ€āļĨāļ·āļ­āļāļ›āļīāļ”āļ„āļļāļāļāļĩāđ‰āļ›āļĢāļ°āđ€āļ āļ—āļ™āļĩāđ‰āđ„āļ”āđ‰āđ‚āļ”āļĒāđ„āļĄāđˆāļŠāđˆāļ‡āļœāļĨāļ•āđˆāļ­āļāļēāļĢāļ—āļģāļ‡āļēāļ™āļŦāļĨāļąāļ āđ€āļ§āđ‰āļ™āđāļ•āđˆāļāļēāļĢāļ™āļģāđ€āļŠāļ™āļ­āđ‚āļ›āļĢāđ‚āļĄāļŠāļąāļ™āļ—āļĩāđˆāļ­āļēāļˆāđ„āļĄāđˆāļ•āļĢāļ‡āļāļąāļšāļ„āļ§āļēāļĄāļ•āđ‰āļ­āļ‡āļāļēāļĢ
    āļĢāļēāļĒāļĨāļ°āđ€āļ­āļĩāļĒāļ”āļ„āļļāļāļāļĩāđ‰

āļšāļąāļ™āļ—āļķāļāļāļēāļĢāļ•āļąāđ‰āļ‡āļ„āđˆāļē