আপনার বিষয়বস্তু ফিগমাতে স্ক্রোলযোগ্য করে তোলার জন্য পাশের ট্যাবে নেভিগেট করা জড়িত। দুর্ভাগ্যবশত, এটি স্বয়ংক্রিয়ভাবে প্রধান ব্যবহারকারী ইন্টারফেসে প্রদর্শিত হয় না। আপনি যখন আপনার ডিজাইনের একটি ফ্রেমের মধ্যে প্রচুর তথ্য উপস্থাপন করতে চান তখন স্ক্রোলযোগ্য বিষয়বস্তু কার্যকর। কিছু উদাহরণে ল্যান্ডিং পৃষ্ঠা, অ্যাপ ইন্টারফেস বা পপ-আপ উইন্ডো অন্তর্ভুক্ত রয়েছে।
এই নিবন্ধটি ব্যাখ্যা করবে কিভাবে আপনার ফিগমা ডিজাইনগুলিকে স্ক্রোলযোগ্য করে তোলা যায়।
একটি আকারের মধ্যে একটি স্ক্রোলযোগ্য পাঠ্য ফিট করা
আসুন একটি সাধারণ আকারের মধ্যে একটি স্ক্রোলযোগ্য পাঠ্য তৈরি করে শুরু করি। এটি স্ক্রোলযোগ্য পাঠ্যের সবচেয়ে সাধারণ উদাহরণ এবং আপনি পরে রঙ, ফন্ট এবং রূপরেখার মতো অন্যান্য বৈশিষ্ট্য যুক্ত করতে পারেন।
এটি কীভাবে করা হয়েছে তা এখানে:
- একটি মৌলিক আকৃতি তৈরি করুন। এই উদাহরণের জন্য, আমরা একটি উল্লম্ব আয়তক্ষেত্র তৈরি করার পরামর্শ দিই। আপনি বাম সাইডবারে আয়তক্ষেত্র টুল নির্বাচন করে বা 'R' কমান্ড ব্যবহার করে এটি করতে পারেন। বাম ধরে রাখুন, একটি ক্যানভাস পয়েন্টে ক্লিক করুন এবং আকৃতি আঁকুন।
- ডান সাইডবারে, ডিজাইন ট্যাবের অধীনে, 'ক্লিপ সামগ্রী' বিকল্পের পাশে একটি চেক রাখুন।
- একটি পাঠ্য বাক্স তৈরি করতে পাঠ্য সরঞ্জামটি নির্বাচন করুন এবং এটি স্ক্রোলযোগ্য ফ্রেমের মধ্যে রাখুন। আপনি যে কন্টেন্ট ব্যবহার করছেন সেটি টাইপ বা কপি-পেস্ট করুন।
- ফ্রেমটি নির্বাচন করুন এবং আপনার ইন্টারফেসের ডানদিকে প্রোটোটাইপ ট্যাবে যান। তারপরে, 'ওভারফ্লো স্ক্রোলিং' বিকল্প এবং আপনার পছন্দের শৈলী নির্বাচন করুন। এখানে আমরা 'উল্লম্ব স্ক্রোলিং' নির্বাচন করব।
একবার আপনি প্রোটোটাইপ ট্যাবে ওভারফ্লো স্ক্রোলিং বিকল্পে ক্লিক করলে, একাধিক শৈলী রয়েছে। আমরা উল্লম্বটি বেছে নিই যেহেতু আমরা উদাহরণ হিসাবে একটি উল্লম্ব আয়তক্ষেত্র ব্যবহার করছি। এটি আপনাকে উপরের থেকে নীচে পাঠ্যটি পড়তে দেয়। অন্যান্য কিছু শৈলী অন্তর্ভুক্ত:
- অনুভূমিক স্ক্রলিং - ব্যবহারকারীরা কিছু উদাহরণে তাদের পাঠ্য স্ক্রোল বাম থেকে ডানে করতে পারেন। আপনি যদি ল্যান্ডস্কেপিং ফর্ম্যাটে ডিজাইন তৈরি করেন তবে এই বিকল্পটি পছন্দনীয়।
- কোনো স্ক্রোলিং নেই - আপনি যদি আপনার সামগ্রীটি জায়গায় লক করতে চান তবে নো স্ক্রলিং বিকল্পটি বেছে নিন।
- উভয় দিকই - প্রচুর সামগ্রী সহ একটি ডিজাইন তৈরি করুন এবং উল্লম্ব এবং অনুভূমিকভাবে স্ক্রোল করুন।
বিষয়বস্তুর সাথে ইন্টারঅ্যাক্ট করার সময় আপনার পাঠক যে প্রচেষ্টা (ক্লিকগুলি) ব্যবহার করেন তা কমাতে আপনার ডিজাইনের মধ্যে স্ক্রোলযোগ্য বৈশিষ্ট্যগুলি ব্যবহার করা উচিত। তারা টন টেক্সটের মাধ্যমে ক্লিক বা ট্যাপ করার পরিবর্তে মাউস হুইল সোয়াইপ বা ব্যবহার করতে পারে।
কীভাবে নিষ্কাশন করা যায় তারকভ থেকে পালাতে হবে
আপনার স্ক্রোলযোগ্য উপাদানগুলি কীভাবে ডিজাইন করবেন
আপনার পণ্যের উপর নির্ভর করে, আপনাকে আপনার সামগ্রী ফ্রেম এবং সামগ্রী নিজেই ডিজাইন করতে হবে। প্রক্রিয়াটিতে সামগ্রিক নকশায় রঙ, ফন্ট এবং সম্ভাব্য অন্যান্য উপাদান যুক্ত করা জড়িত। এই উপাদান পরিবর্তন করা সহজ, কিন্তু সঠিক নান্দনিক নির্বাচন যত্নশীল বিবেচনা প্রয়োজন।
আপনার স্ক্রোলযোগ্য ডিজাইনের ফন্ট কীভাবে পরিবর্তন করবেন
প্রথমে আপনাকে যা করতে হবে তা হল আপনার স্ক্রোলযোগ্য ডিজাইনের ফন্টটি পরিবর্তন করুন। Figma আপনার চয়ন করার জন্য শৈলীর একটি বিস্তৃত পরিসর অফার করে। এখানে সবচেয়ে সহজ পদ্ধতি:
- আপনার স্ক্রোলযোগ্য ফ্রেমের সামগ্রীটি নির্বাচন করুন যা আপনি পরিবর্তন করতে চান।
- উপরের বাম দিকে অবস্থিত ড্রপ-ডাউন মেনুতে নেভিগেট করুন এবং এটি নির্বাচন করুন।
- আপনি যেটি ব্যবহার করতে চান তা না পাওয়া পর্যন্ত ফন্টগুলির মাধ্যমে স্ক্রোল করুন৷
আপনি যে ব্র্যান্ডের জন্য ডিজাইন করছেন তার একটি নির্দিষ্ট টাইপোগ্রাফি থাকলে, আপনি সম্ভবত একইটি বেছে নেবেন যাতে এটি ব্র্যান্ডের চিত্রের সাথে সামঞ্জস্যপূর্ণ হয়। আপনার যদি আরও নড়াচড়া করার ঘর থাকে, তাহলে সঠিকটি বেছে নেওয়ার আগে আপনাকে বিভিন্ন উদাহরণ দিয়ে পরীক্ষা করা উচিত।
কিছু বিবেচনা অন্তর্ভুক্ত:
- ডিজাইনের অভিপ্রায় - একটি টাইপোগ্রাফি নির্বাচন করা আপনার ডিজাইনের অভিপ্রায়ের সাথে মেলে। আপনি যদি অনেক তথ্য স্পষ্টভাবে জানাতে চান, তবে কম আলংকারিক কিন্তু মার্জিত ফন্টের জন্য লক্ষ্য রাখুন।
- অন্যান্য উপাদান - আপনার ফন্টটি আপনার ডিজাইনের অন্য যেকোনটির মতো একটি ভিজ্যুয়াল উপাদান। এটি ফ্রেম এবং আপনার অন্তর্ভুক্ত অন্যান্য উপাদানের সাথে মিলিত হওয়া উচিত।
- সামগ্রিক নান্দনিক এবং ব্র্যান্ডিং - ব্র্যান্ডের সাধারণ অনুভূতি আপনার নির্বাচিত ফন্টকেও প্রভাবিত করবে। উদাহরণস্বরূপ, একটি ফুল বিতরণ পরিষেবা SAAS ল্যান্ডিং পৃষ্ঠার মতো একই ফন্ট বৈশিষ্ট্যযুক্ত করবে না।
সঠিক ফন্ট নির্বাচন করার জন্য কিছু পরীক্ষা-নিরীক্ষার প্রয়োজন হতে পারে, কিছু কংক্রিট ফন্ট উদাহরণ হল সবচেয়ে নির্ভরযোগ্য বিকল্প:
- রোবোটো - আপনি যদি এটি নিরাপদে খেলতে চান তবে রোবোটো ব্যবহার করুন। এটি অনেক অ্যাপ্লিকেশন সহ একটি বহুমুখী এবং নিরপেক্ষ ফন্ট হিসাবে বিবেচিত হয়। যেহেতু এটি বোঝা খুব সহজ, তাই অনেকে নির্দেশাবলী এবং ল্যান্ডিং পৃষ্ঠাগুলির জন্য রোবোটো বেছে নেয়।
- পপিনস - একটি বন্ধুত্বপূর্ণ কিন্তু আধুনিক এবং পরিষ্কার আবেদনের জন্য, পপিনস বেছে নিন। এই ফন্টটি আরও গোলাকার এবং পাঠ্যটিকে আকর্ষণীয় এবং সহজে পড়া যায়।
- Raleway - একটি পরিশীলিত বিলাসবহুল ব্র্যান্ডের জন্য ডিজাইন করার সময়, আপনি Raleway বিবেচনা করতে চাইতে পারেন। এটি সাধারণত পাতলা তবে ওজনের ভিন্নতা এবং সামগ্রিক মার্জিত চেহারা রয়েছে।
- Lato - বন্ধুত্বপূর্ণ, নির্ভরযোগ্য এবং গুরুতর এই হরফটি বর্ণনা করার জন্য সঠিক শব্দ। ডিজাইনাররা শিরোনাম এবং অনুচ্ছেদ পাঠ্যের জন্য ল্যাটো ব্যবহার করতে পারেন যেখানে পাঠযোগ্যতা এবং স্বচ্ছতা প্রধান উদ্বেগ।
আপনি আপনার নির্বাচিত ফন্টের আকার এবং পাঠ্য শৈলীও বিবেচনা করতে চাইবেন। সাধারণত, শিরোনাম বা অংশের উপর জোর দেওয়ার জন্য বোল্ড ব্যবহার করা হয়, যখন উদ্ধৃতির জন্য তির্যক ব্যবহার করা হয়।
ফ্রেমের আকৃতির রঙ পরিবর্তন করা হচ্ছে
ফন্ট পরিবর্তন করার পাশাপাশি, আপনি আপনার ফ্রেমের আকৃতির রঙও পরিবর্তন করতে চাইবেন। আবারও, সঠিক বর্ণটি নির্ভর করবে আপনি যে ব্র্যান্ডের জন্য ডিজাইন করছেন বা আপনার নান্দনিকতার উপর। ভাগ্যক্রমে, ফিগমার ইন্টারফেস একটি রঙ নির্বাচন করা সহজ করে তোলে।
আপনি কীভাবে আপনার ফ্রেমের রঙ পরিবর্তন করতে পারেন তা এখানে:
- আপনি সম্পাদনা করতে চান ফ্রেম নির্বাচন করুন.
- লেয়ারটি ডান সাইডবারে প্রদর্শিত হবে। 'পূর্ণ' বিভাগে নেভিগেট করুন।
- একটি পূরণ যোগ করতে '+' নির্বাচন করুন।
- একটি রঙ চয়নকারী উইন্ডো খুলবে। ভরাট রঙ এবং গ্রেডিয়েন্ট নির্বাচন করুন। আপনি যদি সঠিক রঙটি জানেন তবে আপনি একটি হেক্স কোড টাইপ করতে পারেন।
অন্যান্য ডিজাইনের উপাদানগুলির মতো, আপনাকে বিভিন্ন রঙের সাথে পরীক্ষা করতে হবে এবং আপনার নির্বাচিত ফন্টের সাথে সেগুলি কেমন দেখাচ্ছে।
FAQS
Figma একটি স্ক্রোলযোগ্য পাঠ্য কমান্ড আছে?
আগুন জ্বলবে না 7
দুর্ভাগ্যবশত, ফিগমার মধ্যে একটি পাঠ্য স্ক্রোলযোগ্য করার জন্য কোন আদেশ নেই। যাইহোক, আপনি উপরে উল্লিখিত পদ্ধতি ব্যবহার করে মাত্র কয়েকটি ক্লিকে প্রক্রিয়াটি সম্পূর্ণ করতে পারেন।
আমি কোন ওভারফ্লো বিকল্প চাই তা আমি কিভাবে সিদ্ধান্ত নেব?
এটি নির্ভর করে আপনি যে ধরনের পাঠ্য ব্যবহার করছেন, সামগ্রিক নকশা এবং এর কার্যকারিতার উপর। উল্লম্ব শৈলী সাধারণত বড় টেক্সট মাধ্যমে skimming জন্য ভাল.
কীভাবে ফেসবুকে অনুসন্ধানের ইতিহাস মুছবেন
কোন ডিভাইস ইন্টারফেস সাধারণত একটি স্ক্রোলযোগ্য পাঠ্য নকশা প্রয়োজন হবে?
একটি ভাল উদাহরণ হবে একটি অ্যাপের জন্য ডিজাইন মক-আপ। ব্যবহারকারীরা সাধারণ ফ্রেম হিসাবে একটি ফোন তৈরি করতে পারে, যখন স্ক্রোলযোগ্য পাঠ্যটি অ্যাপের ইন্টারফেস হতে পারে।
স্ক্রোলযোগ্য ডিজাইন তৈরির জন্য ফিগমা কি সেরা পছন্দ?
স্ক্রোলযোগ্য ডিজাইন সহ বিস্তৃত আকারের ফর্ম তৈরির জন্য ফিগমা অন্যতম সেরা সরঞ্জাম। আরও ভাল, ফিগমা বিনামূল্যে। যাইহোক, আপনার কিছু ব্যক্তিগত পছন্দ থাকতে পারে। Adobe Illustrator-এর মতো কয়েকটি প্ল্যাটফর্ম নিয়ে পরীক্ষা করার চেষ্টা করুন, যতক্ষণ না আপনি আপনার জন্য সবচেয়ে উপযুক্ত টুলটি খুঁজে পান।
আপনার ডিজাইনগুলিকে স্ক্রোলযোগ্য এবং ব্যবহারকারী-বান্ধব করুন
Figma এ একটি ফ্রেমের মধ্যে যেকোনো পাঠ্য তৈরি করা সহজ। কেবল ফ্রেমটি নির্বাচন করুন এবং তারপরে ক্লিপ সামগ্রী বিকল্পে যান। একবার সম্পূর্ণ হলে, আপনি আপনার ওভারফ্লো স্ক্রোলিং বিকল্পগুলি বেছে নিতে পারেন। একইভাবে, আপনার অন্যান্য গুরুত্বপূর্ণ ডিজাইন উপাদানগুলিকে অবহেলা করা উচিত নয়, যেমন ফ্রেমের রঙ এবং আকৃতি এবং পাঠ্য ফন্ট। ল্যান্ডিং পৃষ্ঠা, অ্যাপ ইন্টারফেস এবং পপ-আপ উইন্ডোর জন্য আপনার ডিজাইনকে স্ক্রোলযোগ্য করা একটি চমৎকার পছন্দ। এটি টেক্সটগুলিকে ক্লিক করার পরিবর্তে স্কিম করা সহজ করে তোলে, শেষ পর্যন্ত ব্যবহারকারীর অভিজ্ঞতা বৃদ্ধি করে৷
আপনি কি আপনার বিষয়বস্তুকে ফিগমাতে স্ক্রোলযোগ্য করে তোলা সহজ খুঁজে পেয়েছেন? সঠিক ফন্ট নির্বাচন সম্পর্কে কি? নিচের মন্তব্য অংশে আমাদেরকে জানান।