The latest articles on DEV Community by Joy Tarafder (@joytarafder01). https://dev.to/joytarafder01 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F732544%2F4a3ed922-91f5-4880-9fa4-eea933bdfded.jpeg https://dev.to/joytarafder01 en Joy Tarafder Thu, 01 Sep 2022 05:24:05 +0000 https://dev.to/joytarafder01/figma-9na https://dev.to/joytarafder01/figma-9na <p>ডিলান ফিল্ড এবং ইভান ওয়ালেস ব্রাউন ইউনিভার্সিটিতে কম্পিউটার বিজ্ঞান পড়ার সময় ২০১২ সালে ফিগমা নিয়ে কাজ শুরু করেন। ফিগমা এর মূল উদ্দেশ্য ছিল “একটি ব্রাউজারে বিনামূল্যে, সহজে যেকেউ ব্যবহার করতে পারে এবং যে কোনও জায়গায় কাজ করতে পারে।।” ফিগমা , ৩ ডিসেম্বর, ২০১৫ এ একটি বিনামূল্যের আমন্ত্রণ শুধুমাত্র পূর্বরূপ প্রোগ্রাম অফার করা শুরু করেছিল। এটি পরবর্তীতে ২৭ সেপ্টেম্বর, ২০১৬ -এ প্রথম সর্বজনীন প্রকাশ করে।</p> <h2> 📌কেন ফিগমা ব্যবহার করা উচিত ? </h2> <p>🟢 এটি সবার জন্য ফ্রি একটি টুল।<br> 🔴 ওয়েব এবং ডেস্কটপ উভয় অ্যাপের জন্য এবং কোনো বাধা ছাড়াই কাজ করা যায়।<br> 🔵 এটি একটি কোলাবরেটিভ (collaborative) টুল। এখানে একই সাথে টিমের মাধ্যমে কাজ করতে পারবে।<br> 🟣 Windows , macOS এবং Linux এ কাজ করে।<br> 🟠 এটি একটি ওয়েব-বেস এ্যাপ্লিকেশন।</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--oGnbO9zE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0gtfaxnlbfr84rxnzq4q.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--oGnbO9zE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0gtfaxnlbfr84rxnzq4q.jpg" alt="Image description" width="880" height="510"></a></p> <h2> 📌ফিগমা দিয়ে কি করা হয়? </h2> <p>ফিগমা একটি ডিজাইন এবং প্রটোটাইপিং টুল যেটার মধ্যমে যেকোনো <strong>ইউজার ইন্টারফেস(UI)</strong> এবং <strong>ইউজার এক্সপেরিয়েন্স(UX)</strong> তৈরি করা যায়। ওয়্যারফ্রেমিং ওয়েবসাইট, মোবাইল অ্যাপ ইন্টারফেস ডিজাইন, প্রোটোটাইপিং ডিজাইন, সোশ্যাল মিডিয়া পোস্ট ক্রাফটিং এবং এর মধ্যে সবকিছু থেকে সমস্ত ধরণের গ্রাফিক ডিজাইনের কাজ করতে এটি ব্যবহার করা হয়ে থাকে ৷</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--dH_VqHS7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sn1yhkjt1jsabktnocjm.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dH_VqHS7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sn1yhkjt1jsabktnocjm.png" alt="Image description" width="880" height="420"></a></p> <p><strong>📌ইউজার ইন্টারফেস (UI) কি?</strong><br> ইউজার ইন্টারফেস ডিজাইন হলো এই ইন্টারফেসগুলিকে কীভাবে দেখায় এবং কীভাবে আচরণ করে তা ডিজাইন করার প্রক্রিয়া।</p> <p>যেমন আপনি শপিং করার জন্য আপনার স্মার্টফোনে একটি এ্যাপ ব্যবহার করছেন। আপনি যে স্ক্রিনগুলি নেভিগেট করেন, আপনি যে বোতামগুলি ট্যাপ করেন এবং আপনি যে ফর্মগুলি পূরণ করেন তা সবই ইউজার ইন্টারফেসের অংশ।</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--BHH4xT2_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oek2adi7xwrym61bse6a.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--BHH4xT2_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oek2adi7xwrym61bse6a.png" alt="Image description" width="880" height="516"></a></p> <h2> 📌ইউজার এক্সপেরিয়েন্স (UX) কি ? </h2> <p>ডিজাইন করার প্রক্রিয়া যেগুলি উপযোগী, ব্যবহার করা সহজ এবং ইন্টারঅ্যাক্ট করতে আনন্দদায়ক। একটি ডিজিটাল পণ্য বা ওয়েবসাইটের সাথে ইন্টারঅ্যাক্ট করার সময় একজন ব্যবহারকারী যে অভিজ্ঞতার মধ্য দিয়ে যাবে তাই ইউজার এক্সপেরিয়েন্স(UX) ডিজাইন।</p> <p>ধরেন আপনি ফ্লাইটের টিকিট কাটার জন্য একটি এ্যাপ ব্যবহার করেছেন এবং এই এ্যাপের ডাটাগুলো কত দ্রুত লোড হয় , পরবর্তী পেইজে যেতে কত সময় নেয় এই সবই হলো ইউএক্স।</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Jvp7_E9B--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8b3qeh8xsip3u4nkw872.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Jvp7_E9B--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8b3qeh8xsip3u4nkw872.png" alt="Image description" width="780" height="370"></a></p> <p>📖 <strong>Happy Reading!</strong> ❤️</p> figma uiux ui design