வலை வடிவமைப்பாளருக்கு உதவ தட்டு ஜெனரேட்டர்கள். வலை வடிவமைப்பாளர்களுக்கு உதவும் தட்டு ஜெனரேட்டர்கள் வண்ண சக்கர நிரல்

வலை வடிவமைப்பாளரின் பணியின் முக்கிய கூறுகளில் ஒன்று, ஒரு தட்டு உருவாக்குவது, ஒருவருக்கொருவர் இணக்கமாக இணைக்கும் வண்ணங்களைத் தேர்ந்தெடுப்பது. செயல்முறை மிகவும் சிக்கலானது மற்றும் ஒரு ஆக்கபூர்வமான அணுகுமுறை தேவைப்படுகிறது. வண்ணத்துடன் வேலை செய்வதை மிகவும் எளிதாக்கும் பல ஆதாரங்கள் உள்ளன.

சமீபத்தில் நீங்கள் ஒரு விரிவான கட்டுரையை பார்த்திருக்கலாம். குலர் மற்றும் கலர்பிளெண்டரின் மதிப்பாய்வுடன் தேர்வுக் கருவிகளைப் பற்றிய இதே போன்ற குறிப்பை சற்று முன்பு வெளியிட்டேன். இன்று நான் கருப்பொருளை விரிவுபடுத்தவும், தளத்திற்கான வண்ணத் தட்டுகளைத் தேர்ந்தெடுப்பதற்கு இன்னும் கொஞ்சம் விருப்பங்களை வழங்கவும் முடிவு செய்தேன்.

ColoRotate

ColoRotate கருவியானது அதிக எண்ணிக்கையிலான ஆயத்த முன்மொழிவுகளில் இருந்து மிகவும் பொருத்தமான வண்ணத் திட்டங்களைத் தேர்வுசெய்ய அல்லது உங்களுடையதை உருவாக்க உங்களை அனுமதிக்கிறது. சுழலும் 3D தட்டுகளில் வெவ்வேறு இடங்களில் வண்ணங்களைத் தேர்ந்தெடுப்பதன் மூலம், நீங்கள் இணக்கம் அல்லது மாறுபாட்டின் அடிப்படையில் சேர்க்கைகளைப் பெறலாம், நிழல்கள், பிரகாசம், செறிவூட்டல் மற்றும் வெவ்வேறு வண்ணங்களைக் கலக்கலாம். முடிக்கப்பட்ட படங்களிலிருந்து வண்ணங்களையும் பிரித்தெடுக்கலாம். ஐபாடிற்கான ஒரு பதிப்பு உள்ளது, ஃபோட்டோஷாப் உடன் ஒத்திசைவு கிடைக்கிறது. மிக அருமையான சேவை.

அடோப் கலர் சிசி

அடோப் கலர் சிசி தட்டு மற்றும் வண்ணத் திட்டம் ஜெனரேட்டர் உங்களை அனுமதிக்கிறது:

• ஊடாடும் வண்ண சக்கரத்தில் வண்ண சேர்க்கைகளுடன் பரிசோதனை (7 வகையான வண்ண அமைப்புகள் உள்ளன);
• முன் வரையறுக்கப்பட்ட பாணிகளைப் பயன்படுத்தி வண்ண கருப்பொருள்களை உருவாக்கவும்;
• ஒரு புகைப்படம் அல்லது வேறு எந்த ஆயத்த படத்திலிருந்து வண்ணங்களைப் பயன்படுத்தி வண்ணத் திட்டங்களை உருவாக்கவும்;
• உங்கள் வேலையைப் பகிர்ந்துகொண்டு மற்றவர்களை அறிந்துகொள்ளுங்கள், அவர்களிடமிருந்து உத்வேகம் பெறுங்கள்.

உருவாக்கப்பட்ட வண்ண தீம்கள் PC அல்லது மொபைல் சாதனங்களுக்கான பயன்பாடுகளிலும், இணையதளத்தில் உள்ள "எனது தீம்கள்" பகுதியிலும் சேமிக்கப்படும்.

டிகிரேவ்

