Reading Time: 6 minutes

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

Figma

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

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

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

এখন অন্য আরেকটি টুল আছে যা নিয়ে আমি সত্যিই হাইপড, টুলটি হল Penpet। এটি অনেকটা Figma-র মতোই কিন্তু এটি ওপেন সোর্স টুল। এর একটি বিশেষত্ব হচ্ছে এটি SVG সাপোর্ট করে। অর্থাৎ আপনি SVG ফরমেট দিয়ে শুরু করে পরবর্তীতে SVG কিংবা যেকোনো ফরমেট এ আপনি এক্সপোর্ট করতে পারবেন। এটি একই সাথে ফ্রি এবং ওপেন সোর্স এবং এতে Figma-র মতোই কমিউনিটি ফিচার সংযুক্ত হবে বলে আশা রাখা যায়। তবে আপাতত, আপনি প্লাগইন সমর্থন এবং কমিউনিটি ফিচার ছাড়া সমস্ত মৌলিক সরঞ্জাম এবং ফিচার গুলো ব্যবহার করতে পারবেন। Penpet আসলে বর্তমানে বেটাতে রয়েছে, তাই আপনি চাইলে আপনি এটি ব্যবহার করে আপনার মতামত প্রকাশ করতে পারেন।

Inkscape এবং GIMP

Figma-র মতো এই দুটি সফটওয়্যারও আমাদের ডেভেলপারদের নিত্যদিনের সঙ্গী। এর মধ্যে ইঙ্কস্কেপ একটি ভেক্টর ডিজাইন টুল যার মধ্যে কমপ্লেক্স ভেক্টর ডিজাইনের জন্য সব রকমের টুল এবং কার্যকারিতা আগে থেকেই দেয়া আছে। আর GIMP হল ফটোশপের মতো রাস্টার চিত্রগুলি সম্পাদনা এবং ম্যানিপুলেট করার জন্য একটি টুল। অনেকে মনে করে যে GIMP একটি জটিল অ্যাপ্লিকেশনে যা কিনা মাস্টার করা একটি কঠিন কাজ তবে আমার জন্য এটি কিছুটা বিপরীত। হ্যাঁ, শুধু আমাদের ডেভেলপাররাই নয় বরং আমি নিজেও GIMP এবং Inkscape ব্যবহার করেছি এবং করছি। যখন থেকে আমি GIMP দিয়ে শুরু করেছি, Photoshop এর চেয়ে আমার এতে কাজ করা আরও সহজ ও দ্রুততর মনে হয়েছে এবং এখন আমি খুব কমই Photoshop স্পর্শ করি যদি না আমার একান্তই প্রয়োজন হয়। তবে PSD ব্যবহারের ক্ষেত্রে GIMP খুবই বাজে। যেহেতু এতে কোনো নন ডিস্ট্রাকটিভ এডিটের জন্য এতে সমর্থন নেই যেকোনো FX প্রয়োগের পরে আপনি এর প্যারামিটার পরিবর্তন করতে পারবেন না। যতক্ষণে না আপনি আনডু করছেন বা আলাদা লেয়ারে কাজ করছেন ততক্ষনে এটি পার্মানেন্টলি সংযুক্ত হয়ে যাবে।

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

বিজ্ঞাপন (কেন?)

এখানে বেশ কিছু ছোট ছোট টুল এবং ফিচার রয়েছে যা কিনা আপনার কাজকে আরো সহজ করে তুলবে। আপনি এখানে X-Ray টুল ব্যবহার করে ভিতরের লেয়ার থেকে কোনো অবজেক্ট খুঁজে বের করতে পারবেন। অ্যারেঞ্জ টুল ব্যবহার করে আপনি খুব সহজেই আপনার অবজেক্ট গুলো সাজাতে পারবেন, ক্লোন টুল ব্যবহার করে খুব সহজেই ক্লোন করতে পারবেন এবং খুব সহজেই অবজেক্ট সাইজ পরিবর্তন করতে পারবেন। Adobe Illustrator ব্যবহারকারীদের চেয়ে আপনার অভিজ্ঞতাকে আরও ভাল করার জন্য Inkscape জুড়ে ছড়িয়ে ছিটিয়ে আছে বিভিন্নরকম ছোট ছোট ফিচার। এবং মজার বিষয় হচ্ছে আপনি চাইলে Inkscape এবং Figma একই সাথে ব্যাবহার করতে পারেন যেহেতু উভয়েই SVG ফরমেট সাপোর্ট করে এবং Inkscape এর জন্য এটি নেটিভ ফরমেট।

