লেআউট এবং কম্পোজিশন: লেআউট, গ্রিড এবং ভিজ্যুয়াল হায়ারার্কি

লাভ:

• চাক্ষুষ শ্রেণিবিন্যাস, প্রান্তিককরণ, গ্রিড, স্পেসিং এবং ফোকাল পয়েন্ট নীতিগুলির সাথে একটি দরকারী লেআউট তৈরি করার ক্ষমতা
• পাঠ্যের জন্য স্পেস সহ ভিজ্যুয়াল তৈরি করা এবং ডিজাইন প্রোগ্রামে সম্পাদনাযোগ্য পাঠ্য এবং সুনির্দিষ্ট স্থান নির্ধারণ করা
• নিরাপদ এলাকা এবং প্রিন্টিং ব্লিডের মতো বিন্যাস নিয়ম প্রয়োগ করে ক্লিপিং এবং স্ক্র্যাপের ঝুঁকি প্রতিরোধ করার ক্ষমতা

একটি সুন্দর চিত্র এবং কাজ করে এমন একটি নকশার মধ্যে পার্থক্যটি প্রায়শই লেআউট হয়: পৃষ্ঠার মধ্যে উপাদানগুলির স্থাপন। লেআউটটি নির্ধারণ করে যে পোস্টারে চোখ প্রথমে কোথায় যায়, পাঠ্যটি একটি সোশ্যাল মিডিয়া কার্ডে শ্বাস নেয় কিনা এবং একটি ব্রোশারে কীভাবে তথ্য প্রবাহিত হয়। এই ইউনিটে, আমরা কম্পোজিশনের নীতিগুলি শিখব (একটি সম্পূর্ণভাবে উপাদানগুলি সাজানো) এবং যেখানে AI এই প্রক্রিয়ায় সহায়ক এবং সীমিত। সমালোচনামূলক তথ্য: এআই ভিজ্যুয়াল তৈরি করে, কিন্তু সুনির্দিষ্ট লেআউট ডিজাইনারের হাতে, একটি ডিজাইন প্রোগ্রামে।

কেন এআই একা লেআউট করতে পারে না?

AI একটি সামগ্রিক "সুদর্শন" ইমেজ তৈরি করে; কিন্তু নকশার বিন্যাস পিক্সেল নির্ভুলতা, সম্পাদনাযোগ্য পাঠ্য, প্রান্তিককরণ এবং সামঞ্জস্যপূর্ণ ব্যবধানের দাবি করে। আপনি পাঠ্য স্থানান্তর করতে পারবেন না, লোগোটি ঠিকভাবে সারিবদ্ধ করতে পারবেন না বা AI দ্বারা উত্পাদিত ছবিতে মার্জিন পরিমাপ করতে পারবেন না। তাই পেশাদার প্রবাহ হল: AI দিয়ে ব্যাকগ্রাউন্ড/ভিজ্যুয়াল এলিমেন্ট তৈরি করুন, ডিজাইন প্রোগ্রামে লেআউট (টেক্সট, লোগো, অ্যালাইনমেন্ট) সেট আপ করুন। AI আপনাকে কাঁচামাল এবং রচনা ধারণা দেয়; সঠিক স্থান নির্ধারণ আপনার সিদ্ধান্ত.

রচনার মৌলিক নীতি

• ভিজ্যুয়াল শ্রেণিবিন্যাস: গুরুত্ব অনুসারে উপাদানগুলি সাজানো। চোখ প্রথমে সবচেয়ে বড়/বিপরীত উপাদানে যায়। শিরোনাম > উপশিরোনাম > বডি > বিস্তারিত ক্রম প্রতিষ্ঠিত হয়।
• প্রান্তিককরণ: অদৃশ্য লাইন অনুযায়ী উপাদান সাজানো; এটি জগাখিচুড়ি প্রতিরোধ করে এবং আদেশের অনুভূতি দেয়।
• গ্রিড: সিস্টেম যা পৃষ্ঠাটিকে অদৃশ্য কলাম এবং সারিগুলিতে বিভক্ত করে; আইটেমগুলির ধারাবাহিক বসানো নিশ্চিত করে।
• হোয়াইটস্পেস (নেতিবাচক স্থান): উপাদানগুলির মধ্যে খালি স্থান; এটি নকশাটিকে "শ্বাস ফেলা" এবং পাঠযোগ্য হতে দেয়। সামান্য স্থান = সংকীর্ণ এবং অপেশাদার।
• ভারসাম্য: চাক্ষুষ ওজন বিতরণ; এটি প্রতিসম (শান্ত) বা অপ্রতিসম (গতিশীল) হতে পারে।
• বৈসাদৃশ্য: আকার, রঙ বা বেধের পার্থক্য দ্বারা মনোযোগ নির্দেশ করা।
• ফোকাল পয়েন্ট: প্রথম যেখানে চোখ যায়; সচেতনভাবে ডিজাইন করা আবশ্যক।

