SkillGato

ڈیزائن کی بنیادیں · 23 منٹ

رنگ اور فونٹس

رنگ اور فونٹس ایک لمحے میں ڈیزائن کا مزاج بنا دیتے ہیں۔ چند سادہ اصول نئے سیکھنے والوں کی زیادہ تر غلطیوں سے بچا لیتے ہیں۔

رنگوں کے کامیاب امتزاج

کلر وہیل (رنگوں کا چکر) دکھاتا ہے کہ رنگ ایک دوسرے سے کیسے جڑے ہیں۔ رنگ چننے کے تین قابلِ بھروسہ طریقے:

رنگوں کا چکر اور اس کے ساتھ تین نمونہ پیلیٹس
1 مخالف (complementary): آمنے سامنے کے رنگ، تیز کنٹراسٹ (نیلا اور نارنجی)۔ 2 پڑوسی (analogous): ساتھ ساتھ کے رنگ، پرسکون اور ہم آہنگ (سبز اور نیلے)۔ 3 تکونی (triadic): برابر فاصلے والے تین رنگ، شوخ (سرخ، پیلا سبز، نیلا)۔

عملی اصول:

  • ایک مرکزی رنگ، ایک دو معاون رنگ، اور نیوٹرل رنگ (سفید، گرے، تقریباً سیاہ) استعمال کریں۔
  • ایک مفید توازن تقریباً 60% مرکزی یا نیوٹرل رنگ، 30% معاون، اور 10% نمایاں (accent) رنگ ہے۔
  • نمایاں رنگ اس ایک چیز کے لیے رکھیں جس پر لوگوں نے عمل کرنا ہے: بٹن، قیمت، فون نمبر۔
  • کلائنٹ کے برانڈ کے رنگ بالکل درست استعمال کریں۔ Canva میں اندازے کی بجائے رنگ کا ہیکس کوڈ لکھیں (مثلاً #0F6E56)۔

کنٹراسٹ: کیا لوگ پڑھ سکتے ہیں؟

ٹیکسٹ اپنے بیک گراؤنڈ سے واضح طور پر الگ نظر آنا چاہیے، چھوٹی فون اسکرین پر بھی اور تیز دھوپ میں بھی۔

Aa حروف والی چار ٹائلیں: سفید پر گہرا اور گہرے سبز پر سفید واضح ہیں؛ سفید پر ہلکا گرے اور سبز پر سرخ پڑھنا مشکل ہے
بائیں طرف کی دو ٹائلیں آسانی سے پڑھی جاتی ہیں۔ سفید پر ہلکا گرے بہت مدھم ہے، اور سبز پر سرخ ٹکراتا ہے اور کلر بلائنڈ لوگوں کے لیے مشکل ہے۔
  • ہلکے بیک گراؤنڈ پر گہرا ٹیکسٹ، یا گہرے بیک گراؤنڈ پر ہلکا ٹیکسٹ۔
  • ٹیکسٹ کو سیدھا بھری ہوئی تصویر پر نہ رکھیں۔ اس کے پیچھے ٹھوس شکل یا گہری تہہ (overlay) لگائیں۔
  • فرق دکھانے کے لیے صرف سرخ اور سبز پر انحصار نہ کریں۔

ٹائپوگرافی: فونٹس چننا

ٹائپوگرافی کا مطلب ہے ٹیکسٹ کی شکل: فونٹ، سائز، فاصلہ اور لائن کی لمبائی۔

بائیں طرف دو فونٹس والا صاف ڈیزائن؛ دائیں طرف چھ مختلف فونٹس والا بکھرا ڈیزائن
بائیں: ہیڈنگز کے لیے ایک اور ٹیکسٹ کے لیے ایک فونٹ صاف لگتا ہے۔ دائیں: ایک ڈیزائن میں چھ فونٹس افراتفری لگتے ہیں۔
  • زیادہ سے زیادہ دو فونٹس استعمال کریں: ایک ہیڈنگز کے لیے، ایک باقی ٹیکسٹ کے لیے۔ بولڈ ڈسپلے فونٹ کے ساتھ سادہ sans-serif فونٹ محفوظ انتخاب ہے۔
  • عام ٹیکسٹ سادہ اور آسانی سے پڑھا جانے والا رکھیں؛ سجاوٹی (script) فونٹس صرف ایک دو الفاظ کے لیے ہیں۔
  • لائنوں کے درمیان کافی فاصلہ رکھیں، خاص طور پر اردو نستعلیق میں، جسے زیادہ جگہ چاہیے۔
  • اردو اور عربی کے لیے انہی رسم الخط کے لیے بنے فونٹس استعمال کریں (اس زبان میں لکھیں تو Canva انہیں دکھاتا ہے)۔ ڈاؤن لوڈ سے پہلے دیکھیں کہ حروف درست جڑ رہے ہیں۔
  • ٹیکسٹ کو فٹ کرنے کے لیے کبھی کھینچیں یا دبائیں نہیں؛ سائز یا الفاظ بدلیں۔

مزاج

  • گہرا سبز اور سنہری: بھروسہ، مالیات، پریمیم۔
  • شوخ رنگ اور گول فونٹس: بچے، کھانا، تفریح۔
  • سیاہ، سفید اور پتلے فونٹس: فیشن، لگژری، سادگی۔

یہ رجحانات ہیں، قوانین نہیں۔ ہمیشہ کلائنٹ کے گاہکوں کے لیے ڈیزائن کریں، اپنی پسند کے لیے نہیں۔

عملی مشق (20 منٹ)

  1. کوئی فرضی کاروبار چنیں (مثلاً کیفے) اور رنگوں کا پیلیٹ چنیں: ایک مرکزی رنگ، ایک معاون، ایک نمایاں اور نیوٹرل رنگ۔ ہیکس کوڈ لکھیں۔
  2. ایک ہیڈنگ فونٹ اور ایک عام ٹیکسٹ کا فونٹ چنیں۔
  3. صرف انہی رنگوں اور فونٹس سے ایک پوسٹ ڈیزائن کریں، اور اپنے فون پر ٹیکسٹ کا کنٹراسٹ چیک کریں۔

اپنی پیش رفت محفوظ کرنے اور ٹیسٹ دینے کے لیے لاگ اِن کریں یا مفت اکاؤنٹ بنائیں۔ لاگ اِن