Advance Level এর ওয়েব পেইজ ডিজাইন করুন! খুব সহজেই Wireframing Tools এর সাথে।

আসালামওলাইকুম!
আশাকরি সবাই ভাল আছেন। এটা আমার প্রথম টিউন। ভুলগুলো ক্ষমার নজরে দেখবেন।
আমি শিখছি আর তা থেকে সবার সাথে শেয়ার করার চেষ্টা করছি। জানিনা এই টিউন আপনাদের কতটা
উপকারে আসবে। আর যদি এই রকম টিউন আগে কেউ করে থাকেন, তাহকে আমি তার কাছে ক্ষমাপার্তি।
আর কথা বাড়াচ্ছিনা, কাজের কথায় আসি।
Google এ search দিলে অনেক wireframe পাওয়া।
আমি আপনাদের একটা wirefram tools সাথে পরিচয় করিয়ে দেব, যেটা দিয়ে আপনারা খুব সহজেই একটি
সুন্দর এবং সেরা ওয়েব পেইজ বানিয়ে পেলতে পারেন।
Wireframe এর নাম হল Mockflow। Mockflow এখানে গিয়ে রেজিস্টেশন করে নিন।
Mockflow একটি Wireframe যেখানে আপনি আপনার চিন্তা-ভাবনা প্রয়োগ করে করে আপনিও বানাতে পারেন সেরা ওয়েব পেইজ।
Mockflow দিয়ে দুই ভাবে পেজ তৈ্রী করতে পারবেনঃ

1. Mockflow >htm

Mockflow দিয়ে আপনার চিন্তা ভাবনাকে সরাসরি html এ coding করে রূপান্তর করেতে পারেন।
2.mockflow >photoshop >html
আপনার পেইজ কে আরো দৃষ্টিনন্দন করার জন্যে এ পদ্দতি আবল্মবন করতে পারেন।
প্রথমে mockflow দিয়ে আপনার সৃষ্টিকৃ্ত সব পটো, আইকন, লগো, বেনার ইত্যাতি দিয়ে সুন্দর একটি পেইজ আকবেন।
পরে photoshop দিয়ে আপনার সৃষ্টিকৃ্ত সব পটো, আইকন, লগো, বেনার ইত্যাতি add করে সেটা PSD file তৈ্রী করবেন। এর পর সেটাকে html এ রুপান্ত্ করবেন।
আপনেকে অবশ্যই PSD to HTML জানতে হবে।
Step By Step:

Login

লগইন করার পর। add project এ জান…

অল্প লোড করবে।

এখানে আপনার চিন্তা ভাবনা প্রয়োগ করুন…

আমার তৈরী করা wirefram and PSD file....




ব্যবহার করেন দেখুন ওয়েব পেইজ ডিজাইন আপনার কাছে কেমন সহজ লাগছে।
ভাল পেইজ বানাতে হলে আপনাকে HTML,CSS,CSS3,HTML5 and Bootstrap ভালভাবে জানতে হবে।
শুভকামনা রইল……