DeGraeve இணையதளம் பல்வேறு கருவிகளை வழங்குகிறது, முன் தயாரிக்கப்பட்ட படங்களை அடிப்படையாகக் கொண்ட வண்ணத் திட்டம் ஜெனரேட்டர் உட்பட. நீங்கள் செய்ய வேண்டியதெல்லாம், சுவாரஸ்யமான வண்ணத் திட்டத்துடன் இணையத்தில் ஒரு படத்தைக் கண்டுபிடித்து, இந்த படத்தின் URL ஐ இணையதளத்தில் பொருத்தமான வரியில் பதிவேற்றி, தட்டு உருவாக்க பொத்தானைக் கிளிக் செய்யவும். சில வினாடிகளுக்குப் பிறகு, நிரல் படத்தை 10 முதன்மை வண்ணங்களாகவும், 5 முடக்கிய (மந்தமான) மற்றும் 5 பிரகாசமான (துடிப்பான) வண்ணங்களாகவும் சிதைக்கும், ஒவ்வொன்றும் அதன் சொந்த குறியீட்டை ஒதுக்கும். வலைத்தள வடிவமைப்பில் பணிபுரியும் போது உருவாக்கப்பட்ட தட்டு பயன்படுத்த வசதியானது;

கான்ட்ராஸ்ட்-ஏ

"அணுகக்கூடிய வண்ண கலவையைக் கண்டுபிடி" என்ற கோஷத்துடன் கூடிய கான்ட்ராஸ்ட்-ஏ கருவியானது, பொருந்தும் வண்ணங்களைப் பரிசோதிக்கும் போது தனிப்பயன் தட்டுகளை உருவாக்க வடிவமைக்கப்பட்டுள்ளது. நிரல் இணைய உள்ளடக்கத்தின் (உரை மற்றும் பின்னணி) வண்ணங்களின் இணக்கத்தன்மை பற்றிய வழிகாட்டியை அடிப்படையாகக் கொண்டது. அதனுடன் வேலை செய்ய, இந்த தலைப்பில் அடிப்படை அறிவு விரும்பத்தக்கது.

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

கலர்ஜில்லா

வெப்மாஸ்டர்கள் மற்றும் கிராஃபிக் வடிவமைப்பாளர்களுக்கு வண்ணத்துடன் பணிபுரிய உதவும் Firefox க்கான ColorZilla பயன்பாடு (Google Chrome க்கும் கிடைக்கிறது). ஆரம்ப மற்றும் மேம்பட்ட பயனர்களுக்கு இது பயனுள்ளதாக இருக்கும். நிரல் உலாவியில் உள்ள எந்தப் புள்ளி மற்றும் எந்தப் பக்கத்தின் வண்ணப் பகுப்பாய்வைச் செய்கிறது மற்றும் பிற பயன்பாடுகளில் பயன்படுத்த தேவையான வண்ணங்களைப் பிரித்தெடுக்கிறது. பக்கத்தின் வண்ணத் தட்டுகளை வரையறுத்தல், முன்னமைக்கப்பட்ட தொகுப்பிலிருந்து வண்ணங்களைத் தேர்ந்தெடுப்பது, பயனர் தட்டுகளின் ஒரு பகுதியாக பெரும்பாலும் பயன்படுத்தப்படுவதைச் சேமிப்பது - இது அதன் திறன்களின் வரம்பாகும்.

பிக்டாகுலஸ்

பிக்டாகுலஸ் என்பது ஆயத்த படங்களை அடிப்படையாகக் கொண்ட மற்றொரு வண்ணத் தட்டு ஜெனரேட்டர் ஆகும். தளத்தில் 500 KB க்கு மேல் இல்லாத தேர்ந்தெடுக்கப்பட்ட படத்தை நீங்கள் பதிவேற்ற வேண்டும், அதன் வண்ண பகுப்பாய்வு உடனடியாக தொடங்கும். படத்தின் வண்ணத் திட்டத்துடன் கூடிய முடிவின் கீழ், இன்னும் ஒரு டஜன் தட்டுகள் காட்டப்படுகின்றன, ஆனால் ஏற்கனவே குலர் மற்றும் COLOURLovers ஆதார சமூகங்களின் உறுப்பினர்களால் கைமுறையாக உருவாக்கப்பட்டன. உருவாக்கப்படும் வலைத்தளத்திற்கான வண்ணத் திட்டமாகவும் அவற்றைப் பயன்படுத்தலாம். முடிவை உங்கள் மின்னஞ்சலுக்கு அனுப்பலாம் மற்றும் சமூக வலைப்பின்னல்களில் பகிர்ந்து கொள்ளலாம்.