Photopea

Photopea নামের এই অনলাইন টুল টি লুকিয়ে লুকিয়ে Photoshop এর স্থান দখল করে নেয়ার চিন্তায় আছে এবং আসলেও আপনাকে বেশ অবাক করে তুলবে। এটি প্রায় সম্পূর্ণ Photoshop এর মতই অভিজ্ঞতা দেবে আপনাকে। এখন, আপনি জিজ্ঞাসা করতে পারেন, এই সরঞ্জামটি আপনাদের ইউআই ডিজাইন ওয়ার্কফ্লোতে কোথায় ফিট করে? বিষয়টি যদি এমন হয় আপনি যাদের সাথে কাজ করছেন তারা সকলে পিডিএফ ফাইল ব্যবহার করে কাজ করছেন বা ভেক্টর ড্রইং ব্যবহার করছেন তাহলে তো আপনি বেচে গেলেন। কিন্তু যদি এমন হয় যে, কেউ PSD ফরমেট ব্যবহার করছে? তখন কোনো উইন্ডোজ মেশিন না পেলে আপনাকে সাহায্য করতে পারবে Photopea। আমি জানি না Adobe কেন এখনও ফটোপিয়ার বিরুদ্ধে মামলা করেনি কারণ এটি কেবল PSD তে ইমপোর্ট ই করতে পারেনা বরং এক্সপোর্ট ও করতে পারে।

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

Imagemagick

আপনি কি আপনার RGBA PNG ইমেজ থেকে আলফা চ্যানেল সরাতে চাচ্ছেন? আপনি চাইলে বিভিন্ন ফটো এডিটর কিংবা অনলাইন টুলের সাহায্য নিতে পারেন। অথবা আপনি শুধুমাত্র একটি কমান্ড ব্যবহার করে সকল PNG কে সাদা ব্যাকগ্রাউন্ড এর RGB তে পরিণত করতে পারবেন। এটি সম্ভব শুধুমাত্র Imagemagick এর মাধ্যমে। ছোট একটি টুল যা কিনা GUI ছাড়াই সব রকমের ইমেজ সম্পর্কিত কাজ করতে সক্ষম। বিভিন্ন ইমেজ এডিটর এবং অনলাইন কনভার্টার এই টুলটি ব্যবহার করে থাকে কেননা এটি দিয়ে ছবি সম্পর্কিত প্রায় সকল কাজই করা সম্ভব।

এটি আপনাকে খুব নির্দিষ্ট জিনিসগুলি করতেও সহায়তা করতে পারে, যেমন ব্যাচ রূপান্তর, বা বিট গভীরতা পরিবর্তন কিংবা PNG বা BMP পরিবর্তন করা, PSD কে PNG বা JPG তে রূপান্তর করা, এমনকি একটি কমান্ডের মাধ্যমে ছবিগুলো তে ওয়াটারমার্কিং করা ইত্যাদি। কিন্তু যেহেতু এটি একটি CLI টুল। সুতরাং এটি আয়ত্তে আনা একটি চ্যালেঞ্জ হতে পারে। তবে আপনি যদি এই চ্যালেঞ্জ মোকাবিলা করতে পারেন তবে এর রিওয়ার্ড বেশ ফলপ্রসূ হবে।

পরিশেষ

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

সাবস্ক্রাইব করুন The Penguins Club খবরপত্রিকায়

প্রতি শুক্রবার বিশেষ খবর এবং আলোচনায় অংশগ্রহন করতে আপনার ইমেইল দিন।


Tagged:
About the Author

Hello World!
Jamil's here. Love to learn and write about new things, especially about tech.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.