টিপ: ছবি তৈরি করার সময়, প্রম্পটে বলুন "পাঠ্যের জন্য স্থান ছেড়ে দিন" (যেমন "শীর্ষ তৃতীয়টি ফাঁকা, সরল")। এইভাবে, পরে এআই ভিজ্যুয়ালে পাঠ্য যোগ করার সময় আপনি আটকে যাবেন না এবং আপনি একটি শ্রেণিবিন্যাস স্থাপন করতে পারেন।

ধাপে ধাপে একটি লেআউট সেট আপ করুন

1. উদ্দেশ্য নির্ধারণ করুন: এই নকশা কি করা উচিত? (ঘোষণা, বিক্রয়, তথ্য)। অগ্রাধিকার ক্রম নির্ধারণ করে।
2. বিষয়বস্তু তালিকা: শিরোনাম, অল্ট টেক্সট, ছবি, লোগো, কল (বোতাম/CTA) কি?
3. একটি শ্রেণিবিন্যাস স্থাপন করুন: সবচেয়ে গুরুত্বপূর্ণ উপাদানটিকে সবচেয়ে শক্তিশালী অবস্থান এবং আকারে রাখুন।
4. গ্রিড নির্বাচন করুন: কলামের কাঠামো নির্ধারণ করুন যেখানে আপনি উপাদানগুলিকে সারিবদ্ধ করবেন।
5. AI দিয়ে ইমেজ তৈরি করুন: টেক্সটের জন্য জায়গা সহ উপযুক্ত অনুপাত সহ পটভূমি/উপাদান তৈরি করুন।
6. ডিজাইন প্রোগ্রামে সারিবদ্ধ করুন: পাঠ্য, লোগো, কল সারিবদ্ধ করুন; স্পেস সেট করুন।
7. পরীক্ষা: জুম ইন করুন, দূর থেকে দেখুন, চোখ প্রথমে কোথায় যায় তা পরীক্ষা করুন।

চোখ নির্দেশ করার জন্য ব্যবহারিক কৌশল

রচনা আসলে চোখের নির্দেশনার শিল্প। দর্শকের দৃষ্টি এলোমেলোভাবে ঘুরে বেড়ায় না; এটি নির্দিষ্ট লক্ষণ অনুসরণ করে এবং একজন ভাল ডিজাইনার সচেতনভাবে তাদের ব্যবহার করে। প্রথমটি হল আকার এবং বৈসাদৃশ্য: বৃহত্তম এবং সবচেয়ে বিপরীত উপাদানটি প্রথমে চোখকে আকর্ষণ করে, তাই সেখানে সবচেয়ে গুরুত্বপূর্ণ বার্তা রাখুন। দ্বিতীয়টি হল অগ্রণী লাইন: চিত্রের প্রাকৃতিক রেখাগুলি (একটি পথ, একটি বাহুর নাগাল, একটি টেবিলের প্রান্ত) চোখকে একটি নির্দিষ্ট বিন্দুতে নিয়ে যায়; পণ্য বা শিরোনাম যেখানে এই লাইনগুলি শেষ হয় সেখানে রাখলে প্রভাব বাড়ে। তৃতীয়ত, স্থানের সাথে জোর দেওয়া: একটি উপাদানের চারপাশে বড় ফাঁকা জায়গা সেই উপাদানটিকে আলাদা করে তোলে - একটি ভিড় পৃষ্ঠায় একা দাঁড়িয়ে থাকা একটি শব্দ শক্তিশালী। চতুর্থ, পড়ার দিক: বেশিরভাগ সংস্কৃতিতে, চোখ উপরের বাম থেকে নীচের ডানদিকে "Z" বা "F" প্যাটার্নে ভ্রমণ করে; তাই উপরের বামে লোগো এবং নীচে ডানদিকে কল (বোতাম) একটি স্বজ্ঞাত প্রবাহ তৈরি করে। AI এর সাহায্যে ব্যাকগ্রাউন্ড তৈরি করার সময় আপনি এই কৌশলগুলি আপনার প্রম্পটে আনতে পারেন: "একটি রচনা যা নীচে বাম থেকে উপরের ডানদিকে নির্দেশ করে" বা "কেন্দ্রে একক উপাদান, এর চারপাশে বিস্তৃত স্থান", ইত্যাদি। এইভাবে, চিত্রটি কেবল সুন্দরই নয়, একটি টুলও হয়ে ওঠে যা সঠিক ক্রমে বার্তা পৌঁছে দেয়।