வேறு ஏதேனும் வண்ணத் தட்டு ஜெனரேட்டர்கள் உங்களுக்குத் தெரிந்தால், கருத்துகளில் உள்ள இணைப்புகளைப் பகிரவும்.

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

குறிப்பில் இணையதளங்கள் மற்றும் UX வடிவமைப்புக்கான சிறந்த வண்ணத் தேர்வு சேவைகளின் பட்டியல் உள்ளது, இது உங்களுக்கு நிறைய நேரத்தைச் சேமிக்க உதவும். இந்த திட்டங்கள் மூலம் நீங்கள் கற்றுக்கொள்வீர்கள்:

• எங்கிருந்து உத்வேகம் பெறுவது;
• உங்கள் சொந்த தட்டுகளை எவ்வாறு உருவாக்குவது;
• வண்ண பார்வை குறைபாடு உள்ளவர்களுக்கு வடிவமைப்பை எப்படி அணுகுவது.

1. உத்வேகத்தைத் தேடுகிறது

இயற்கையின் நிறங்கள்

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

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

Behance

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

டிரிபிள் நிறங்கள்

ஒரு பயனர் இடைமுகத்தை உருவாக்கும் போது டிரிப்பிள் சிறந்த ஒன்றாகும். ஒரு குறிப்பிட்ட நிறத்தை மற்றவர்கள் எவ்வாறு பயன்படுத்தினார்கள் என்பதை நீங்கள் பார்வைக்கு புரிந்து கொள்ள விரும்பினால், dribbble.com/colors க்குச் சென்று நீங்கள் விரும்பும் மதிப்பை உள்ளிடவும்.

ஒரு தளத்திற்கான வண்ணத்தைத் தேர்ந்தெடுக்கும்போது, ​​இங்கே நீங்கள் அதன் குறைந்தபட்ச சதவீதத்தை அமைக்கலாம் - பரிசோதனை, எடுத்துக்காட்டாக, 30% நீலத்தை அமைக்க முயற்சிக்கவும்.

Dribbble இல் ஒரு குறிப்பிட்ட வண்ணத்தின் குறைந்தபட்ச சதவீதத்தை அமைக்க முயற்சிக்கவும்

வடிவமைப்பு உத்வேகம்

டிசைன்ஸ்பிரேஷன் என்பது முதன்மையாக வண்ண சேர்க்கைகளுக்கான யோசனைகள் மற்றும் அத்தகைய சேர்க்கைகளின் எடுத்துக்காட்டுகளைப் பார்க்க விரும்புவோருக்கு ஒரு பயனுள்ள கருவியாகும். 1 முதல் 5 விருப்பங்களைத் தேர்ந்தெடுக்கவும், குறிப்பிட்ட அளவுருக்களுடன் பொருந்தக்கூடிய படங்களை நீங்கள் காண்பீர்கள்.

டிசைன்ஸ்பிரேஷனில் நீங்கள் வண்ண சேர்க்கைகளின் வெவ்வேறு எடுத்துக்காட்டுகளைக் காணலாம்

டைனி மல்டிகலர்

Tineye Multicolr வண்ணப் பொருத்த சேவையைப் பயன்படுத்தி, படத்தின் விரும்பிய காமாவை நீங்கள் தீர்மானிக்கலாம் மற்றும் அவை ஒவ்வொன்றின் சதவீதத்தையும் (விகிதம்) அமைக்கலாம். Flickr இலிருந்து 20 மில்லியன் கிரியேட்டிவ் காமன்ஸ் புகைப்படங்களின் தரவுத்தளத்துடன் இந்தத் தளம் ஒருங்கிணைக்கப்பட்டுள்ளது. இது நிச்சயமாக சரியான தட்டு கண்டுபிடிக்க விரைவான வழிகளில் ஒன்றாகும்.

