Wednesday, April 4, 2018

UI/UX ডিজাইন দ্বারা কিভাবে মোবাইলের অ্যাপ স্ক্রিন ডিজাইন করা যায় অ্যাডবি ফটোশপ দিয়ে | এসো ডিজাইন শিখি

UI/UX  ডিজাইন দ্বারা  মোবাইলের অ্যাপ স্ক্রিন ডিজাইন
UI/UX  ডিজাইন, UI ডিজাইন,UX  ডিজাইন
UI/UX  ডিজাইন, UI ডিজাইন,UX  ডিজাইন
UI/UX ভিডিও

UI ডিজাইন কি?

UI  অর্থাৎ U= User এবং I=Interface তাহলে UI হচ্ছে User Interface.

এককথা,UI হচ্ছে  User Interface  ইউজার ইন্টারফেস যা কোন বস্তুর অবয়ব বা চেহারা!  অর্থাৎ কোন একটি ডিজাইনের যা প্রথম যে অভয়ব বা চেহারা নিয়ে আপনার সামনে আসে তাকে বলে UI ডিজাইন বা User Interface  ইউজার ইন্টারফেস বলে।




একেক মোবাইলের স্ক্রিন আর সাইজ একেক রকম হয়ে থাকে।যেমন নকিয়া স্মার্ট মোবাইলের সাইজ এবং আই-ফোনের  সাইজ এক না।আবার সেমসাং মোবাইলের সাইজ এবং হুয়াই মোবাইলের সাইজ এক রকম না।

আমি যে মোবাইল স্ক্রিন ডিজাইন করছি তার সাইজ হলঃ
১১২৫ পিক্সেল*২৪৩৬পিক্সেল
রেজুলেশন হচ্ছে ৭২ ও কালার মোড হচ্ছে RGB

ডিজাইনঃ

প্রথমে ফটোশপ ডুমুমেন্ট ওপেন করি (ctrl+N) দিয়ে।যা দেখতে একটু লম্বা সেইপের মত দেখতে লাগবে।




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




তারপর,আমাদের ভাবতে হবে,মোবাইলে স্ক্রিন ডিজাইন করার ক্ষেত্রে কি কি বিষয় রাখতে হয়।প্রথমে ডান পাশে পিকচার ও বাম পাশে ডাইলগ Taxt থাকতে পারে।আপনারা ইচ্ছে করলে চেঞ্জ করে দিতে পারেন।





তারপর,লোগো টি আপনি স্ক্রিনের উপরে ঠিক মাঝ বরাবর রাখতে হবে।যা আপনার মোবাইল স্ক্রিনটি দেখতে ভাল লাগবে।যা নিচের পিকচার টি লক্ষ্য করলে দেখতে পারবেন।




তারপর,স্ক্রিনের নিচে কিছু এরর চিহ্ন থাকতে পারে।যা আপনার স্ক্রিন টি পর ডান ও বামে দিকে যাবে এইরকম বুঝাতে হবে।যা নিচের পিকচার টি লক্ষ করুন।এবং next or skip লেখা দিতে পারেন।



তারপর,সর্বশেষ সবার উপর একটি ১১২৫*২৪৩৬ সাইজ নিয়ে রেক্ট্যাংগল সেইপ নিতে হবে এবং কালার হবে কাল।অপাসিটি হবে ১২% ।
সর্বশেষ দিজাইনটি একটি মোবাইল মোকাপ ব্যবহার করে তা প্রেজেন্ট করতে হবে।যাতে ক্লাইন্ট খুশি হয়।


UI/UX  ডিজাইন, UI ডিজাইন,UX  ডিজাইন
UI/UX  ডিজাইন, UI ডিজাইন,UX  ডিজাইন


এভাবে ই একটি সুন্দর মোবাইলের অ্যাপ স্ক্রিন ডিজাইন তৈরি করা হয়।যারা এই মোবাইলের অ্যাপ স্ক্রিন ডিজাইন টির মত অ্যাপ স্ক্রিন ডিজাইন করতে চান তারা উপরের সব গুলো নিয়ম ফলো করতে পারেন।



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






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

ভাল থাকবেন। দোয়া করবেন যেন সামনে আরো ভাল ভাল বিষয় আপনাদের সামনে নিয়ে আসতে পারি।

Saturday, March 10, 2018

কিভাবে টাইফোগ্রাফি লোগো ডিজাইন করা যায় অ্যাডবি ইলেস্ট্রেটর দিয়ে। ( এসো ডিজাইন শিখি )


কিভাবে টাইফোগ্রাফি লোগো ডিজাইন করা যায় অ্যাডবি ইলেস্ট্রেটর দিয়ে। 
( এসো ডিজাইন শিখি )





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


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

লোগো (logo) কি?
লোগো হচ্ছে এক ধরনের গ্রাকিক্স সেম্বল (চিত্র) বা প্রতীক।যা কোন ব্যবসায়ক  প্রতিষ্ঠান বা বাণিজ্যিক সংস্থা এবং কোন কোম্পানি, সাহায্য-সহযোগিতার লক্ষ্যে নিজের পরিচিতি জনগণের কাছে তুলে ধরার মাধ্যম হচ্ছে লোগো। লোগো অর্থ হচ্ছে গ্রাফিক নক্সা বা প্রতীক কিংবা চিহ্নে  যা  প্রতিষ্ঠানের নাম এবং প্রতিষ্ঠানের অংশবিশেষকে ফুটিয়ে তোলে ধরা হয়।

লোগো (logo) কি কি বিষয়ের উপর নির্ভর করে?

লোগো অর্থ হচ্ছে গ্রাফিক নক্সা বা প্রতীক কিংবা চিহ্নে  যা  প্রতিষ্ঠানের নাম এবং প্রতিষ্ঠানের অংশবিশেষকে ফুটিয়ে তোলে ধরা হয়।
লোগো যেহেতু কোম্পানির পরিচিতি জনগণের কাছে তুলে ধরে এবং লোগো কোম্পানির ট্রেড মার্ক যা 

লোগো (logo) সাইজ কত?


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


টাইফোগ্রাফি লোগো কি?

কিভাবে টাইফোগ্রাফি লোগো ডিজাইন করতে হয়?

টাইফোগ্রাফি লোগো,লেটার লোগো,ফন্ট লোগো, সব গলো একই  ধরনের লোগো