یونٹ 7 / 11

لے آؤٹ اور کمپوزیشن: لے آؤٹ، گرڈ اور بصری درجہ بندی

فائدہ:

  • بصری درجہ بندی، سیدھ، گرڈ، وقفہ کاری اور فوکل پوائنٹ اصولوں کے ساتھ ایک مفید ترتیب بنانے کی صلاحیت
  • متن کے لیے خالی جگہوں کے ساتھ بصری تیار کرنا اور ڈیزائن پروگرام میں قابل تدوین متن اور عین مطابق جگہ کا تعین کرنا
  • سیف ایریا اور پرنٹنگ بلیڈ جیسے فارمیٹ کے قواعد کو لاگو کرکے کلپنگ اور سکریپ کے خطرے کو روکنے کی صلاحیت

ایک خوبصورت تصویر اور کام کرنے والے ڈیزائن کے درمیان فرق اکثر ترتیب ہوتا ہے: صفحہ کے اندر عناصر کی جگہ کا تعین۔ ترتیب اس بات کا تعین کرتی ہے کہ پوسٹر پر نظر سب سے پہلے کہاں جاتی ہے، آیا متن سوشل میڈیا کارڈ پر سانس لیتا ہے، اور معلومات بروشر میں کیسے جاتی ہیں۔ اس یونٹ میں، ہم مرکب کے اصول سیکھیں گے (مجموعی طور پر عناصر کو ترتیب دینا) اور جہاں AI اس عمل میں مددگار اور محدود ہے۔ اہم حقیقت: AI بصری تخلیق کرتا ہے، لیکن عین مطابق ترتیب ڈیزائنر کے ہاتھ میں ہے، ایک ڈیزائن پروگرام میں۔

AI اکیلے لے آؤٹ کیوں نہیں کر سکتا؟

AI ایک جامع "اچھی نظر آنے والی" تصویر تیار کرتا ہے۔ لیکن ڈیزائن کی ترتیب پکسل کی درستگی، قابل تدوین متن، سیدھ اور مسلسل وقفہ کاری کا مطالبہ کرتی ہے۔ آپ متن کو تبدیل نہیں کر سکتے، لوگو کو بالکل سیدھ میں نہیں لا سکتے، یا AI کے ذریعے تیار کردہ تصویر میں مارجن کی پیمائش نہیں کر سکتے۔ لہذا پیشہ ورانہ بہاؤ یہ ہے: AI کے ساتھ پس منظر/بصری عناصر تیار کریں، ڈیزائن پروگرام میں لے آؤٹ (ٹیکسٹ، لوگو، الائنمنٹ) ترتیب دیں۔ AI آپ کو خام مال اور کمپوزیشن آئیڈیا دیتا ہے۔ درست جگہ کا تعین آپ کا فیصلہ ہے۔

ساخت کے بنیادی اصول

  • بصری درجہ بندی: عناصر کو اہمیت کے لحاظ سے ترتیب دینا۔ آنکھ پہلے سب سے بڑے/متضاد عنصر کی طرف جاتی ہے۔ سرخی> ذیلی سرخی> باڈی> تفصیل کی ترتیب قائم ہے۔
  • سیدھ: پوشیدہ لائنوں کے مطابق عناصر کو ترتیب دینا؛ یہ گندگی کو روکتا ہے اور آرڈر کا احساس دیتا ہے۔
  • گرڈ: نظام جو صفحہ کو پوشیدہ کالموں اور قطاروں میں تقسیم کرتا ہے۔ اشیاء کی مستقل جگہ کو یقینی بناتا ہے۔
  • وائٹ اسپیس (منفی جگہ): عناصر کے درمیان خالی جگہ؛ یہ ڈیزائن کو "سانس لینے" اور پڑھنے کے قابل ہونے کی اجازت دیتا ہے۔ چھوٹی جگہ = تنگ اور شوقیہ۔
  • توازن: بصری وزن کی تقسیم؛ یہ سڈول (خاموش) یا غیر متناسب (متحرک) ہوسکتا ہے۔
  • کنٹراسٹ: سائز، رنگ، یا موٹائی میں فرق کی طرف سے توجہ کی ہدایت.
  • فوکل پوائنٹ: پہلی جگہ جہاں آنکھ جاتی ہے۔ جان بوجھ کر ڈیزائن کیا جانا چاہئے.