கலர்சில்லா

ColorZilla என்பது Chrome மற்றும் Mozilla Firefox உலாவிகளில் நிறுவுவதற்கான நீட்டிப்பாகும். இது ஐட்ராப்பர், தட்டு உலாவல், உருவாக்கம் மற்றும் பல போன்ற கருவிகளை உள்ளடக்கியது.

ColorZilla நீட்டிப்பு Chrome மற்றும் Firefox இல் கிடைக்கிறது

ஷட்டர்ஸ்டாக் ஸ்பெக்ட்ரம்

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

மேலும், உங்களுக்கு சந்தா தேவையில்லை, ஏனெனில் படத்தின் பூர்வாங்க மதிப்பீடு போதுமானதாக இருக்கும் (அதில் "வாட்டர்மார்க்" இருந்தாலும் கூட).

W3 பள்ளிகள்

சமீபத்தில் வலைப்பதிவு W3Schools இன் தேர்வை மதிப்பாய்வு செய்தது. தலைப்பில் நிறைய தகவல்கள் சேகரிக்கப்பட்டுள்ளன, அவற்றின் பெயர்கள்/நிழல்களின் குறியீடுகள், தட்டுகளை இணைக்கும் கோட்பாடு மற்றும் பல்வேறு வடிவங்களின் விளக்கத்துடன் முடிவடைகிறது: HEX, RGB, CMYK, HWB போன்றவை. நீங்கள் எளிமையாகக் காணலாம். ஜெனரேட்டர்கள், மாற்றிகள் மற்றும் ஒத்த "மினி-சேவைகள்". மொத்தத்தில் பார்ப்பதற்கு சுவாரஸ்யம்.

2. ஒரு வண்ணத் தட்டு உருவாக்கவும்

பொருள் வடிவமைப்பு வண்ண கருவி

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

குளிரூட்டிகள்

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

புகைப்படத்தின் அடிப்படையில் Coolors இல் வண்ணத் திட்டம்

அடோப் கலர் சிசி

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

அல்லது முடிக்கப்பட்ட படத்திலிருந்து ஒரு குறிப்பிட்ட முடிவைப் பெறலாம்:

ஒரு படத்தின் அடிப்படையில் ஒரு வலைத்தளத்திற்கான வண்ணங்களைத் தேர்ந்தெடுப்பது

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

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

பலேட்டன்

வடிவமைப்புகள் மிகவும் ஒத்ததாக இருப்பதால், முந்தைய அடோப் கலர் சிசியுடன் இது பெரும்பாலும் ஒப்பிடப்படுகிறது. ஒரே வித்தியாசம் என்னவென்றால், பேலட்டனில் நீங்கள் ஐந்து அளவுருக்களுக்கு மட்டுப்படுத்தப்படவில்லை, ஆனால் கூடுதல் இடைமுக டோன்களுடன் பரிசோதனை செய்யலாம்.

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

3. தட்டுகளை அணுகும்படி செய்தல்

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

WebAIM கலர் கான்ட்ராஸ்ட் செக்கர்

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

WebAIM கலர் கான்ட்ராஸ்ட் செக்கர் என்பது ஹெக்ஸாடெசிமல் மதிப்புகளில் வண்ணக் குறியீடுகளைச் சரிபார்க்கும் இணைய அடிப்படையிலான கருவியாகும்.

குளிரூட்டிகள்

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

வரைபடத்தில் வண்ண குருட்டுத்தன்மையின் வகை

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

புரோட்டானோமாலி கொண்ட ஒரு நபர் தட்டுகளைப் பார்ப்பது இப்படித்தான்

Chrome க்கான NoCoffee விஷன் சிமுலேட்டர்

NoCoffee விஷன் சிமுலேட்டர் வலைத்தளத்தைப் பயன்படுத்தி, வண்ண குருட்டுத்தன்மை அல்லது குறைந்த பார்வை உள்ளவர்கள் சில இணையப் பக்கங்களை எவ்வாறு உணருவார்கள் என்பதை நீங்கள் பார்க்கலாம். எடுத்துக்காட்டாக, "வண்ணக் குறைபாடு" பிரிவில் "Achromatopsia" அளவுருவைக் குறிப்பிட்டால், இணையப் பக்கத்தை சாம்பல் நிறத்தில் பார்ப்பீர்கள்.

