சரியான வண்ணங்கள்: ஸ்லைடு, போஸ்டர், இணையதளங்களுக்கான எளிய வண்ணக் குறிப்புகள்

வெள்ளைப் பின்னணியில் மஞ்சள் எழுத்துகள் கொண்ட பிரசன்டேஷனையோ, வானவில்லின் எல்லா வண்ணங்களையும் பயன்படுத்திய போஸ்டரையோ பார்த்திருக்கிறீர்களா? நாம் எல்லோருமே அந்தத் தவறுகளைச் செய்திருக்கிறோம். நல்ல செய்தி: சில எளிய விதிகள் உங்கள் ஸ்லைடுகள், போஸ்டர்கள், அழைப்பிதழ்கள், இணையதளங்களைச் சுத்தமாகவும் தொழில்முறையாகவும் காட்டும்.

🎨 விதி 1: 60-30-10 விதியைப் பயன்படுத்துங்கள்

உள்அலங்கார வடிவமைப்பாளர்கள் இந்த விதியைப் பல ஆண்டுகளாகப் பயன்படுத்துகிறார்கள்; திரைகளிலும் இது நன்றாக வேலை செய்கிறது:

• 60% — பின்னணிக்கு ஒரு முதன்மையான, அமைதியான வண்ணம் (பெரும்பாலும் வெள்ளை, இளம் வெள்ளை அல்லது வெளிர் சாம்பல்).
• 30% — தலைப்புகள், பேனல்கள் அல்லது பகுதிகளுக்கு ஒரு இரண்டாம் நிலை வண்ணம்.
• 10% — பட்டன்கள், சிறப்புக் குறிப்புகள், மக்கள் கவனிக்க வேண்டியவை ஆகியவற்றுக்கு ஒரு முனைப்பு வண்ணம் (accent).

உதாரணமாக, இந்த இணையதளத்தில் பின்னணி வெளிர் நிறம், எழுத்துகள் அடர் நீலம், பட்டன்களுக்கும் இணைப்புகளுக்கும் முனைப்பு வண்ணம் சிவப்பு.

🌈 விதி 2: கண்டபடி வண்ணங்களைத் தேர்வு செய்யாமல் ஒரு பேலட்டை உருவாக்குங்கள்

திட்டமிட்ட உறவில் அமையும் வண்ணங்கள் ஒன்றாகப் பார்க்க அழகாக இருக்கும்:

• ஒற்றை வண்ணம் (Monochromatic): ஒரே வண்ணத்தின் வெளிர் மற்றும் அடர் வடிவங்கள் — அமைதியும் நேர்த்தியும்.
• அண்டை வண்ணங்கள் (Analogous): வண்ணச் சக்கரத்தில் அருகருகே உள்ளவை, நீலம், டீல், பச்சை போல — இயல்பாகவும் இனிமையாகவும்.
• எதிர் வண்ணங்கள் (Complementary): நீலம், ஆரஞ்சு போன்ற எதிரெதிர் வண்ணங்கள் — துணிச்சலும் உற்சாகமும். ஒன்றை முதன்மை வண்ணமாகவும் மற்றொன்றை முனைப்பு வண்ணமாக மட்டும் பயன்படுத்துங்கள்.

நீங்கள் தேர்ந்தெடுக்கும் எந்த வண்ணத்திலிருந்தும் இவை அனைத்தையும் என் இலவச பேலட் ஜெனரேட்டர் உருவாக்கித் தரும்; ஷேட்ஸ் & டின்ட்ஸ் கருவி வெளிர் மற்றும் அடர் வடிவங்களை உடனடியாகத் தரும்.

👓 விதி 3: எழுத்துகளுக்கு கான்ட்ராஸ்ட்தான் எல்லாம்