اشارہ: تصاویر بناتے وقت، پرامپٹ پر "متن کے لیے جگہ چھوڑیں" (جیسے "سب سے اوپر تیسرا خالی، سادہ") کہیں۔ اس طرح، بعد میں AI ویژول میں ٹیکسٹ شامل کرتے وقت آپ پھنس نہیں جائیں گے اور آپ ایک درجہ بندی قائم کر سکتے ہیں۔

مرحلہ وار ترتیب ترتیب دیں۔

  1. مقصد کا تعین کریں: اس ڈیزائن کو کیا کرنا چاہئے؟ (اعلان، فروخت، معلومات) ترجیحی ترتیب کا تعین کرتا ہے۔
  2. مواد کی فہرست: عنوان، Alt متن، تصویر، لوگو، کال (بٹن/CTA) کیا ہیں؟
  3. ایک درجہ بندی قائم کریں: سب سے اہم عنصر کو مضبوط ترین پوزیشن اور سائز میں رکھیں۔
  4. گرڈ منتخب کریں: کالم کی ساخت کا تعین کریں جس میں آپ عناصر کو سیدھ میں کریں گے۔
  5. AI کے ساتھ تصویر بنائیں: متن کے لیے جگہ کے ساتھ، مناسب تناسب کے ساتھ پس منظر/عنصر بنائیں۔
  6. ڈیزائن پروگرام میں سیدھ کریں: متن، لوگو، کال کو سیدھ کریں۔ خالی جگہیں مقرر کریں.
  7. ٹیسٹ: زوم ان کریں، دور سے دیکھیں، دیکھیں کہ آنکھ پہلے کہاں جاتی ہے۔

آنکھ کو ہدایت کرنے کی عملی تکنیک

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

فارمیٹ - خصوصی توجہ

ہر میڈیم کا اپنا اصول ہوتا ہے: انسٹاگرام پوسٹ 1:1 یا 4:5، کہانی 9:16، ویب بینر 16:9۔ محفوظ زون کا تصور اہم ہے: اہم عناصر کو کنارے سے اندر رکھیں تاکہ وہ تراشے یا انٹرفیس عناصر کے نیچے نہ ہوں (کہانی میں پروفائل، بٹن)۔ پرنٹنگ میں، خون کی ضرورت ہوتی ہے: کٹنگ مارجن میں سفید لکیروں سے بچنے کے لیے ڈیزائن کو کنارے سے تھوڑا سا بڑھانا۔

تین چھوٹے مقدمات

کیس 1 - سانس لینے کے قابل ڈیزائن۔ ایک ڈیزائنر کی مہم کا کارڈ تنگ تھا۔ ٹائٹل، ٹیکسٹ اور لوگو کو ایک ساتھ ملایا گیا تھا۔ اس نے تصویر کو "سب سے اوپر تیسرا خالی" کے ساتھ دوبارہ تیار کیا اور متن کو اس جگہ میں درجہ بندی میں رکھا۔ ٹیسٹ گروپ میں کلک کرنے کی شرح میں نمایاں اضافہ ہوا ہے۔ "پڑھنے کے قابل" فیڈ بیک آیا۔

کیس 2 - محفوظ علاقے کی خرابی۔ کہانی کے ڈیزائن میں، اہم نعرہ سب سے نیچے تھا۔ یہ نشریات میں "اسکرول" بٹن کے نیچے چھپا ہوا تھا اور ظاہر نہیں ہوا۔ سیف ایریا رول کے ساتھ، نعرہ اوپر اور درمیان میں رکھا گیا۔ اس کے بعد کی مہم میں، پیغام واضح تھا اور کسی نئے ڈیزائن کی ضرورت نہیں تھی۔

