El বিভিন্ন ফরম্যাটের কারণে প্রতিক্রিয়াশীল নকশা আজ গুরুত্বপূর্ণ যা ব্যবহারকারী তার ট্যাবলেট, মোবাইল এবং কম্পিউটার থেকে মুখোমুখি হয়। ইমেল বিপণন এবং অবতরণ পৃষ্ঠাগুলিতে এই প্রতিক্রিয়াশীল ডিজাইনটি আমাদের ক্লায়েন্টদের সাথে সার্বজনীন যোগাযোগের জন্য আরও গুরুত্বপূর্ণ।
তাই আপনাকে বিভিন্ন টেম্পলেটগুলির সাথে নিতে এটি গুরুত্ব সহকারে নিতে হবে বিভিন্ন প্রস্থে সেরা নকশাটি উপস্থিত রয়েছে সম্ভাব্য সেই নিউজলেটার বা সেই অবতরণ পৃষ্ঠা যেখানে ভবিষ্যতের ক্লায়েন্টরা আমরা তাদের Google বা ফেসবুকে আমাদের বিজ্ঞাপন থেকে রূপান্তর করতে চাই want
ইমেল বিপণনে প্রতিক্রিয়াশীল নকশা
ইমেল বিপণন পণ্য অফার বা আমাদের ব্লগে তৈরি হওয়া নতুন পোস্টগুলি ঘোষণা করার অন্যতম উপায় এইভাবে একটি গভীর উপায়ে সংকীর্ণ আমাদের সমস্ত অনুসরণকারীদের সাথে
এই নিউজলেটারগুলি প্রতিক্রিয়াশীল এর অর্থ এগুলি একটি মোবাইল থেকে পুরোপুরি দেখা যায়, একটি ট্যাবলেট বা একটি কম্পিউটার। সুতরাং আমাদের প্রয়োজনীয় সরঞ্জামগুলি রাখার চেষ্টা করতে হবে যাতে নিউজলেটার সহজেই পড়ার জন্য সমস্ত ভিজ্যুয়াল উপাদানগুলি যথেষ্ট সুরেলা করে।
আইকেইএ নিউজলেটার
প্রতিক্রিয়াশীল মানে বিভিন্ন ডিভাইসে কোনও পৃষ্ঠার প্রদর্শন সর্বদা সঠিক। এই জন্য আমাদের সরঞ্জাম আছে ইমেইল - মার্কেটিং যা আমাদের বিভিন্ন ফর্ম্যাটে তৈরি করা নিউজলেটার পরীক্ষা করতে সহায়তা করে এবং এভাবে প্যাডিং বা মার্জিনের মতো মানগুলি সংশোধন করে যাতে আমাদের ব্রাউজারের প্রস্থ হ্রাস করার সাথে সাথে সেগুলি পুরোপুরি পুনরায় স্থাপন করা যায়।
মধ্যে সিএসএস "মিডিয়া ক্যোয়ারী" সহ ওয়েব ডিজাইন ব্যবহার করা হয় ফর্ম্যাট অনুযায়ী একটি ওয়েবসাইট ডিজাইন করতে। 360px অবধি একটি মোবাইল ফোনের জন্য হতে পারে এবং 360px থেকে 650px পর্যন্ত আমরা সেই সমস্ত ব্যবহারকারীদের জন্য পরিবর্তন করতে পারি যারা আমাদের ট্যাবলেট থেকে আমাদের ওয়েবসাইট দেখেন।
আমাদের ইমেল বিপণন নিউজলেটারগুলির জন্য নীতিগুলির কয়েকটি হ'ল:
- একটি পরিষ্কার ভিজ্যুয়াল শ্রেণিবিন্যাস: অনুচ্ছেদ বিন্যাসে পাঠ্য এইচ 2 এ শিরোনাম।
- দুটি ভিন্ন উত্স: শিরোনামের জন্য একটি এবং পাঠ্যের জন্য একটি আমাদের নিউজলেটারকে আরও ভাল পাঠযোগ্য করে তোলে।
- El শিরোনাম, পাঠ্য এবং অন্যান্য উপাদানকে আলাদা করতে রঙের ব্যবহার: আমরা ধীরে ধীরে একটি গা gray় ধূসর থেকে একটি লাইটারে যেতে পারি।
- Un সিটিএ (কল টু অ্যাকশন) পরিষ্কার এবং স্বতন্ত্র: যদি আমাদের সংস্থার লোগোটি লাল হয়, সিটিএ এই রঙে থাকতে পারে যখন বাকী পরিপূরক রঙে।
আমরা আপনাকে একটি মহান একটি স্পষ্ট উদাহরণ দিতে ফিল্মিন দ্বারা পরিচালিত একটি নিউজলেটারে প্রতিক্রিয়াশীল ডিজাইন এবং আপনি সরবরাহিত চিত্র দেখতে পারেন। সাদা রঙের টাইপোগ্রাফি, এবং খুব হালকা ধূসর রঙের পাঠ্যটি পরিষ্কার করে তবে এটি আমাদের বিভিন্ন স্থান যেখানে দ্রুত আমাদের দেখতে চাইলে পড়ার জন্য আমন্ত্রিত করা হয়েছে তা কল্পনা করতে দেয়। সিটিএ এটি নয় যে এটি অন্য কোনও জগতের, তবে এটি সেই প্লে আইকনটিতে সহায়তা করে এবং এটি আমাদের জন্য অপেক্ষা করছে।
মার্জিনগুলিতে পর্যাপ্ত স্থান, পাঠ্যের প্রধান রঙ হিসাবে সাদা এবং যে লোগো সঙ্গে পুরোপুরি ফিট করে ব্র্যান্ডের; চারপাশে ধূসর যে এটি বাইরে দাঁড়ায়। একটি আকর্ষণীয় চিত্র যা কোনও নিউজলেটারের জন্য বিন্দুটি সেট করে যা প্রথম মুহূর্ত থেকে হুক করে। স্পেসগুলি পাশাপাশিও রেখে দেওয়া হয়েছে যাতে স্ক্রিনের পুরো প্রস্থটি "খাওয়া" না হয়।
মধ্যে ডেস্কটপ সংস্করণ সেই নীতিগুলি বজায় রাখেএমনকি পাঠ্যগুলিতে আরও জায়গা রেখে প্রতিটি দিকে একটি বড় ব্যবধান রেখে চলেছে:
একটি অবতরণ পৃষ্ঠায় প্রতিক্রিয়াশীল নকশা
The একই নীতিগুলি প্রতিক্রিয়াশীল ডিজাইনে ব্যবহার করা যেতে পারে একটি অবতরণ পৃষ্ঠার। টেমপ্লেটটি সঠিকভাবে চয়ন করতে এবং ডিজাইনের কিছু নিয়ম অনুসরণ করার জন্য বিশ্বের সর্বদা সময় নেওয়া অত্যন্ত গুরুত্বপূর্ণ:
- ভিজ্যুয়াল সরলতা: আমরা সিটিএগুলিতে ফোকাস দেওয়ার জন্য ফাঁকা ফাঁকা রাখার কথা বলছি।
- সুন্দর এবং আকর্ষক চিত্র পাঠকের কাছে রেজুলেশনটি ভুলে না গিয়ে এবং তারা নিখুঁত দেখাচ্ছে।
- রঙের গুরুত্ব এবং আমরা আবার জোর দেওয়া।
আমাদের একটি মোবাইল, ট্যাবলেট এবং ডেস্কটপের জন্য একটি অবতরণ পৃষ্ঠার প্রতিক্রিয়াশীল ডিজাইনের কাজ করতে হবে। নিন প্রতিটি পরিবর্তন হিসাবে বারবার চেষ্টা করার প্রয়োজন সময় এটি তিনটি ফর্ম্যাটেই দেখা যায়, যেহেতু আমরা নিজেরাই বিশ্বাস করতে পারি এবং ভুলে যেতে পারি যে সিএসএসে করা এই পরিবর্তনগুলি মোবাইলে ভয়ঙ্কর দেখাবে।
হটজার ল্যান্ডিং পৃষ্ঠা
এটি এমন কাজ যা ক্লান্তিকর হতে পারে তবে আমাদের প্রতিটি পরিবর্তন পরীক্ষা করার জন্য সময় নেওয়া আমাদের পক্ষে গুরুত্বপূর্ণ। দ্য পার্শ্ব মার্জিন ব্যবহার এবং যথাসম্ভব চেষ্টা করুন, সিটিএ বা অ্যাকশন বোতামের নিয়মগুলি মিস করবেন না:
- que পাঠ্যের সাথে দূরত্ব এবং বোতামের মার্জিন প্রগতিশীল তিনটি বিন্যাসে। এটি ছোট বা বড় নয় এবং এটি একই উচ্চতায় রয়েছে।
- La সিটিএ বোতামের আকারের অনুপাত এটি যেখানে রয়েছে সেখানে থাকা অন্যান্য উপাদানগুলির সাথে সরবরাহ করতে হবে।
এর সুস্পষ্ট উদাহরণ হ'ল আপনার ল্যান্ডিং পৃষ্ঠায় শপাইফ দ্বারা করা কাজ ডেস্কটপে এবং এতে আপনি মোবাইল সংস্করণে দেখতে পারেন। রঙ, সাদা স্পেস এবং তাদের উপযুক্ত আকার এবং টাইপোগ্রাফি সহ সেই পাঠ্যগুলির ব্যবহারের প্রতি মনোযোগ দিন:
টিপস একটি সিরিজ আছে আপনার ব্যবসা বা অনলাইন স্টোরের জন্য আরও ভাল অবতরণ পৃষ্ঠা এবং আপনার ব্যবহারকারীদের কাছে আপডেটগুলি এবং সেই প্রচারগুলি পাওয়ার জন্য সেই গুরুত্বপূর্ণ নিউজলেটারগুলি।