প্রোপার্টিজ প্যানেল

Properties Panel

আপনার ডিজাইন ফাইলে এখন কয়েকটা লো-ফাইডেলিটি ওয়্যারফ্রেম এবং একটি গুছিয়ে রাখা লেয়ার প্যানেল আছে। এটা খুবই ভালো অগ্রগতি, কিন্তু ডিজাইনটা একটু… সাধারণ লাগছে। সৌভাগ্যক্রমে, আমাদের পরের পর্ব হলো প্রোপার্টিজ প্যানেল, যা আপনাকে ডিজাইনটিকে কাস্টমাইজ করতে এবং এর ফিডেলিটি বাড়াতে সাহায্য করবে।

চলুন, সাধারণ প্রোপার্টি দিয়ে শুরু করা যাক, যেগুলো অধিকাংশ ধরনের লেয়ারে প্রযোজ্য।

• Alignment tools: এই টুলগুলো আমাদের ফ্রেমের মধ্যে একটা লেয়ারকে সঠিকভাবে অ্যালাইন করতে দেয়। এই টুলগুলো “Properties Panel”-এর উপরে অবস্থিত, এবং প্রতিটি টুলের আইকনে দুটি লাইন দেখানো হয়, যেগুলো একটি নির্দিষ্ট অবস্থানের সাথে অ্যালাইন করা আছে।
• X and Y coordinates: এইগুলো পিক্সেলে ফ্রেমের মধ্যে একটা লেয়ারের অবস্থান প্রতিনিধিত্ব করে। ফ্রেমের X এবং Y coordinates ক্যানভাসে তার অবস্থান প্রতিনিধিত্ব করে। আমরা যদি লেয়ারটিকে নতুন জায়গায় ড্র্যাগ করি, অথবা কোঅর্ডিনেটের জন্য নতুন মান লিখি, তাহলে এই কোঅর্ডিনেটগুলি আপডেট হবে।
• Width (W) and height (H): একটা লেয়ারের “width” এবং “height” “Properties Panel”-এর উপরে দেখানো হয়। আমরা যদি লেয়ারটিকে রিসাইজ করতে ড্র্যাগ করি, তাহলে তার “width” এবং “height” আপডেট হবে। আমরা লেয়ারের সাইজ পরিবর্তন করতে “width” এবং “height” মান লিখতেও পারি।
• Fill: এটা দেখায় যে লেয়ারে কোন রং(গুলি) বা ছবি(গুলি) আছে। একটা লেয়ারে একটা ফিল, একাধিক ফিল, অথবা কোনো ফিলই থাকতে পারে।
  • Fill আইকন নির্বাচন করলে “color picker” খুলবে। “color picker”-এর উপরে বাম দিকে একটি ড্রপডাউন মেনু আছে, যা সলিড রং, গ্রেডিয়েন্ট (লিনিয়ার, রেডিয়াল, অ্যাঙ্গুলার, ডায়মন্ড), অথবা ছবি প্রয়োগ করার জন্য বিকল্প দেয়।
• Stroke: এটা আমাদের একটা বর্ডার যোগ করতে দেয়। বর্ডার যোগ করার পর, আমরা এর কালার , ওয়েট এবং স্টাইল কাস্টমাইজ করতে পারি।

Task

আমাদের ওয়্যারফ্রেমগুলোর ফাইডেলিটি বাড়ানোর সময় এসেছে! এবার আমরা “Properties Panel” ব্যবহার করে লেয়ারগুলো কাস্টমাইজ করব। ভিডিওতে দেওয়া উদাহরণের মতো ডিজাইন করতে পারেন, অথবা নিজের ডিজাইন তৈরি করতে পারেন। নিচের প্রোপার্টিগুলো ব্যবহার করে আপনার ডিজাইনের লেয়ারগুলোকে কাস্টমাইজ করুন:

• Stroke (বর্ডার): লেয়ারে বর্ডার যোগ করুন এবং এর রং, ওজন, এবং স্টাইল পরিবর্তন করুন।
• Fill-image (ফিল ইমেজ): লেয়ারে ছবি যোগ করুন।
• Fill-color (ফিল রং): লেয়ারে রং যোগ করুন।
• Text (টেক্সট): টেক্সট লেয়ারের ফন্ট, সাইজ, ওজন ইত্যাদি পরিবর্তন করুন।
• Corner radius (কোণার গোলাকৃতি): লেয়ারের কোণার গোলাকৃতি পরিবর্তন করুন।
• Alignment (অ্যালাইনমেন্ট): লেয়ারগুলোকে ফ্রেমের ভিতরে সঠিকভাবে অ্যালাইন করুন।

এই প্রোপার্টিগুলো ব্যবহার করে আপনি আপনার ওয়্যারফ্রেমগুলোকে আরও সুন্দর এবং আকর্ষণীয় করে তুলতে পারবেন। আরও জানতে