کیس 3 - پرنٹ بلیڈ۔ ایک بروشر بغیر خون کے چھپا تھا۔ کناروں پر پتلی سفید لکیریں نمودار ہوئیں اور 300 ٹکڑے ٹکڑے کر دیے گئے (تقریباً 1,200 TL ضائع ہو گئے)۔ اگلے کام نے ڈیزائن میں 3 ملی میٹر خون شامل کیا؛ کٹ صاف نکل آئی۔

کاپی کرنے کے قابل ٹیمپلیٹس

1) متن کے لیے فاصلہ والا پس منظر بنانا:

ایک [میڈیا] ڈیزائن کے لیے پس منظر کی تصویر بنائیں۔ تناسب: [1:1 / 9:16 / 16:9]۔ اوپر کا تیسرا سادہ اور خالی رکھیں (عنوان کے لیے)۔ برانڈ ٹون: [صفت]۔ پڑھنے کے قابل متن/لوگو لگانا۔ رنگ پیلیٹ سے ملتے ہیں: [رنگوں]۔

2) درجہ بندی کا منصوبہ:

درج ذیل ڈیزائن کے لیے ایک بصری درجہ بندی کا منصوبہ بنائیں۔ مقصد: [اعلان/فروخت/معلومات]۔ عناصر: [عنوان، متبادل متن، تصویر، لوگو، کال آؤٹ]۔ ہر عنصر کو اہمیت، تجویز کردہ پوزیشن، اور رشتہ دار سائز کا ترتیب دیں۔ اس راستے کی وضاحت کریں جس پر آنکھ پیروی کرے گی (فوکل → سیکنڈری)۔

3) گرڈ اور سیدھ کی سفارش:

درج ذیل مواد کے لیے ایک سادہ گرڈ اور الائنمنٹ اسکیم تجویز کریں: [مواد کی فہرست]، تناسب [x]۔ مجھے کتنے کالم استعمال کرنے چاہئیں، مجھے عناصر کی سیدھ میں کیسے لانا چاہیے، مجھے کتنی جگہ (مارجن) چھوڑنی چاہیے؟ اسے سادہ اور متوازن رکھیں۔

4) لے آؤٹ کنٹرول:

ساخت کے لحاظ سے درج ذیل ڈیزائن بیان کا اندازہ کریں: کیا درجہ بندی واضح ہے، کیا سیدھ میں مطابقت ہے، کیا کافی سفید جگہ ہے، کیا یہ محفوظ جگہ کے اندر فٹ ہے، کیا فوکل پوائنٹ صاف ہے؟ ایک تجویز کے طور پر جواب دیں۔ تفصیل: [پیسٹ کریں]

کمزور فوری / مضبوط اشارہ

کمزور: ڈسکاؤنٹ بینر کی تصویر بنائیں اور 50% کہیں۔

نتیجہ: AI کرپٹڈ "50%" لکھتا ہے، عناصر کو تصادفی طور پر ترتیب دیا جاتا ہے، آپ متن میں ترمیم نہیں کر سکتے۔ استعمال نہیں کیا جا سکتا.

طاقتور: فروخت کی مہم کے لیے پس منظر کی تصویر بنائیں: 4:5 کا تناسب، گرم توانائی بخش ٹونز، اوپر بائیں جانب متن کے لیے بڑی سادہ جگہ، نیچے دائیں جانب پروڈکٹ۔ پڑھنے کے قابل متن ڈالنا؛ میں ڈیزائن پروگرام میں عنوان، "50%" معلومات اور بٹن کو سیدھ میں کروں گا۔

نتیجہ: ایک قابل تدوین، درجہ بندی کا پس منظر جو متن کے لیے جگہ چھوڑتا ہے۔

فرق: مضبوط نقطہ نظر متن کو AI سے الگ کرتا ہے، وقفہ کاری اور تناسب کی منصوبہ بندی کرتا ہے، اور ترتیب کو ڈیزائنر پر چھوڑ دیتا ہے۔

