অ্যাডোব এক্সডিতে ইউআই কিটগুলি কীভাবে ব্যবহার করবেন

ওয়েব ডিজাইনে আগ্রহী তাদের জন্য, অ্যাডোব এক্সডি-তে ইউআই কিটগুলি একটি নতুন ডিজাইন প্রকল্পটি ঝাঁপিয়ে দেখার দুর্দান্ত উপায়। এই কিটগুলির সাহায্যে আপনি কয়েকটি কার্যকর সংস্থানগুলিতে অ্যাক্সেস পাবেন যা আপনি নিজের ওয়েবসাইট বা অ্যাপ ডিজাইনের জন্য সংশোধন করতে এবং ব্যবহার করতে পারবেন।

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

গাইডিং টেক-এও রয়েছে

অ্যাডোব ব্রিজের সাথে কীভাবে ব্যাচ কনভার্ট ফটোগুলি হয়

অ্যাডোব এক্সডিতে ইউআই কিটস কীভাবে ডাউনলোড করবেন

প্রথমে আসুন একনজরে দেখে নেওয়া যাক আপনি ঠিক কিভাবে সফটওয়্যার থেকে অ্যাডোব এক্সডি তে ইউআই কিটস ডাউনলোড করতে পারেন। শুরু করার জন্য এই পদক্ষেপগুলি অনুসরণ করুন:

পদক্ষেপ 1: সফ্টওয়্যারটির উপরের বাম কোণে হ্যামবার্গার মেনু বোতামটি ক্লিক করুন।

পদক্ষেপ 2: মেনুতে, ইউআই কিটস অপশনটি নীচে স্ক্রোল করুন এবং তারপরে উপলভ্য বিকল্পগুলির মধ্যে দুটিতে ক্লিক করুন।

এই নিবন্ধটির জন্য, আমি গুগল মেটালিয়াল ইউআই কিটটি বেছে নেব। তবে আপনার প্রকল্পের উপর নির্ভর করে আপনি অ্যাপল আইওএস বা মাইক্রোসফ্ট উইন্ডোজ কিটগুলি নির্বাচন করতে পারেন। এটি একটি অফিশিয়াল ওয়েব পৃষ্ঠা খুলবে যা থেকে আপনি ইউআই কিটগুলি বিনামূল্যে ডাউনলোড করতে পারেন।

পদক্ষেপ 3: নিম্নলিখিত ওয়েব পৃষ্ঠায় অ্যাডোব এক্সডি ইউআই কিটটি সনাক্ত করুন এবং এটি আপনার সিস্টেমে ডাউনলোড করুন।

পদক্ষেপ 4: এখন ডাউনলোড করা ফাইলটি অ্যাডোব এক্সডিতে খুলুন এবং আপনাকে সংশ্লিষ্ট প্ল্যাটফর্মের জন্য ইউআই সংস্থানযুক্ত আর্টবোর্ডগুলির একটি গুচ্ছ দিয়ে স্বাগত জানানো হবে।

আপনি পৃথক সমস্ত আর্টবোর্ড দেখতে সিআরটিএল বোতামটি ধরে রাখতে এবং স্ক্রল হুইলটিকে জুম / আউট করতে সরিয়ে নিতে পারেন।

আপনি যদি তার পরিবর্তে ওয়্যারফ্রেমগুলি ডাউনলোড করতে চান তবে আপনি ইউআই কি কিটস মেনুতে ওয়্যারফ্রেমস বিকল্পটিতে ক্লিক করতে পারেন।

আপনি ইউআই কিটস মেনুতে আরও ইউআই কিটস বিকল্পটি ক্লিক করে অ্যাডোবের ওয়েবসাইটে অতিরিক্ত ইউআই কিটগুলি সন্ধান করতে পারেন।

সত্যিই দুর্দান্ত মুভি ম্যাজিক ইউআই কিটটি যা হেড-আপ ডিসপ্লের মতো দেখায় এই ওয়েবসাইটটি থেকে চয়ন করার জন্য দুর্দান্ত কিছু বিকল্প রয়েছে।

এখন আপনি কীভাবে ইউআই কিটগুলি ডাউনলোড করবেন তা জানেন, আসুন আপনি কীভাবে আপনার প্রকল্পগুলিতে সেগুলি ব্যবহার করতে পারেন তা একবার দেখুন।

অ্যাডোব এক্সডিতে ইউআই কিটস কীভাবে ব্যবহার করবেন

আপনার প্রকল্পে ইউআই কিট ব্যবহার করতে, কেবল এই সাধারণ পদক্ষেপগুলি অনুসরণ করুন:

পদক্ষেপ 1: আপনি আপনার প্রকল্পে যে UI উপাদানটি ব্যবহার করতে চান তাতে জুম বাড়ান এবং এটি নির্বাচন করতে এর শিরোনামে ক্লিক করুন।

পদক্ষেপ 2: এখন Ctrl + C শর্টকাট ব্যবহার করে উপাদানটি অনুলিপি করুন।

পদক্ষেপ 3: তারপরে মেনু থেকে একটি নতুন অ্যাডোব এক্সডি প্রকল্প খুলুন।

