ویب ڈیزائن میں متنازع مستقبل اور پس منظر کے رنگ کا استعمال کرتے ہوئے

اپنی ویب سائٹ کی پڑھنے کی اہلیت اور صارف کے تجربے کو کافی برعکس کے ساتھ بہتر بنائیں

کسی بھی ویب سائٹ کے ڈیزائن کی کامیابی میں کنٹراٹ ایک اہم کردار ادا کرتا ہے. اس سائٹ کے نوع ٹائپ سے ، پورے سائٹ کا استعمال کردہ تصاویر پر، پیش منظر عناصر اور پس منظر کے رنگوں کے درمیان اس کے برعکس - ایک اچھی طرح سے ڈیزائن شدہ سائٹ ان تمام علاقوں میں کافی برعکس ہونا ضروری ہے تاکہ معیار صارف کے تجربے اور طویل مدتی سائٹ کی کامیابی کو یقینی بنایا جائے.

کم تضاد ایک غریب پڑھنے کے تجربے کے برابر ہے

اس کے برعکس ویب سائٹس پڑھنے اور استعمال کرنے کے لئے مشکل ہوسکتے ہیں، جو کسی بھی سائٹ کی کامیابی پر منفی اثر پڑے گا. غریب رنگ کے برعکس مسائل کی شناخت اکثر آسان ہے. عام طور پر آپ ایسے ویب سائٹ کو تلاش کرکے کر سکتے ہیں جو ویب براؤزر میں فراہم کی جاتی ہے اور آپ دیکھ سکتے ہیں کہ اگر متناسب رنگ کے اختیارات کی وجہ سے متن پڑھنے کے لئے بہت مشکل ہے. پھر بھی، جبکہ یہ اس بات کا تعین کرنا آسان ہو سکتا ہے کہ کون سی رنگ اچھی طرح سے مل کر کام نہ کریں، یہ اصل میں فیصلہ کرنے کے لئے بہت مشکل ہے کہ رنگوں کو دوسروں کے برعکس بہتر رنگ کس طرح کام کرے. آپ ایسا نہیں کر سکتے جو کام نہیں کرتا، لیکن آپ اس بات کا تعین کیسے کریں گے کہ کام کیا کرتا ہے؟ اس آرٹیکل کی تصویر آپ کو ایک مختلف قسم کے مختلف رنگوں کو دکھانے میں مدد ملتی ہے اور ان کے پیش منظر اور پس منظر کا رنگ کیسے ہے. آپ کچھ "اچھے" جوڑی اور کچھ "غریب" جوڑی دیکھ سکتے ہیں، جو آپ کو آپ کے منصوبوں میں صحیح رنگ کے انتخاب میں مدد ملتی ہے.

قطع نظر کے بارے میں

ایک چیز جو آپ کو یاد رکھنا چاہئے یہ ہے کہ اس کا برعکس اس سے کہیں زیادہ ہے کہ کسی رنگ کے پس منظر کے مقابلے میں کتنا روشن ہو. جیسا کہ آپ اس پیش نظارہ تصویر میں دیکھنا چاہئے، ان میں سے کچھ رنگ بہت چمکتے ہیں اور پس منظر کے رنگ پر متحرک طور پر ظاہر کرتے ہیں - جیسے سیاہ پر نیلے رنگ، لیکن میں ابھی تک اس کے ساتھ ہی اس کے برعکس غریب ہونے کے طور پر لیبل لگا. میں نے اس وجہ سے کیا، جبکہ یہ روشن ہوسکتا ہے، رنگ مجموعہ ابھی بھی متن پڑھنا پڑتا ہے. اگر آپ ایک سیاہ پس منظر پر نیلے رنگ کے متن میں ایک صفحے بنائے گئے تھے، تو آپ کے قارئین کو جلد ہی جلد ہی پڑتا تھا. لہذا اس کے برعکس صرف سیاہ اور سفید نہیں ہے (ہاں، اس کا مقصد یہ تھا کہ). اس کے برعکس قواعد و ضوابط ہیں، لیکن ڈیزائنر کے طور پر آپ کو یہ یقینی بنانا ضروری ہے کہ یہ یقینی بنائیں کہ وہ آپ کی خاص مثال میں کام کریں.

انتخاب رنگ

آپ کی ویب سائٹ کے ڈیزائن کے رنگوں کو منتخب کرنے کے لۓ کنعان میں صرف ایک عوامل پر غور کرنا ہے، لیکن یہ ایک اہم ہے. رنگ منتخب کرتے وقت، کمپنی کے برانڈ کے معیار کے بارے میں متفق رہیں، لیکن رنگ کے پیلیٹوں کو حل کرنے کے لئے بھی تیار رہیں گے، جبکہ وہ تنظیم کے برانڈ کے رہنما کے مطابق ہو سکتے ہیں، آن لائن اچھی طرح سے کام نہ کریں. مثال کے طور پر، میں نے ہمیشہ ویب سائٹس پر مؤثر طریقے سے استعمال کرنے کے لئے بہت مشکل چیلنج کرنے کے لئے پیلے رنگ اور روشن چکنائی پایا. اگر یہ رنگ کمپنی کے برانڈ کی ہدایات میں ہیں، تو انہیں ممکنہ طور پر تلفظ رنگوں کے طور پر استعمال کرنے کی ضرورت ہوگی، کیونکہ رنگوں کو یہ بھی تلاش کرنا مشکل ہے کہ اس کے برعکس بھی اس کے برعکس.

اسی طرح، اگر آپ کے برانڈ رنگ سیاہ اور سفید ہیں، تو اس کا مطلب یہ ہے کہ اس کے برعکس، بڑے پیمانے پر ٹیکسٹ پس منظر رکھنے کے ساتھ، اگر آپ سائٹ پر لمبائی مقدار کے ساتھ سائٹ حاصل کرسکیں، تو یہ بہت مشکل پڑھنے کے لۓ جا رہا ہے. سیاہ اور سفید کے درمیان بھی اس کے برعکس بہت اچھا ہے، ایک سیاہ پس منظر پر سفید متن طویل عرصے سے آنکھوں کی کشیدگی کا سبب بنتا ہے. اس صورت میں، میں سفید رنگ کے پس منظر پر سیاہ متن کا استعمال کرنے کے لئے رنگوں میں تبدیل کروں گا. شاید وہ بظاہر دلچسپی نہیں ہوسکتی، لیکن آپ اس سے بہتر برعکس نہیں ملیں گے!

آن لائن ٹولز

اپنی اپنی ڈیزائن کے احساس کے علاوہ، کچھ آن لائن ٹولز موجود ہیں جو آپ اپنی ویب سائٹ کا انتخاب کرنے کے لۓ استعمال کر سکتے ہیں.

CheckMyColors.com صفحہ کے عناصر کے درمیان آپ کے تمام سائٹ کے رنگوں کی جانچ اور اس کے برعکس تناسب پر رپورٹ کریں گے.

اس کے علاوہ، رنگ انتخاب کے بارے میں سوچتے وقت، آپ کو ویب سائٹ تک رسائی اور ان لوگوں پر بھی غور کرنا چاہئے جنہوں نے رنگ کی اندھیری کی شکل بنائی ہے. WebAIM.org اس کے ساتھ ساتھ، ContrastChecker.com کر سکتے ہیں، جو WCAG ہدایات کے خلاف آپ کے انتخاب کی جانچ کرے گا اس سے مدد کرسکتا ہے.