மக்களால் வார்த்தைகளைப் படிக்க முடியவில்லையென்றால், அழகான வண்ணங்களால் பயனில்லை. இணைய அணுகல்தன்மை வழிகாட்டுதல்கள் (WCAG) சாதாரண எழுத்துகளுக்குக் குறைந்தது 4.5 : 1, பெரிய தலைப்புகளுக்கு 3 : 1 கான்ட்ராஸ்ட் விகிதத்தைப் பரிந்துரைக்கின்றன.

• ✅ வெளிர் பின்னணியில் அடர் எழுத்துகள், அல்லது அடர் பின்னணியில் வெள்ளை எழுத்துகள்.
• ❌ வெள்ளையில் வெளிர் சாம்பல், வெள்ளையில் மஞ்சள், பச்சையில் சிவப்பு.

எந்தச் சேர்க்கையையும் என் கான்ட்ராஸ்ட் செக்கர் கருவியில் சோதித்துப் பாருங்கள் — தேர்ச்சி பெறும் அருகிலுள்ள வண்ணத்தையும் அது பரிந்துரைக்கும்.

🧠 விதி 4: வண்ணங்களுக்குப் பொருள் உண்டு

• சிவப்பு — அவசரம், ஆற்றல், எச்சரிக்கை (இந்தியப் பண்பாட்டில் பண்டிகைக்கும் மங்கலத்துக்கும் அடையாளம்).
• பச்சை — வெற்றி, வளர்ச்சி, ஆரோக்கியம், பணம்.
• நீலம் — நம்பிக்கை, அமைதி — அதனால்தான் பல வங்கிகளும் தொழில்நுட்ப நிறுவனங்களும் இதைப் பயன்படுத்துகின்றன.
• ஆரஞ்சு/மஞ்சள் — கதகதப்பு, நம்பிக்கை உணர்வு, கவனம்.

உங்கள் செய்திக்கு ஏற்ற வண்ணங்களைத் தேர்ந்தெடுங்கள். அமைதியான பச்சை நிறங்களில் உள்ள உடல்நல போஸ்டர், உரத்த சிவப்பு நிறங்களில் உள்ளதைவிட முற்றிலும் வேறுபட்ட உணர்வைத் தரும்.

🖼️ விதி 5: ஒரு புகைப்படத்திலிருந்து வண்ணங்களைக் கடன் வாங்குங்கள்

உங்களிடம் அழகான புகைப்படம் இருந்தால் — ஒரு சூரிய அஸ்தமனம், ஒரு திருவிழா, உங்கள் பிராண்ட் லோகோ — அதிலிருந்தே உங்கள் பேலட்டை எடுங்கள். அதை என் இமேஜ் கலர் பிக்கர் கருவியில் பதிவேற்றி, கிளிக் செய்து துல்லியமான வண்ணக் குறியீடுகளைப் பெறுங்கள்.

“நல்ல வடிவமைப்பு என்பது அதிக வண்ணங்களைப் பயன்படுத்துவது அல்ல. சரியான சில வண்ணங்களைப் பயன்படுத்துவது.”

✅ விரைவுச் சரிபார்ப்புப் பட்டியல்

1. ஒரு முதன்மை வண்ணம், ஒரு இரண்டாம் நிலை வண்ணம், ஒரு முனைப்பு வண்ணம்.
2. எழுத்துகள் கான்ட்ராஸ்ட் சோதனையில் தேர்ச்சி பெறுகின்றன.
3. ஒரு ஸ்லைடில் அல்லது பக்கத்தில் 3–4 வண்ணங்களுக்கு மேல் இல்லை.
4. முக்கியமான பட்டன்கள் முனைப்பு வண்ணத்தில் — முக்கியமானவை மட்டும்.
5. வண்ணங்கள் உங்கள் செய்தியின் மனநிலைக்குப் பொருந்துகின்றன.

ஸ்டைலான பின்னணி வேண்டுமா? கிரேடியன்ட் ஜெனரேட்டர் கருவியைப் பயன்படுத்தி, CSS-ஐ நேரடியாக உங்கள் இணையதளத்தில் நகலெடுத்துப் போடுங்கள்.