டியூட்டரனோபியா உள்ள ஒருவருக்கு CNN திட்டம் இப்படித்தான் இருக்கும்.

முடிவுரை

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

இணைய வடிவமைப்பில் நிறங்கள் பெரும் பங்கு வகிக்கின்றன. ஒரு வலைத்தளத்திற்கான வண்ணத் திட்டத்தை சரியாகத் தேர்ந்தெடுக்க, சிறப்பு சேவைகள் உள்ளன. ஒவ்வொரு வலை வடிவமைப்பாளரும் தங்கள் புக்மார்க்குகளில் இவற்றில் ஒன்றையாவது வைத்திருப்பார்கள் என்று நான் நம்புகிறேன்.

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

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

நான் இந்த கருவியுடன் பல ஆண்டுகளாக நட்பாக இருக்கிறேன். வண்ணங்களைத் தேர்ந்தெடுப்பதற்கான மிகவும் வசதியான கருவி (என் கருத்துப்படி). இது பல கூடுதல் அம்சங்களைக் கொண்டுள்ளது. எடுத்துக்காட்டாக, தேர்ந்தெடுக்கப்பட்ட வண்ணங்களைக் கொண்ட ஒளி மற்றும் இருண்ட பக்கத்தின் உதாரணத்தை நீங்கள் பார்க்கலாம்.

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

நான் அடிக்கடி பயன்படுத்தும் இரண்டாவது இணையக் கருவி அடோப் குலர். வண்ணத் திட்டங்களின் தேர்வு முந்தைய தளத்தில் இருந்ததைப் போலவே உள்ளது, ஆனால் அதனால் நான் அதை விரும்பவில்லை. வண்ணத் திட்டங்களை நீங்களே உருவாக்குவதைத் தவிர, மற்றவர்கள் உருவாக்கிய திட்டங்களை நீங்கள் பார்த்து பயன்படுத்தலாம்.

இதைச் செய்ய, மேல் இடது மெனுவில் உள்ள பொத்தானைக் கிளிக் செய்க "பார்க்கவும்". மேலும் அனைத்து வகையான வண்ண சேர்க்கைகளின் கேலரியும் உங்கள் முன் திறக்கப்படும்.

இந்த கருவி Colorscheme ஐப் போலவே உள்ளது, ஆனால் குறைவான செயல்பாடுகளைக் கொண்டுள்ளது, ஆனால் வண்ணத் தொகுதிகள் எப்படி இருக்கும் என்பதை நீங்கள் பார்க்கலாம்.

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

பின்வரும் இரண்டு தளங்கள் நீங்கள் தேர்ந்தெடுக்கும் படத்திலிருந்து ஒரு தட்டு உருவாக்குகின்றன. இது மந்திரம் :)

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

இந்த தளம் தேவை பதிவிறக்கம்உங்கள் கணினியிலிருந்து படம்.

வண்ண தேர்வுக்கு மிகவும் வசதியான கருவி. "லைக் - டிஸ்லைக்" கொள்கையின் அடிப்படையில்.

flatcolors.net

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

materialpalette.com

மற்றொரு ஃபேஷன் போக்கு பொருள் வடிவமைப்பு ஆகும். UI (பயனர் இடைமுகம்)க்கான வண்ணக் கலவைகளைத் தேர்வுசெய்ய இந்தத் தளம் உதவுகிறது. கூடுதலாக, தளத்தில் ஒரு பெரிய ஐகான்கள் உள்ளன.

இறுதியாக, மீண்டும் பயனர் இடைமுகம். UI வடிவமைப்பிற்கான வண்ணங்களின் தொகுப்பு இங்கே உள்ளது. எந்த நிறத்திலும் கிளிக் செய்வதன் மூலம், ஒரு குறிப்பிட்ட பின்னணியில் வெள்ளை உரை எவ்வாறு படிக்கப்படும் என்பதை நீங்கள் பார்க்கலாம்.

இவை எனது புக்மார்க்குகளில் உள்ள கருவிகள்.

