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