বিন্যাস - বিশেষ মনোযোগ

প্রতিটি মাধ্যমের নিজস্ব নিয়ম রয়েছে: Instagram পোস্ট 1:1 বা 4:5, গল্প 9:16, ওয়েব ব্যানার 16:9৷ একটি নিরাপদ অঞ্চলের ধারণাটি গুরুত্বপূর্ণ: গুরুত্বপূর্ণ উপাদানগুলিকে প্রান্ত থেকে রাখুন যাতে সেগুলি ক্লিপ না হয় বা ইন্টারফেসের উপাদানগুলির নীচে না থাকে (গল্পের প্রোফাইল, বোতামগুলি)। মুদ্রণে, একটি রক্তপাতের প্রয়োজন হয়: কাটিয়া মার্জিনে সাদা লাইন এড়াতে প্রান্ত থেকে নকশাটি একটু প্রসারিত করতে।

তিনটি মিনি কেস

কেস 1 - শ্বাস নেওয়া যায় এমন নকশা। একজন ডিজাইনারের প্রচারাভিযানের কার্ড সঙ্কুচিত ছিল; শিরোনাম, টেক্সট এবং লোগো একত্রিত ছিল। তিনি চিত্রটিকে "শীর্ষ তৃতীয় খালি" দিয়ে পুনরুত্পাদন করেছেন এবং পাঠ্যটিকে সেই স্থানটিতে একটি শ্রেণিবিন্যাস করে রেখেছেন। পরীক্ষার গ্রুপে ক্লিক-থ্রু রেট উল্লেখযোগ্যভাবে বৃদ্ধি পেয়েছে; "পাঠ্য" প্রতিক্রিয়া এসেছে।

কেস 2 - নিরাপদ এলাকা ত্রুটি। একটি গল্পের নকশায়, গুরুত্বপূর্ণ স্লোগানটি নীচে ছিল; এটি সম্প্রচারে "স্ক্রোল" বোতামের নীচে লুকানো ছিল এবং প্রদর্শিত হয়নি৷ নিরাপদ এলাকা শাসন, স্লোগান উপরে এবং মাঝখানে স্থাপন করা হয়. পরবর্তী প্রচারাভিযানে, বার্তাটি পরিষ্কার ছিল এবং কোন পুনর্নবীকরণের প্রয়োজন ছিল না।

কেস 3 - প্রিন্ট ব্লিড। রক্তপাত ছাড়াই একটি ব্রোশার ছাপা হয়েছিল; পাতলা সাদা রেখাগুলি প্রান্তগুলিতে উপস্থিত হয়েছিল এবং 300 টি টুকরো স্ক্র্যাপ করা হয়েছিল (প্রায় 1,200 টিএল হারিয়ে গেছে)। পরবর্তী কাজের নকশায় 3 মিমি রক্তপাত যোগ করা হয়েছে; কাটা পরিষ্কার বেরিয়ে এল।

অনুলিপিযোগ্য টেমপ্লেট

1) পাঠ্যের জন্য একটি ফাঁকা পটভূমি তৈরি করা:

একটি [মিডিয়া] ডিজাইনের জন্য একটি পটভূমি চিত্র তৈরি করুন। অনুপাত: [1:1 / 9:16 / 16:9]। শীর্ষ তৃতীয় প্লেইন এবং খালি রাখুন (শিরোনামের জন্য)। ব্র্যান্ড টোন: [বিশেষণ]। সুপাঠ্য পাঠ্য/লোগো রাখা। রঙ প্যালেটের সাথে মেলে: [রঙ]।

2) শ্রেণিবিন্যাস পরিকল্পনা:

নিম্নলিখিত নকশার জন্য একটি ভিজ্যুয়াল শ্রেণিবিন্যাস পরিকল্পনা তৈরি করুন। উদ্দেশ্য: [ঘোষণা/বিক্রয়/তথ্য]। উপাদান: [শিরোনাম, বিকল্প পাঠ্য, চিত্র, লোগো, কলআউট]। প্রতিটি উপাদানকে গুরুত্ব, প্রস্তাবিত অবস্থান এবং আপেক্ষিক আকারের একটি ক্রম দিন। চোখ যে পথ অনুসরণ করবে তার বর্ণনা দিন (ফোকাল → সেকেন্ডারি)।

3) গ্রিড এবং প্রান্তিককরণ সুপারিশ:

নিম্নলিখিত বিষয়বস্তুর জন্য একটি সাধারণ গ্রিড এবং প্রান্তিককরণ স্কিম প্রস্তাব করুন: [সামগ্রী তালিকা], অনুপাত [x]। আমার কতগুলি কলাম ব্যবহার করা উচিত, আমি কীভাবে উপাদানগুলিকে সারিবদ্ধ করব, আমার কতটা স্থান (মার্জিন) ছেড়ে দেওয়া উচিত? এটা সহজ এবং ভারসাম্য রাখুন.

4) বিন্যাস নিয়ন্ত্রণ:

রচনার পরিপ্রেক্ষিতে নিম্নলিখিত নকশা বিবৃতিটি মূল্যায়ন করুন: অনুক্রমটি কি পরিষ্কার, প্রান্তিককরণটি সামঞ্জস্যপূর্ণ, পর্যাপ্ত সাদা স্থান আছে, এটি কি নিরাপদ স্থানের মধ্যে মাপসই করে, ফোকাল পয়েন্টটি কি পরিষ্কার? একটি পরামর্শ হিসাবে উত্তর দিন। বর্ণনা: [পেস্ট]

দুর্বল প্রম্পট / শক্তিশালী প্রম্পট

দুর্বল: একটি ডিসকাউন্ট ব্যানার চিত্র তৈরি করুন এবং 50% বলুন।

ফলাফল: AI নষ্ট হয়ে গেছে "50%", উপাদানগুলি এলোমেলোভাবে সাজানো হয়েছে, আপনি পাঠ্য সম্পাদনা করতে পারবেন না; ব্যবহার করা যাবে না।

শক্তিশালী: একটি বিক্রয় প্রচারণার জন্য একটি পটভূমি চিত্র তৈরি করুন: 4:5 অনুপাত, উষ্ণ এনার্জেটিক টোন, উপরের বামে পাঠ্যের জন্য বড় প্লেইন স্পেস, নীচের ডানদিকে পণ্য৷ পাঠযোগ্য পাঠ্য স্থাপন; আমি নকশা প্রোগ্রামের শিরোনাম, "50%" তথ্য এবং বোতামটি সারিবদ্ধ করব।

ফলাফল: একটি সম্পাদনাযোগ্য, অনুক্রমিক পটভূমি যা পাঠ্যের জন্য জায়গা ছেড়ে দেয়।

পার্থক্য: শক্তিশালী পদ্ধতি টেক্সটকে এআই থেকে আলাদা করে, ব্যবধান এবং অনুপাতের পরিকল্পনা করে এবং লেআউটটি ডিজাইনারের হাতে ছেড়ে দেয়।

রচনা নীতির সারণী

নীতি

কি প্রদান করে

ব্যবহারিক টিপ

অনুক্রম

পড়ার ক্রম

সবচেয়ে বড়/কনট্রাস্ট সবচেয়ে গুরুত্বপূর্ণ করুন

প্রান্তিককরণ

আদেশ অনুভূতি

অদৃশ্য লাইন আপ লাইন

