একটি ওয়েব ওয়্যারফ্রেম একটি ওয়েব পৃষ্ঠা দেখতে কেমন তা আপনাকে দেখানোর জন্য একটি সহজ চাক্ষুষ নির্দেশিকা। এটি কোনও গ্রাফিক্স বা পাঠ্য ব্যবহার না করেই একটি পৃষ্ঠার গঠন প্রস্তাব করে। কোনও ওয়েবসাইটের ওয়্যারফ্রেম সমগ্র সাইট স্ট্রাকচারটি দেখাবে - এতে কোন পৃষ্ঠাগুলি লিঙ্কযুক্ত রয়েছে তা সহ।
ওয়েব তারের ফ্রেম আপনার নকশা কাজ শুরু করার জন্য একটি দুর্দান্ত উপায়। এবং জটিল পরিমাণে বিস্তারিত ওয়্যারফ্রেমগুলি তৈরি করা সম্ভব হলেও, আপনার পরিকল্পনাটি ন্যাপকিন এবং কলম দিয়ে শুরু হতে পারে। ভাল wireframes তৈরীর চাবি সব চাক্ষুষ উপাদান ছেড়ে চলে যায়। ছবি এবং টেক্সট প্রতিনিধিত্ব বক্স এবং লাইন ব্যবহার করুন।
ওয়েব পেজের ওয়্যারফ্রেমে অন্তর্ভুক্ত করার বিষয়গুলি:
- প্রাথমিক গ্রাফিকাল উপাদান জন্য বক্স
- শিরোনাম এবং উপ-মাথা বসানো
- একটি সহজ বিন্যাস গঠন
- কর্ম কল
- টেক্সট ব্লক
কিভাবে একটি সহজ ওয়েব ওয়্যারফ্রেম তৈরি করতে
আপনার হাতে থাকা কাগজের যেকোনো স্ক্র্যাপ ব্যবহার করে একটি ওয়েব পৃষ্ঠা ওয়্যারফ্রেম তৈরি করুন। এখানে আমি কিভাবে করি:
- একটি বড় আয়তক্ষেত্র আঁকুন - এটি সম্পূর্ণ পৃষ্ঠা বা কেবল দৃশ্যমান অংশটি উপস্থাপন করতে পারে। আমি সাধারণত দৃশ্যমান অংশ দিয়ে শুরু করি, এবং তারপর ভাঁজ নীচের হতে হবে উপাদান অন্তর্ভুক্ত করার জন্য এটি প্রসারিত।
- লেআউট স্কেচ - এটি 2 কলাম, 3 কলাম?
- শিরোনাম গ্রাফিকের জন্য একটি বাক্সে যুক্ত করুন - যদি আপনি এটি কলামগুলির উপরে একটি একক হেডার হতে চান তবে আপনার কলামগুলি অঙ্কন করুন অথবা এটি যেখানে আপনি চান সেখানে যুক্ত করুন।
- "শিরোনাম" লিখুন যেখানে আপনি আপনার H1 শিরোনাম হতে চান।
- "Sub-head" লিখুন যেখানে আপনি H2 এবং নিম্ন শিরোনামগুলি হতে চান। এটি যদি আপনি আনুপাতিক করে তুলতে সহায়তা করেন - h1 এর চেয়ে ছোট H, H2 H2 এর চেয়ে ছোট, ইত্যাদি।
- অন্যান্য ইমেজ জন্য বক্স যোগ করুন
- ন্যাভিগেশন যোগ করুন। আপনি ট্যাব পরিকল্পনা করছেন, শুধু বাক্স আঁকুন, এবং শীর্ষে "ন্যাভিগেশন" লিখুন। অথবা কলামে বুলেটযুক্ত তালিকাগুলি রাখুন যেখানে আপনি নেভিগেশান চান। কন্টেন্ট লিখুন না। শুধু "ন্যাভিগেশন" লিখুন বা পাঠ্য উপস্থাপন করার জন্য একটি লাইন ব্যবহার করুন।
- পৃষ্ঠাটিতে অতিরিক্ত উপাদান যোগ করুন - তারা কীসের সাথে রয়েছে তা চিহ্নিত করুন, কিন্তু প্রকৃত সামগ্রী পাঠ্যটি ব্যবহার করবেন না। উদাহরণস্বরূপ, যদি আপনি নিচের ডান দিকের একটি অ্যাকশন বোতামটি চান তবে সেখানে একটি বাক্স রাখুন এবং এটি "অ্যাকশন করার জন্য কল করুন" লেবেল করুন। লিখবেন না "এখন কিনুন!" যে বাক্সে।
একবার আপনার সহজ ওয়্যারফ্রেমটি লিখিত হয়ে গেলে, এবং এটি একটিকে স্কেচ করার জন্য আপনাকে 15 মিনিটেরও বেশি সময় নিতে হবে না, এটি অন্য কাউকে দেখান। কিছু অনুপস্থিত থাকলে এবং অন্য প্রতিক্রিয়ার জন্য তাদের জিজ্ঞাসা করুন। তারা যা বলে তার উপর ভিত্তি করে আপনি অন্য ওয়্যারফ্রেম লিখতে পারেন বা আপনার কাছে থাকা থাকতে পারেন।
কেন কাগজ ওয়্যারফ্রেম প্রথম খসড়া জন্য শ্রেষ্ঠ
আপনার প্রাথমিক বুদ্ধিমান সেশনের জন্য, Visio মত প্রোগ্রামগুলি ব্যবহার করে ওয়্যারফ্রেমগুলি তৈরি করা সম্ভব হলেও, আপনার কাগজ থাকা উচিত। কাগজ স্থায়ী বলে মনে হচ্ছে না, এবং অনেকে মনে করে আপনি 5 মিনিটের মধ্যে এটি একত্রিত করেন এবং তাই আপনাকে ভাল প্রতিক্রিয়া জানানোর জন্য দ্বিধা করবেন না। কিন্তু যখন আপনি নিখুঁত স্কোয়ার এবং রঙের সাথে অভিনব তারের ফ্রেমগুলি তৈরি করার জন্য একটি প্রোগ্রাম ব্যবহার করেন, তখন আপনি প্রোগ্রামে নিজেকে ধরে রাখতে এবং এমন কোনও সময় নিখরচায় সময় কাটাতে ঝুঁকির সম্মুখীন হন যা কখনও লাইভ হয়ে যায় না।
কাগজ তারের ফ্রেম করতে সহজ। এবং যদি আপনি এটি পছন্দ করেন না, তবে আপনি কেবল কাগজটিকে টেনে আনুন, এটি পুনর্ব্যবহারযোগ্যভাবে নিক্ষেপ করুন এবং একটি নতুন শীট দখল করুন।