வலை வடிவமைப்பிற்கு நீங்கள் எந்த வண்ணத் தேர்வு தளங்களைப் பயன்படுத்துகிறீர்கள் என்பதை கருத்துகளில் எழுதுங்கள்?

வடிவமைப்பில் வண்ணம் பரவலாகப் பயன்படுத்தப்படுகிறது - இது உள்ளடக்கத்தை "புத்துயிர்" செய்ய உங்களை அனுமதிக்கிறது - உறுப்புகளுக்கு இடையில் ஒரு சொற்பொருள் இணைப்பை உருவாக்கவும், உணர்ச்சிகள் மற்றும் மனநிலையுடன் வேலையை நிரப்பவும். தொடக்க வடிவமைப்பாளர்கள் சீரற்ற வண்ணங்களைத் தேர்வு செய்கிறார்கள், ஆனால் வண்ணத்தை மிகவும் அர்த்தமுள்ள வழிகளில் பயன்படுத்த வழிகள் உள்ளன. எளிமையானது முதல் சிக்கலானது வரை கொள்கையின்படி ஒழுங்கமைக்கப்பட்ட அத்தகைய 4 முறைகளைக் கருத்தில் கொள்வோம்.

1. அறியப்பட்ட அளவைப் பயன்படுத்தவும்

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

2. ஆயத்த தொழில்முறை தட்டு ஒன்றைத் தேர்வு செய்யவும்

ஆயத்த வண்ண கலவையை எடுப்பதே எளிதான வழி. ஒவ்வொரு முறையும் சக்கரத்தை மீண்டும் கண்டுபிடிப்பது அவசியமில்லை, ஏனென்றால் இணக்கமான சேர்க்கைகள் நீண்ட காலமாக அறியப்படுகின்றன. colordrop.io க்குச் சென்று தேர்வு செய்யவும். தளத்தில் நூற்றுக்கணக்கான தொழில்முறை 4-வண்ண தட்டுகள் உள்ளன. நீங்கள் விரும்பும் ஒன்றைத் தேர்ந்தெடுத்ததும், வலதுபுறத்தில் திறக்கும் பேனலில் இருந்து வண்ணக் குறியீடுகளைக் கிளிக் செய்து நகலெடுக்கவும்.

கூடுதலாக, இந்த சேவையானது 24 பிளாட் வடிவமைப்பு வண்ணங்களின் ஆயத்த தேர்வைக் கொண்டுள்ளது. "பிளாட் நிறங்கள்" என்ற பெயரில் இடதுபுறத்தில் கிளிக் செய்து, நீங்கள் விரும்பும் நிழலுக்கான குறியீட்டை எடுத்துக் கொள்ளுங்கள்.

3. நீங்கள் விரும்பும் புகைப்படம் அல்லது படத்தின் வண்ணத் தட்டுகளைத் தீர்மானிக்கவும்

இந்த முறை இன்னும் கொஞ்சம் சிக்கலானது. ஆனால் மிகவும் பயனுள்ளதாக இருக்கும்.

• coolors.co என்ற இணையதளத்தில், மேல் இடது பேனலில், கேமரா ஐகானைக் கண்டுபிடித்து, அதைக் கிளிக் செய்யவும். படப் பதிவேற்ற சாளரம் திறக்கும்.
• உங்கள் கணினியிலிருந்து நீங்கள் விரும்பும் வண்ணத் திட்டத்துடன் ஒரு புகைப்படம் அல்லது படத்தைத் தேர்ந்தெடுக்கலாம் அல்லது இணைப்பை வெற்று நெடுவரிசையில் நகலெடுக்கலாம்.
• சேவையானது வண்ண கலவையை தீர்மானிக்கும் (கீழே பதிவேற்றப்பட்ட படத்தின் கீழ்).
• இந்தத் தட்டின் தனிப்பட்ட வண்ணங்களை அவற்றைக் குறிப்பதன் மூலம் மாற்றலாம் மற்றும் நீங்கள் வண்ணத்தை எடுக்க விரும்பும் புகைப்படத்தில் ஒரு புள்ளியைத் தேர்ந்தெடுக்கலாம்.
• "கொலாஜ்" பொத்தான் கணினியில் வண்ணக் குறியீடுகளுடன் விளைந்த தட்டுகளை சேமிக்கிறது.
• "ஆட்டோ" பொத்தான் அதே புகைப்படத்தின் அடிப்படையில் புதிய சேர்க்கைகளை உருவாக்குகிறது.
• "சரி" என்பதைக் கிளிக் செய்து, தட்டுடன் மேலும் வேலை செய்ய தளத்தின் பிரதான பக்கத்திற்குச் செல்லவும்.

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