গ্রিড

ধারাবাহিকতা

কলাম সিস্টেম ব্যবহার করুন

স্থান

পঠনযোগ্যতা

সংকোচন, শ্বাস ছাড়ুন

নিরাপদ এলাকা

ক্লিপিং না

প্রান্ত থেকে আইটেম রাখুন

রক্তপাত

পরিষ্কার মুদ্রণ

এটি 3 মিমি দ্বারা প্রান্ত বহন করে

সাধারণ ভুল

• AI-তে টেক্সট প্রিন্ট করা: দুর্নীতিগ্রস্ত, অসম্পাদনযোগ্য পাঠ্য; ডিজাইন প্রোগ্রামে পাঠ্য যোগ করুন।
• কোন স্থান না রেখে: সঙ্কুচিত, অপেশাদার চেহারা নকশা.
• কোন অনুক্রম নেই: সবকিছু একই আকার; চোখ জানে না কোথায় যাবে।
• নিরাপদ এলাকা ভুলে যাওয়া: গুরুত্বপূর্ণ উপাদান ইন্টারফেস বা ক্লিপিংয়ের অধীনে আটকে যায়।
• স্কিপিং ব্লিড: প্রিন্টিং এ প্রান্ত সাদা এবং স্ক্র্যাপ।

সংক্ষেপে

লেআউট হল উপাদানগুলির ইচ্ছাকৃতভাবে স্থাপন করা এবং একটি চিত্রকে কার্যকরী ডিজাইনে রূপান্তরিত করে। শ্রেণিবিন্যাস, প্রান্তিককরণ, গ্রিড, স্থান, ভারসাম্য এবং বৈসাদৃশ্য হল মৌলিক নীতি। AI ব্যাকগ্রাউন্ড এবং ভিজ্যুয়াল উপাদান তৈরি করে, রচনা ধারণা দেয়; কিন্তু পিক্সেল-সুনির্দিষ্ট বিন্যাস, সম্পাদনাযোগ্য পাঠ্য এবং প্রান্তিককরণ ডিজাইন প্রোগ্রামে ডিজাইনারের হাতে থাকে। পাঠ্যের জন্য স্থানের অনুমতি দেওয়া, নিরাপদ স্থান এবং মুদ্রণ ব্লিড হল অঙ্গুষ্ঠের নিয়ম যা আউটপুটের ব্যবহারযোগ্যতা নির্ধারণ করে।

আবেদন টাস্ক

একটি মাধ্যম এবং উদ্দেশ্য বেছে নিন (যেমন ইনস্টাগ্রাম সেল পোস্ট)। একটি বিষয়বস্তু তালিকা নিন, একটি অনুক্রম পরিকল্পনা করুন। AI এর সাথে পাঠ্যের জন্য স্থান সহ একটি সঠিকভাবে আনুপাতিক পটভূমি তৈরি করুন। তারপর সারিবদ্ধ করুন এবং একটি ডিজাইন প্রোগ্রামে শিরোনাম, Alt পাঠ্য, লোগো এবং কলআউট রাখুন (বা কাগজে একটি স্কেচ হিসাবে)। জুম ইন করে এবং দূর থেকে দেখে চোখ প্রথমে কোথায় যায় তা পরীক্ষা করুন এবং নোট করুন।

চেকলিস্ট

• [ ] আমি উদ্দেশ্য এবং বিষয়বস্তুর তালিকা নির্ধারণ করেছি৷
• [ ] আমি একটি চাক্ষুষ শ্রেণিবিন্যাস পরিকল্পনা সেট আপ করেছি৷
• [ ] আমি পাঠ্যের জন্য স্থান এবং সঠিক অনুপাত সহ চিত্রটি তৈরি করেছি।
• [ ] আমি ডিজাইন প্রোগ্রামে পাঠ্য এবং উপাদানগুলিকে সারিবদ্ধ করেছি।
• [ ] আমি নিরাপদ এলাকা এবং ব্লিড মার্জিন পর্যবেক্ষণ করেছি (যদি এটি মুদ্রণ করা হয়)।
• [ ] আমি এটিকে ছোট করেছি এবং ফোকাস পয়েন্ট পরীক্ষা করেছি৷