Back to Question Center
0

படிவம் அமைப்பை வடிவமைத்தல்: கலர்            படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics: அச்சுக்கலைஅளகு Semalt

1 answers:
படிவ மாதிரியை வடிவமைத்தல்: வண்ணம்

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

தற்போது, ​​எங்கள் வடிவத்தில் எல்லா நிறங்களும் இல்லை:

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

இந்த கட்டத்தில், வடிவத்தில் உள்ள ஒரே நிறம் லோகோவும், சிவப்பு நட்சத்திரமாகவும் இருக்கும் - datastax cassandra licensed.

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

பெரும்பாலும் "வேடிக்கை" அல்லது "சுவாரஸ்யமான" படிவத்தை உருவாக்கும் முயற்சியில் வண்ணத்தை பயன்படுத்துவது உண்மையில் பயனர் அனுபவத்தை மோசமாக்குகிறது:

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

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

சில வண்ணங்கள் கூட மக்களை காயப்படுத்தலாம்:

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

இந்த வடிவத்தில் உள்ள ஒளிரும் வண்ணங்கள் சிலர் பார்க்க கடினமாக இருக்கலாம்.

வண்ணத்துடன் மிகவும் கவனமாக இருங்கள்

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

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

நிறத்தில் இருந்து பயனடையக்கூடிய ஒரு வடிவத்தின் சில பகுதிகள் இங்கே உள்ளன:

பட்டன்கள்:

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

முக்கிய செய்திகள், பிழைகள் போன்றவை:

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

இணைப்புகள்:

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

முன்னேற்றம் குறிகாட்டிகள்:

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

தலைப்புகள்:

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

படிவம் பின்னணி:

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

லோகோக்கள் மற்றும் தரநிலை தலைப்புகள் போன்ற வண்ணம் பயன்படுத்தலாம்:

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

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

என்ன வண்ணங்கள் நீங்கள் பயன்படுத்த வேண்டும்?

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

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

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

வண்ண கண்மூடி

மதிப்புகள் வேறுபடுகின்றன, ஆனால் உங்கள் வலைப்பக்கத்தின் பயனர்களில் 4-10% வண்ணம் (பொதுவாக-ஆனால் தவறாக அழைக்கப்படும் நிற குருட்டுத்தன்மை ) உணரக்கூடிய திறனில் சில குறைபாடு இருக்கும். இந்த வண்ணம் குருட்டுத்தன்மை மிகவும் பொதுவான வடிவம் சிவப்பு-பச்சை ஆகும், இந்த இரண்டு வண்ணங்களுக்கு இடையில் வேறுபடுவது கடினம்.

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

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

ஒரு நல்ல அணுகுமுறை வெறுமனே துறைகள் (விருப்பத்திற்குரிய வெர்சஸ் விருப்ப புலங்கள் "இல் விவாதிக்கப்படுவது போல்) விருப்பமானவற்றைக் கூறுவதற்கு மட்டுமே இருக்கும்:

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

இதேபோல், பிழை செய்திகளை ஒரு சின்னமாக அல்லது பின்னணி நிழல் கொண்டதாக இருக்க வேண்டும், அத்தியாயம் 5 இல் "சரிபார்ப்பு" என்ற சிவப்பு உரைக்கு பதிலாக):

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

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

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

  • நாங்கள் வர்ல் கிளைண்ட்
  • "வண்ண அணுகல்"

நிற வேறுபாடு

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

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

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

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

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

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

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

  • "உங்கள் வலை பணியிடத்தில் ஒருங்கிணைந்த காசோலைகளை ஒருங்கிணைத்தல்"
  • "டெவலப்பர்களுக்கான மூன்று பொதுவான ஆபத்துகள்: நிற வேறுபாடு"

இதற்கிடையில், ஒரு வெள்ளை பின்னணியில் இருண்ட சாம்பல் அல்லது கருப்பு கொண்ட குச்சி:

படிவம் அமைப்பை வடிவமைத்தல்: கலர்படிவ மாதிரியை வடிவமைத்தல்: ColorRelated Topics:
அச்சுக்கலைஅல்லதுதயவுசெயல்அல்லாததொகு

எங்கள் உதாரண வடிவத்தில் உள்ள நிறங்கள் போதுமான வேறுபாட்டைக் கொண்டிருக்கின்றன.

March 1, 2018