তথ্য বাক্স
সংক্ষিপ্ত মনোযোগের জগতে, আপনি কীভাবে তথ্য উপস্থাপন করেন তা সমস্ত পার্থক্য করে। একটি প্লেইন টেক্সট ব্লক এড়িয়ে যায়; একটি ডিজাইন করা তথ্য বাক্স পড়া হয়। মাস্টার অ্যাডনস ইনফো বক্স এলিমেন্ট কমপ্যাক্ট, শক্তিশালী কন্টেন্ট মডিউল তৈরি করতে সাহায্য করে। একটি পেশাদার স্টাইল প্রিসেট দিয়ে শুরু করুন, তারপরে আপনার আইকন বা চিত্র, একটি আকর্ষক শিরোনাম এবং স্পষ্ট বিবরণ যোগ করুন। প্রতিটি স্তরকে স্বাধীনভাবে স্টাইল করুন up ব্যাকগ্রাউন্ড, সীমানা, টেক্সট এবং হোভার ইফেক্ট em তৈরি করতে পরিষেবা হাইলাইট, বৈশিষ্ট্য ব্যাখ্যাকারী, বা CTA যেগুলি কেবল পৃষ্ঠায় বসে না, তারা এটির জন্য কাজ করে।

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


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


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

গ্লাসমরফিজম

ধারক অতিরিক্ত

নিদর্শন

পোস্ট/পেজ ডুপ্লিকেটর


