Thursday, June 7, 2018

কিভাবে ওয়েভ টেমপ্লেট বা ওয়েভ সাইট ডিজাইন করা যায় (UI/UX)।এসো ডিজাইন শিখি

কিভাবে ওয়েভ টেমপ্লেট ডিজাইন করা যায়।




হ্যালো বন্ধুরা,
কেমন  আছেন,আশা করি ভাল।

আজ আমি ,একটি ওয়েভ সাইট ডিজাইন এবং ওয়েভ টেমপ্লেট ডিজাইন কিভাবে করা যায় অ্যাডবি ফটোশপ দিয়ে তা নিয়ে আলোচনা করবো।সাথে (UI/UX) ডিজাইন নিয়েও আলোচনা করবো। আশা করি সাথে থাকবেন।


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


কিভাবে ওয়েভ সাইট ডিজাইন করতে হয়?

ওয়েভ সাইট ডিজাইন করতে হলে আপনাকে জানতে হবে ওয়েভ সাইট সম্পর্কে।জানতে হবে ওয়েভ সাইট কি? কিভাবে ওয়েভ সাইট কাজ করে? জানতে হবে ওয়েভ সাইট কি কি পার্ট নিয়ে তৈরি হয়।

প্রথমে নিচে ওয়েভ সাইট ডিজাইন টি দেখে নেয়া যাক-





যে কোন ওয়েভ সাইটের ৩টি পার্ট থাকেঃ
১/ হেডার পার্ট
২/বডি পার্ট
৩/ফোটার পার্ট

 এই ৩টি পার্টের মধ্যে কিছু পার্ট থাকে যার সমন্বয় ওয়েভ সাইট তৈরি করা হয়।


হেডার পার্টঃ
  1. নেভিগেশন পার্ট
  2. কোম্পানি লোগো
  3. কোম্পানি স্লোগান
  4. কোম্পানির ছবি
বডি পার্টঃ
কোম্পানি সমস্থ কিছু থাকবে এই পার্টে


ফোটার পার্টঃ
  1. কোম্পানি কন্টাক্ট ইনফর্মেশন
  2. ম্যাপ
  3. কোম্পানি মালিকের ইনফর্মেশন থাকবে
আপনি উপরের ওয়েভ সাইটির ডিজাইন দেখলে আপনি বোঝতে পারবেন যে কয়টা অংশে ভাগ করে একটি ওয়েভ সাইট ডিজাইন করা হয়।

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


ডাউনলোড



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

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



Saturday, March 10, 2018

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


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





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


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

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

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

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

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


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


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

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

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







Tuesday, February 13, 2018

UI/UX ডিজাইনের মাধ্যমে একটি আইডি কার্ড(ID CARD ডিজাইন করা যায় অ্যাডবি ইলেস্ট্রেটর দিয়ে। (এসো ডিজাইন শিখি)

UI/UX ডিজাইনের মাধ্যমে  একটি আইডি কার্ড (ID CARD) ডিজাইন করা যায় অ্যাডবি ইলেস্ট্রেটর দিয়ে।
( এসো ডিজাইন শিখি )


হ্যালো বন্ধুরা,
কেমন  আছেন,আশা করি ভাল।

আজ আমি UI/UX ডিজাইনের মাধ্যমে  একটি আইডি কার্ড (ID CARD) কিভাবে অ্যাডবি ইলেস্ট্রেটরের মাধ্যমে ডিজাইন করতে হয় তা আপনাদের কে বলবো।


আইডি কার্ড (ID CARD) কি?
 ID CARD হচ্ছে কোন একটি কম্পানি বা কোন প্রতিঠানের কর্মিদের সহজে পরিচইয়ের জন্য একধরনের  ইনফর্মেশন যুক্ত কার্ড  দেওয়া হয় তাকে আইডি কার্ড(ID CARD) বলে। আইডি কার্ড(ID CARD)  মূলত কোন কম্পানির পরিচয় পত্র।



 আইডি কার্ডে কি কি ইনফর্মেশন থাকে?

উপরের আইডি কার্ড(ID CARD)  টি একটু খেয়াল করেন, এখানে আইডি কার্ডটিতে নিজের নাম, মোবাইল নাম্বার, ব্লাড গ্রুপ, ইমেইল,কার্ডটির মেয়াদ, ইত্যাদি এবং নিচে কম্পানির লোগো এবং নাম।

 আইডি কার্ডের সাইজ কত?


প্রথমে সাইজ নিয়ে কথা বলি আইডি কার্ড(ID CARD) এর সাইজ হল ৬০০*৯৭৫
প্রস্ত ৬০০পিক্সেল এবং উচ্চতা ৯৭৫ পিক্সেল হয়ে থাকে।


উপরের সাইজ দিয়ে একটি অ্যাডবি ইলেস্ট্রেটর সাহায্যে  ডুকমেন্ট তৈরি করি ।প্রথমে  file-new=new ducoment (ctrl+n) নিউ ডুকুমেন্ট  ওপেন হবে।যা দেখতে নিচের পিকটির মত।



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



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

  1. একটি ছবি সিলেক্ট করুন
  2. একটি গোলার কার শেইপ (ellips tool) এর সাহায্যে তৈরি করুন
  3. গোলার কার শেইপটি কপি করুন
  4. একটা অন্যটার উপরে রাখুন
  5. নিচের টা উপরের টার থেকে একটু বড় রাখতে হবে
  6. ছবি টা অ্যাডবি ইলেস্ট্রেটরে নিয়ে আসেন
  7. ছবিটাকে enembed করে ফেলুন।
  8. তারপর ছবিটা উপরের গোলার কার শেইপের ওপর রাখুন
  9.  উপরের গোলার কার শেইপ ও ছবি টা সিলেক্ট করে মাউসের ডান বাটন ক্লিক করুন
  10. দেখবেন ক্লিপিং মাস্ক একটা অপশন আসছে,তাতে ক্লিক করে কাজ ওকে করুন।





তারপর,আইডি কার্ড এর নিয়ম অনুযাই,যার জন্য কার্ড তৈরি করা হচ্ছে তার নাম ও  ঠিকানা বা তার কনটাক্ট ইনফর্মেশন ব্যবহার করতে হয়।যার সাথে কিছু আইকন ব্যবহার করেছি।


যার কার্ড তার নাম উপরের পিকচার টিতে।নিচে তার ইনফর্মেশন -





শর্বশেষ যে কম্পানি বা প্রতিঠান কার্ড কার্ড প্রদান করবেন ঐ কম্পানি বা প্রতিঠানের নাম ও লোগো-





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

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






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