4. ஆன்லைனில் உங்கள் சொந்த வண்ணத் திட்டத்தை உருவாக்கவும்

அதே இணையதளமான coolors.co இல் ஒரு புகைப்படத்தைப் பதிவேற்றுவதன் மூலம், வண்ணக் குறியீட்டை மட்டும் தீர்மானிக்க முடியாது, ஆனால் உங்கள் சொந்த சேர்க்கைகளையும் உருவாக்கலாம். இதைச் செய்ய, ஸ்பேஸ் பாரை அழுத்தவும் - சேவை தானாகவே 5 வண்ணங்களின் கலவையை உருவாக்குகிறது.

ஒவ்வொரு நிறத்திலும் 4 ஐகான் பொத்தான்கள்:

• மாற்று நிழல்கள் - வண்ண நிழல்கள் (இருண்ட மற்றும் இலகுவான),
• இழுக்கவும் (தட்டில் ஒரு வண்ணத்தை வலது அல்லது இடதுபுறமாக நகர்த்தவும்),
• சரிசெய்யவும் (சாயல், செறிவு, பிரகாசம் போன்றவற்றைச் சரிசெய்யவும்),
• பூட்டு (நிறத்தை சரிசெய்யவும்).

வலைத்தளத்திற்கான வண்ணத் திட்டத்தைத் தேர்ந்தெடுப்பது வடிவமைப்பு செயல்பாட்டில் முக்கியமான புள்ளிகளில் ஒன்றாகும். வண்ண கலவையைத் தேர்ந்தெடுப்பது மிகவும் சிக்கலான மற்றும் ஆக்கபூர்வமான செயல்முறையாகும். அதிர்ஷ்டவசமாக, சரியான தேர்வு செய்வதற்கு குறிப்பிடத்தக்க ஆதரவை வழங்கக்கூடிய பல சேவைகள் உள்ளன.

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

குளிர்விப்பான்

Adobe Kuler ஆனது ஆயத்த வண்ணத் திட்டங்களின் பெரிய நூலகத்தைக் கொண்டுள்ளது. நீங்கள் வரைபடத்தை ஆன்லைனில் பார்க்கலாம் மற்றும் Adobe Creative Suite தயாரிப்புகளில் பயன்படுத்த பதிவிறக்கம் செய்யலாம்.

கலர் லவ்வர்ஸ் தற்போது கிட்டத்தட்ட 2 மில்லியன் பயனர்களால் உருவாக்கப்பட்ட வண்ணத் திட்டங்களைக் கொண்டுள்ளது. தேதி, மதிப்பீடு, பார்வைகளின் எண்ணிக்கை ஆகியவற்றின் அடிப்படையில் வரிசைப்படுத்துவதன் மூலம் அவற்றைப் பார்க்கலாம்.

ColoRotate ஆயத்த வண்ணத் திட்டங்களின் நூலகத்தைக் கொண்டுள்ளது. தனித்துவமான 3D கருவியைப் பயன்படுத்தி உங்கள் சொந்த வரைபடத்தையும் உருவாக்கலாம். ColoRotate செருகுநிரலைப் பயன்படுத்தி ஃபோட்டோஷாப் மற்றும் பட்டாசுகளில் வண்ணத் திட்டத்தை நேரடியாகப் பயன்படுத்தலாம்.

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

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

பிக்டாகுலஸ் என்பது ஒரு எளிய ஆன்லைன் வண்ணத் திட்டத்தை உருவாக்கும் கருவியாகும். நீங்கள் ஒரு படத்தை பதிவேற்றலாம் மற்றும் படத்துடன் பயன்படுத்த ஒரு வரைபடத்தை சேவை உருவாக்கும்.

வண்ண ஸ்பைர்

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