ترکیب کے اصولوں کا جدول

اصول

کیا فراہم کرتا ہے

عملی ٹپ

درجہ بندی

پڑھنے کا حکم

سب سے اہم کو سب سے بڑا/اس کے برعکس بنائیں

سیدھ

آرڈر کا احساس

پوشیدہ لائنیں لگائیں۔

گرڈ

مستقل مزاجی

کالم سسٹم استعمال کریں۔

جگہ

پڑھنے کی اہلیت

کمپریشن، سانس لینے کی رہائی

محفوظ علاقہ

تراشنا نہیں

اشیاء کو کنارے سے اندر رکھیں

خون بہانا

صاف پرنٹ

یہ کنارے کو 3 ملی میٹر تک لے جاتا ہے۔

عام غلطیاں

  • AI پر متن پرنٹ کرنا: کرپٹ، ناقابل ترمیم متن؛ ڈیزائن پروگرام میں متن شامل کریں۔
  • کوئی جگہ نہیں چھوڑنا: تنگ، شوقیہ نظر آنے والا ڈیزائن۔
  • کوئی درجہ بندی نہیں: ہر چیز کا سائز ایک جیسا ہے۔ آنکھ نہیں جانتی کہ کہاں جائے۔
  • محفوظ علاقے کو بھولنا: اہم عنصر انٹرفیس یا کلپنگ کے نیچے پھنس جاتا ہے۔
  • سکیپنگ بلیڈ: کنارہ سفید اور پرنٹنگ میں سکریپ۔

خلاصہ میں

لے آؤٹ عناصر کی جان بوجھ کر جگہ کا تعین ہے اور ایک تصویر کو قابل عمل ڈیزائن میں بدل دیتا ہے۔ درجہ بندی، صف بندی، گرڈ، اسپیس، بیلنس اور کنٹراسٹ بنیادی اصول ہیں۔ AI پس منظر اور بصری عناصر پیدا کرتا ہے، کمپوزیشن آئیڈیاز دیتا ہے۔ لیکن پکسل کی درست ترتیب، قابل تدوین متن اور سیدھ ڈیزائنر کے ہاتھ میں ڈیزائن پروگرام میں ہے۔ متن کے لیے جگہ کی اجازت دینا، محفوظ جگہ اور پرنٹ بلیڈ انگوٹھے کے اصول ہیں جو آؤٹ پٹ کے استعمال کا تعین کرتے ہیں۔

درخواست کا کام

ایک میڈیم اور مقصد کا انتخاب کریں (جیسے انسٹاگرام سیل پوسٹ)۔ مواد کی انوینٹری لیں، درجہ بندی کا منصوبہ بنائیں۔ AI کے ساتھ متن کے لیے جگہ کے ساتھ صحیح متناسب پس منظر بنائیں۔ پھر ایک ڈیزائن پروگرام (یا کاغذ پر ایک خاکہ کے طور پر) عنوان، Alt متن، لوگو اور کال آؤٹ کو سیدھ میں رکھیں اور رکھیں۔ زوم ان کرکے اور دور سے دیکھ کر آنکھ پہلے کہاں جاتی ہے اس کی جانچ کریں اور اسے نوٹ کریں۔

چیک لسٹ

  • میں نے مقصد اور مواد کی انوینٹری کا تعین کیا۔
  • [ ] میں نے ایک بصری درجہ بندی کا منصوبہ ترتیب دیا۔
  • میں نے متن کے لیے جگہ اور صحیح تناسب کے ساتھ تصویر تیار کی۔
  • میں نے ڈیزائن پروگرام میں متن اور عناصر کو ترتیب دیا۔
  • میں نے محفوظ علاقے اور خون کے مارجن کا مشاہدہ کیا (اگر یہ پرنٹ ہو رہا تھا)۔
  • میں نے اسے چھوٹا کیا اور فوکس پوائنٹ کا تجربہ کیا۔