পদক্ষেপ 4: এখানে, Ctrl + V শর্টকাট ব্যবহার করে UI উপাদানটি আটকান।

এই নিবন্ধটির জন্য, আমি গুগল মেটালিয়াল ইউআই কিট থেকে মোবাইল ডার্ক উপাদান ব্যবহার করব। উপাদানটিতে আপনাকে আরও স্তর স্থাপনে সহায়তার জন্য গাইড অন্তর্ভুক্ত রয়েছে তবে আপনি যদি সেগুলি ব্যবহার করতে না চান তবে আপনি পরবর্তী পদক্ষেপটি অনুসরণ করে সহজেই এগুলি সরাতে পারবেন।

পদক্ষেপ 5: গাইডগুলি সরাতে উপরের বাম কোণে লক আইকনে ক্লিক করুন এবং তারপরে মুছুন hit আপনি যদি উপাদানটিকে আরও সঠিকভাবে উপাদানটিতে স্থাপন করতে গাইড ব্যবহার করতে চান তবে আপনি এই পদক্ষেপটি এড়িয়ে যেতে পারেন।

পদক্ষেপ:: এখন এই পৃষ্ঠায় যুক্ত করতে অন্য উপাদানটি নির্বাচন করতে UI কিটের দিকে ফিরে যান। আবার, উপাদানটির শিরোনামে ক্লিক করুন এবং এটি Ctrl + C শর্টকাট ব্যবহার করে অনুলিপি করুন।

আমি এই নিবন্ধটির জন্য একটি বেসিক টোস্ট তৈরি করব যার জন্য আমি একটি ডায়ালগ ব্যবহার করব।

পদক্ষেপ 7: পূর্ববর্তী উপাদানটিতে নতুন উপাদানটি আটকান এবং তারপরে গাইড অনুসারে এটি সারিবদ্ধ করুন।

পদক্ষেপ 8: এখন টোস্টে প্রতিটি উপাদান সম্পাদনা করতে, পাঠ্য বাক্সে ডাবল ক্লিক করুন এবং তারপরে আপনি যে পাঠ্যটি ব্যবহার করতে চান তা প্রবেশ করুন। প্রথমে টোস্টের শিরোনাম পরিবর্তন করা যাক।

এরপরে, পাঠ্য বাক্সটিতে ডাবল ক্লিক করে এবং আপনি যেটি যুক্ত করতে চান তাতে টাইপ করে দেহের সামগ্রী পরিবর্তন করুন।

আপনি একই পদ্ধতিতে বোতামগুলির পাঠ্যও পরিবর্তন করতে পারেন। পাঠ্য সম্পাদনা করার পরে আপনি পাঠ্যের রঙ এবং অস্বচ্ছতা পরিবর্তন করতে পারবেন। অস্বচ্ছতা পরিবর্তনের জন্য, স্লাইডারটি কেবলমাত্র সরঞ্জামদণ্ডের অপসারণের বিকল্পের নীচে ডানদিকে সরান।

পাঠ্যের রঙ পরিবর্তন করতে, পূরণ বিকল্পের পাশের আয়তক্ষেত্রটিতে ক্লিক করুন এবং তারপরে রঙ চয়নকারী থেকে একটি নতুন রঙ নির্বাচন করুন।

এবং এটি কেবল যে পাঠ্যটি আপনি এই পদ্ধতিতে সম্পাদনা করতে পারবেন তা নয়। আপনি ডায়ালগ বাক্সের প্রায় সমস্ত আইটেমের রঙ এবং অস্বচ্ছতাও পরিবর্তন করতে পারেন, যদি আপনি কোনও অনন্য রঙের স্কিমের জন্য যান তবে দুর্দান্ত।

ফলাফলের সাথে সন্তুষ্ট হয়ে গেলে, কেবল মেনুতে Save As বিকল্পে বা Shift + Ctrl + S শর্টকাট ব্যবহার করে আপনার ফাইলটি সংরক্ষণ করুন।

গাইডিং টেক-এও রয়েছে

# চিত্রের নকশা

আমাদের গ্রাফিক ডিজাইন নিবন্ধ পৃষ্ঠা দেখতে এখানে ক্লিক করুন

ইউআই কিটস ব্যবহার করে আপনার নকশাটি নিখুঁত করুন

এখন আপনি অ্যাডোব এক্সডিতে ইউআই কিটগুলি কীভাবে ডাউনলোড এবং ব্যবহার করতে জানেন তা আমি নিশ্চিত যে আপনি অল্প সময়ের মধ্যে আশ্চর্যজনক ডিজাইনগুলি মন্থন শুরু করবেন। এই ইউআই কিটগুলি অবশ্যই বেশ কার্যকর এবং প্রতিটি ইউআই উপাদানগুলির ডিজাইনের চিন্তা না করে আপনাকে সরাসরি আপনার প্রকল্পে যেতে সহায়তা করে।

পরবর্তী: অ্যাডোব এক্সডি-তে একটি প্রকল্প সম্পন্ন হয়েছে এবং কীভাবে এটি এইচটিএমএল রফতানি করতে জানেন না? একটি সহজ ধাপে ধাপে টিউটোরিয়াল জন্য পরবর্তী নিবন্ধ দেখুন।