{"id":3248,"date":"2026-07-31T21:59:50","date_gmt":"2026-07-31T14:59:50","guid":{"rendered":"https:\/\/www.medkraf.com\/home\/?p=3248"},"modified":"2026-08-01T10:36:47","modified_gmt":"2026-08-01T03:36:47","slug":"mengenal-aturan-komposisi-warna-60-30-10-biar-desain-kamu-makin-eye-catching","status":"publish","type":"post","link":"https:\/\/www.medkraf.com\/home\/mengenal-aturan-komposisi-warna-60-30-10-biar-desain-kamu-makin-eye-catching\/","title":{"rendered":"Mengenal Aturan Komposisi Warna 60-30-10 : Biar Desain Kamu Makin Eye-Catching"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3248\" class=\"elementor elementor-3248\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-536698b3 e-con-full e-flex e-con e-parent\" data-id=\"536698b3\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t<div class=\"elementor-element elementor-element-bdf8fcd e-flex e-con-boxed e-con e-child\" data-id=\"bdf8fcd\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-136d664 elementor-widget elementor-widget-image\" data-id=\"136d664\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 20-12-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2134\" height=\"1200\" src=\"https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/COVER-01.png\" class=\"attachment-full size-full wp-image-3258\" alt=\"\" srcset=\"https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/COVER-01.png 2134w, https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/COVER-01-300x169.png 300w, https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/COVER-01-1024x576.png 1024w, https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/COVER-01-768x432.png 768w, https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/COVER-01-1536x864.png 1536w, https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/COVER-01-2048x1152.png 2048w\" sizes=\"(max-width: 2134px) 100vw, 2134px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6eeede32 elementor-widget elementor-widget-text-editor\" data-id=\"6eeede32\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 20-12-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p><span style=\"font-weight: 400;\">Dunia kreatif tidak akan pernah lepas dari warna. Proporsi yang seimbang sangat diperlukan agar sebuah karya tidak hanya enak dipandang, tetapi juga eye-catching bagi audiens.<\/span><\/p><p><span style=\"font-weight: 400;\">Halo Sobat Kreatif! Siapa yang masih suka bingung menentukan warna? Ternyata dalam memilih warna ada aturannya, loh! Namanya 60-30-10 Rule. Kalau pada beberapa artikel sebelumnya kita pernah membahas tentang color theory, artikel kali ini akan dibahas mengenai 60-30-10 Rule.<\/span><\/p><p><span style=\"font-weight: 400;\">Sejatinya, dalam membuat sebuah karya kreatif seperti desain grafis diperlukan proporsi warna yang seimbang agar harmoninya tidak berantakan dan pesan dapat tersampaikan dengan baik. Mulai dari Graphic Design, digital art, hingga karya film sekalipun membutuhkan keseimbangan warna.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Penggunaan 60-30-10 Rule ini bukan untuk membatasi kreativitas seseorang ya sobat! Melainkan untuk menyeimbangkan elemen-elemen dalam desain sekaligus menghindari tampilan yang berantakan (messy look).\u00a0<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf12a91 e-flex e-con-boxed e-con e-parent\" data-id=\"bf12a91\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a0f9c4e e-flex e-con-boxed e-con e-child\" data-id=\"a0f9c4e\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a39f3eb elementor-widget elementor-widget-image\" data-id=\"a39f3eb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"238\" height=\"300\" src=\"https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/VISUAL-04-238x300.jpg\" class=\"attachment-medium size-medium wp-image-3259\" alt=\"Adam the Illustrator\" srcset=\"https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/VISUAL-04-238x300.jpg 238w, https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/VISUAL-04-811x1024.jpg 811w, https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/VISUAL-04-768x970.jpg 768w, https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/VISUAL-04-scaled.jpg 2028w\" sizes=\"(max-width: 238px) 100vw, 238px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e97be8c elementor-widget elementor-widget-text-editor\" data-id=\"e97be8c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><span style=\"text-decoration: underline;\"><em>source: instagram.com\/adam_theillustrator<\/em><\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4c9b6c elementor-widget elementor-widget-image\" data-id=\"e4c9b6c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"240\" height=\"300\" src=\"https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/Frame-1-1-240x300.png\" class=\"attachment-medium size-medium wp-image-3249\" alt=\"\" srcset=\"https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/Frame-1-1-240x300.png 240w, https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/Frame-1-1-819x1024.png 819w, https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/Frame-1-1-768x960.png 768w, https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/Frame-1-1.png 1200w\" sizes=\"(max-width: 240px) 100vw, 240px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c2d702 elementor-widget elementor-widget-text-editor\" data-id=\"5c2d702\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><span style=\"text-decoration: underline;\"><em>source: instagram.com\/medkraf.upnvy<\/em><\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d2a43c elementor-widget elementor-widget-text-editor\" data-id=\"1d2a43c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h4><span style=\"color: #295e93;\"><b>Penggunaan 60-30-10 Rule\u00a0<\/b><\/span><\/h4><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">60% sebagai dominant color. Warna ini menjadi base atau fondasi yang berperan mengatur mood dan tone karya. Misalnya, warna terang seperti kuning dan merah muda memberi kesan fun serta ceria, sedangkan warna gelap seperti hitam dan abu-abu tua memberikan kesan misterius, sedih, atau berjarak secara emosional.\u00a0<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">30% sebagai Secondary Color artinya Ini adalah warna sekunder atau warna dominan kedua. Porsinya memang tidak sebanyak warna base, tetapi masih terlihat dengan jelas. Tujuannya adalah memberikan kedalaman (depth) pada karya, bukan untuk menyaingi warna dominan.\u00a0<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">10% biasa disebut Third Color atau Highlight Color. Porsi terkecil ini biasanya menggunakan warna yang lebih cerah atau kontras dibanding dua warna sebelumnya. Fungsinya sebagai aksen yang paling menonjol untuk mencuri perhatian audiens.\u00a0<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">Banyak brand ternama saat ini menerapkan aturan 60-30-10. Secara psikologis, proporsi ini mampu memancarkan kesan profesional sekaligus membangun kepercayaan audiens melalui tampilan desain yang bersih (clean design look) dan seimbang. Contoh populernya bisa kita lihat pada logo McDonald\u2019s, Domino\u2019s Pizza, hingga brand lokal Indonesia seperti Hypermart.<\/span><\/p><h4><span style=\"color: #295e93;\"><b>60-30-10 Dalam Film<\/b><\/span><\/h4>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b90bbb e-con-full e-flex e-con e-parent\" data-id=\"0b90bbb\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t<div class=\"elementor-element elementor-element-54585d6 e-flex e-con-boxed e-con e-child\" data-id=\"54585d6\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-417cf27 elementor-widget elementor-widget-text-editor\" data-id=\"417cf27\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><img decoding=\"async\" class=\"alignnone size-full wp-image-3260\" src=\"https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/VISUAL-02.jpg\" alt=\"Wes Anderson The Grand Budapest Hotel\" \/><span style=\"text-decoration: underline;\"><em>source: pinterest<\/em><\/span><\/p><p style=\"text-align: center;\"><img decoding=\"async\" class=\"alignnone size-full wp-image-3261\" src=\"https:\/\/www.medkraf.com\/home\/wp-content\/uploads\/2026\/07\/VISUAL-03.jpg\" alt=\"Mad Max: Fury Road\" \/><\/p><p style=\"text-align: center;\"><span style=\"text-decoration: underline;\"><em>source: pinterest<\/em><\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92f0364 elementor-widget elementor-widget-text-editor\" data-id=\"92f0364\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Sobat kreatif tau gak sih? Tanpa disadari, ketika kita menonton film juga pasti ada penggunaan aturan warna ini loh! Misalnya pada film \u2018<em>The Grand Hotel Budapest<\/em>\u2019 karya Wes Anderson, \u2018<em>Mad Max: Fury Roads<\/em>\u2019, hingga film-film <em>Marvel Cinematic Universe<\/em> juga menggunakan aturan tersebut.<\/span><\/p><p><span style=\"font-weight: 400;\">Sebagai contoh dalam salah satu scene film karya Wes Anderson berjudul \u2018<em>The Grand Budapest Hotel\u2019<\/em> ini menggunakan Pastel Pink sebagai Dominant Color, Coklat sebagai Secondary Color -nya, dan Biru sebagai warna untuk menarik perhatian penontonnya.<\/span><\/p><p><span style=\"font-weight: 400;\">Gimana nih, Sobat Kreatif? Eksplorasi warna dalam kreativitas memang tidak ada batasnya. Namun, proporsinya tetap perlu diperhatikan agar karya tidak terlihat berantakan. Selain itu, menentukan color palette sebelum mulai mendesain juga sangat krusial. Di beberapa artikel sebelumnya kita sudah pernah membahas cara membuat color palette jangan lupa dicek dan dipraktikkan, ya!\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Stay updated dengan konten-konten KSM Media Kreatif di social media ya, sobat kreatif! Sampai jumpa pada artikel selanjutnya!!<\/span><\/p><p><span style=\"font-weight: 400;\">Instagram &amp; Tiktok: @medkraf.upnvy<\/span><\/p><p><span style=\"font-weight: 400;\">LinkedIn: Media Kreatif UPNVYK<\/span><\/p><p>Website: medkraf.com\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dunia kreatif tidak akan pernah lepas dari warna. Proporsi yang seimbang sangat diperlukan agar sebuah karya tidak hanya enak dipandang, tetapi juga eye-catching bagi audiens. Halo Sobat Kreatif! Siapa yang masih suka bingung menentukan warna? Ternyata dalam memilih warna ada aturannya, loh! Namanya 60-30-10 Rule. Kalau pada beberapa artikel sebelumnya kita pernah membahas tentang color [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3248","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.medkraf.com\/home\/wp-json\/wp\/v2\/posts\/3248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.medkraf.com\/home\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.medkraf.com\/home\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.medkraf.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.medkraf.com\/home\/wp-json\/wp\/v2\/comments?post=3248"}],"version-history":[{"count":33,"href":"https:\/\/www.medkraf.com\/home\/wp-json\/wp\/v2\/posts\/3248\/revisions"}],"predecessor-version":[{"id":3293,"href":"https:\/\/www.medkraf.com\/home\/wp-json\/wp\/v2\/posts\/3248\/revisions\/3293"}],"wp:attachment":[{"href":"https:\/\/www.medkraf.com\/home\/wp-json\/wp\/v2\/media?parent=3248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.medkraf.com\/home\/wp-json\/wp\/v2\/categories?post=3248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.medkraf.com\/home\/wp-json\/wp\/v2\/tags?post=3248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}