সাইট ডিজাইনের নমুনা

সুচিপত্র:

সাইট ডিজাইনের নমুনা
সাইট ডিজাইনের নমুনা
Anonim

আসুন সংখ্যা এবং গণনায় না যাই, যেহেতু ইন্টারনেটে ইতিমধ্যে কতগুলি সাইট বিদ্যমান তা নির্ধারণ করা অসম্ভব। প্রতিদিন, হাজার হাজার, হাজার হাজার সাইট ব্যর্থ হয় এবং তাদের জায়গায় নতুন একটি উপস্থিত হয়। ব্যর্থতার কারণ কি? কেন মানুষ সাইটে যান এবং অবিলম্বে এটি ছেড়ে? উত্তরটি আপনার চোখের সামনে সহজ এবং সঠিক - এটি সাইটের ডিজাইন৷

আকর্ষণ প্রভাব

একমত, প্রত্যেকেরই নির্দিষ্ট কিছু সাইটের সেট আছে যেগুলো দিনের পর দিন পরিদর্শন করা হয়। আমি নিশ্চিত যে বুকমার্ক করা বেশিরভাগই সিনেমা, বই, খবর, গেম ইত্যাদি সহ প্রিয় সাইট। কেন, একটি সাইট খুঁজে পাওয়ার পরে, আমরা একই রকম আরেকটি খুঁজে বের করার চেষ্টা করি না, যা আরও ভালো হতে পারে? উত্তর সহজ! আমরা যে সাইটগুলি বুকমার্ক করি সেগুলি ব্যবহার করা সুবিধাজনক - এই জাতীয় সাইটগুলিতে সাধারণত উপাদান, বিভাগ এবং একটি মনোরম ডিজাইনের একটি সুবিধাজনক বিন্যাস থাকে যা চোখ জ্বালা করে না। এটি "আকর্ষণ প্রভাব", একটি সঠিকভাবে পরিকল্পিত সাইট একবার পরিদর্শন - এটি ছেড়েআর চাই না।

আসুন ট্রেডিং প্ল্যাটফর্ম দুটি সাইটের উদাহরণ দেখি:

উদাহরণ সাইট
উদাহরণ সাইট

নিঃসন্দেহে এবং সন্দেহাতীতভাবে, সাইট নম্বর 1 যত তাড়াতাড়ি সম্ভব বন্ধ করতে চায়, এবং সাইট নম্বর 2, বিপরীতে, দীর্ঘস্থায়ী হতে চায়৷ এটি কেন ঘটছে? প্রথম সাইটে, এলোমেলোভাবে অবস্থিত পণ্য ছাড়াও, একটি রঙ ওভারস্যাচুরেশনও রয়েছে, যা দ্বিতীয় সাইট সম্পর্কে বলা যাবে না। এমন একটি বিস্ময়কর প্রবাদ রয়েছে: "তারা তাদের জামাকাপড় দ্বারা দেখা করে, কিন্তু তাদের মনের দ্বারা তাদের দেখা যায়", এটি সাইটগুলির ক্ষেত্রেও প্রযোজ্য, শুধুমাত্র পোশাকের পরিবর্তে একটি নকশা রয়েছে এবং মনের পরিবর্তে একটি নেভিগেশন কাঠামো রয়েছে। ভিজিটর, সাইটে প্রবেশ করার পরে, তিনি প্রথমে যে জিনিসটি দেখেন তা হল রঙের স্কিম, এবং শুধুমাত্র তখনই অভ্যন্তরীণ নেভিগেশন এবং সাইটের কাঠামোর দিকে মনোযোগ দেয়৷

রঙ উপলব্ধি

রং নির্বাচন করার সময় প্রধান নিয়ম হল এটি অতিরিক্ত না করা। কখনও কখনও এমনকি দুই বা তিনটি সঠিকভাবে নির্বাচিত রং যথেষ্ট থেকে বেশি, এর একটি উজ্জ্বল উদাহরণ হল fb.ru সাইট। অনেক ওয়েব ডিজাইনার তাদের html সাইট ডিজাইন করতে "নিরাপদ" রঙের একটি টেবিল ব্যবহার করেন।

নিরাপদ রঙের টেবিল
নিরাপদ রঙের টেবিল

নিরাপদ বলা হয়েছে এই কারণে যে এখানে প্রদর্শিত সমস্ত রঙ একইভাবে সমস্ত ব্যবহারকারীদের দ্বারা প্রেরণ করা হবে৷ সাইটে ডিজাইন তৈরি করার সময় এই রঙগুলিকে আদর্শ বলা যেতে পারে৷

রঙের সামঞ্জস্যতা

প্রতিটি রঙের নিজস্ব "বন্ধুত্বপূর্ণ" রঙ রয়েছে - এটি সেই রঙ যার সাথে এটি সবচেয়ে ভালো যায়৷ চাকাটি পুনরায় উদ্ভাবন করার এবং নির্বাচনের সাথে পরীক্ষা করার দরকার নেই, সবকিছুই দীর্ঘকাল ধরে উদ্ভাবিত হয়েছে এবং সর্বজনীন ডোমেনে রয়েছে। রঙ নির্বাচন করতে রঙের চাকা ব্যবহার করা হয়।ইত্তেন নীচের চিত্রটি 2টি মিলে যাওয়া রঙের সাথে মিলে যাওয়ার জন্য একটি রঙের চাকা দেখায়৷

পরিপূরক রঙ সমন্বয়
পরিপূরক রঙ সমন্বয়

T. অর্থাৎ বৃত্তের ভিতরের বিপরীত রঙটিকে সবচেয়ে সামঞ্জস্যপূর্ণ বলে মনে করা হয়। আপনি যদি 3টি মিলে যাওয়া রঙ নির্বাচন করতে চান তবে রঙের চাকাটিও ব্যবহার করা হয়, শুধুমাত্র রঙ বিন্যাস লাইন ইতিমধ্যেই পরিবর্তন করা হবে।

ট্রায়াড - 3 রঙের সংমিশ্রণ
ট্রায়াড - 3 রঙের সংমিশ্রণ

এবং এরকম অনেক চেনাশোনা আছে, আপনি আরও মানানসই রং নিতে পারেন। উদাহরণস্বরূপ, চার।

টেট্রাড - চারটি রঙের সংমিশ্রণ
টেট্রাড - চারটি রঙের সংমিশ্রণ

ইটেনের চেনাশোনাগুলির মাধ্যমে এইভাবে রঙগুলি নির্বাচন করলে, রঙের সর্বাধিক সংমিশ্রণ অর্জন করা হবে এবং সাইটের একটি দৃশ্যত আনন্দদায়ক নকশা প্রাপ্ত হবে৷ আরও রঙের বৃত্ত অনলাইনে পাওয়া যাবে। আসুন মূল বিষয় থেকে একটু বিচ্যুত হই, কারণ আমি আপনাকে জানাতে চাই যে এই ইটেন রঙের চাকাগুলি এমনকি ফ্যাশন জগতের পেশাদার ডিজাইনাররাও ব্যবহার করেন, যেমন ডিজাইনার পোশাক তৈরি করার সময়, এই রঙের মিল পদ্ধতি ব্যবহার করা হয়।

অভ্যন্তরীণ সাইট কাঠামো

যদি রঙের উপলব্ধি দিয়ে কমবেশি সবকিছু পরিষ্কার হয়ে যায়, তবে সাইটের অভ্যন্তরীণ কাঠামো বা অন্য কথায় - "ব্যবহারযোগ্যতা" হিসাবে আরও একটি গুরুত্বপূর্ণ সূচক থেকে যায়। এটি শুধুমাত্র সাইটে সঠিক রং নির্বাচন করা যথেষ্ট নয়, অনুশীলন দেখায় - সাইটের সুন্দর ডিজাইনে আপনি বেশিদূর যেতে পারবেন না। সাইটের সঠিক কাঠামোটি একটি বাড়ির ফ্রেমের মতো, যদি এটি সঠিকভাবে পরিকল্পনা না করা হয় তবে এটির চারপাশে চলাচল করতে অসুবিধা হবে৷

সমস্ত নেভিগেশন উপাদানগুলি আগে থেকেই চিন্তা করা দরকার, এবং আরও ভাল - লিখে রাখা দরকার। গঠনসাইটটি প্রথমত, দর্শকদের জন্য বোধগম্য এবং সুবিধাজনক হওয়া উচিত। অনেক সাইট তাদের দর্শকদের হারায় কারণ পরেরটি, সাইটে প্রবেশ করার সময়, কোথায় এবং কী অবস্থিত তা বুঝতে পারে না। বোতামের একটি ভর দিয়ে বিশৃঙ্খল হওয়ার এবং কার্যকারিতার একটি গুচ্ছ ঝুলানোর দরকার নেই। আপনাকে সর্বদা ভিজিটরের চোখ দিয়ে দেখতে হবে, যদি ব্যবহারকারীর কিছু ফাংশন প্রয়োজন না হয় তবে এটি অপসারণ করা ভাল। আবার, ওয়েবসাইট ডিজাইনের একটি উজ্জ্বল এবং সঠিক উদাহরণ হল Fb.ru ওয়েবসাইট, যেখানে সমস্ত বিভাগ এমনভাবে অবস্থিত যা দর্শকদের জন্য বোধগম্য এবং সুবিধাজনক৷

সবচেয়ে বড় ভুল

গড় বিশ্লেষণ অনুসারে, একজন ব্যবহারকারী যে 15-30 সেকেন্ডের মধ্যে সাইটে প্রয়োজনীয় বিভাগ বা তথ্য খুঁজে পায় না সে বিশ্বাস করে যে এই বিভাগ বা তথ্য সাইটে নেই এবং সংস্থান ছেড়ে চলে যায়। অধিকাংশ ক্ষেত্রে চিরতরে। ভয়ানক নেভিগেশন সহ একটি সাইটের একটি প্রধান উদাহরণ:

খারাপ সাইট নেভিগেশন
খারাপ সাইট নেভিগেশন

আপনি কি মনে করেন যে অনুসন্ধান থেকে নয়, কেবল মূল পৃষ্ঠায় গিয়ে এই জাতীয় সংস্থানের প্রয়োজনীয় তথ্য পাওয়া সম্ভব? আমি মনে করি না. আবার, রঙের স্যাচুরেশন এবং বোধগম্য নেভিগেশনের প্রাচুর্য, যা যে কোনও দর্শককে হতবুদ্ধি এবং বিভ্রান্তিতে ফেলে দেবে। এই ধরনের ভুলগুলি এড়াতে, সমস্ত বিভাগগুলিকে গোষ্ঠীভুক্ত করা এবং একটি পৃথক নেভিগেশন মেনুতে রাখা প্রয়োজন, যা প্রতিটি দর্শকের জন্য বোধগম্য হবে৷

রেজিস্ট্রেশন ফর্ম

সাইটে আরেকটি গুরুত্বপূর্ণ এবং ভীতিকর বিষয় হল রেজিস্ট্রেশন ফর্ম। কেউ কেউ রেজিস্ট্রেশন উইন্ডোতে প্রায় মহান-দাদীর তথ্য সংগ্রহ করার চেষ্টা করে।

ভুল রেজিস্ট্রেশন ফর্ম
ভুল রেজিস্ট্রেশন ফর্ম

এই ধরনের নিবন্ধন ফর্মআগে ফ্যাশনেবল ছিল, যখন ইন্টারনেট কেবল ঘরেই উপস্থিত হতে শুরু করে। আজ, ইন্টারনেট ব্যবহারকারী যত তাড়াতাড়ি সম্ভব তার প্রয়োজনীয় তথ্য খুঁজে পেতে চায়, এবং দীর্ঘ নিবন্ধন ফর্ম, সাইটের চমৎকার নকশা সত্ত্বেও, 99% বিকর্ষণ করার সম্ভাবনা থাকবে। আজকের মান অনুসারে আদর্শ নিবন্ধন ফর্মটি নীচে দেখানো হয়েছে৷

সঠিক রেজিস্ট্রেশন ফর্ম
সঠিক রেজিস্ট্রেশন ফর্ম

এমনকি যদি এই তথ্যটি যথেষ্ট নাও হয়, তাহলে রেজিস্ট্রেশন প্রক্রিয়ার পরে কেউ ভিজিটরের কাছ থেকে অনুরোধ করতে বিরক্ত করবে না। এই পদ্ধতিটিকে নিবন্ধন ফর্মের চেয়ে বেশি বিশ্বস্ত এবং বন্ধুত্বপূর্ণ বলে মনে করা হয়, যা অনেকটা চাকরির আবেদন ফর্মের মতো৷

ওয়েবসাইট টেমপ্লেট

অনেক সাইট এখন আধুনিক CMS-সিস্টেমে তৈরি করা হচ্ছে যা বিনামূল্যে সাইট ডিজাইন প্রদান করে। কিন্তু বিনামূল্যের নকশা (টেমপ্লেট) কোনো ভিজ্যুয়াল ডিজাইন বহন করে না, তাই যদি সাইটের মালিক কোনোভাবেই এটি পরিবর্তন করার চেষ্টা না করেন, তাহলে এই ধরনের সাইট অনুসন্ধানে অদৃশ্য হয়ে যায়।

এটি পুরো ইন্টারনেট পোর্টালগুলি উল্লেখ করার মতো যেগুলি তাদের উপর ভিত্তি করে আপনার নিজস্ব ওয়েবসাইট স্থাপন করার প্রস্তাব দেয়৷ এই ক্ষেত্রে, উভয় সুবিধা এবং অসুবিধা আছে:

  • প্রথম এবং সম্ভবত একমাত্র প্লাস হল সরলতা। সাইট ফ্রেমটি ইতিমধ্যেই, একটি নিয়ম হিসাবে, অভিজ্ঞ ডিজাইনারদের দ্বারা এই জাতীয় সংস্থানগুলির উপর মডেল করা হয়েছে, সাইটের নকশা নির্দিষ্ট প্রয়োজনীয়তা এবং নিয়মের অধীনে আনা হয়। এটি শুধুমাত্র থিম্যাটিক উপাদান দিয়ে এটি পূরণ করতে এবং প্রথম দর্শকদের জন্য অপেক্ষা করার জন্য অবশেষ। অতএব, এই ধরনের পরিষেবার সরলতা এবং সুবিধা নতুনদের আকর্ষণ করে। কিন্তু সাইট যদি গুরুতর উন্নয়ন এবং প্রতিযোগিতার জন্য সেট আপ করা হয়সার্চ ইঞ্জিনে শীর্ষ-১, তাহলে এই ধরনের পরিষেবা প্রত্যাখ্যান করাই ভালো।
  • মাইনাস থেকে - বেশিরভাগ ক্ষেত্রে প্রদত্ত টেমপ্লেটগুলি সম্পাদনা বা পরিবর্তন করা যায় না, আপনাকে সর্বদা প্রদত্ত একটি ব্যবহার করতে হবে৷ একঘেয়েমি হ'ল প্রধান অসুবিধা, যা আমরা শুরুতেই বলেছি, কারণ প্রতিটি সাইট অবশ্যই পৃথক হতে হবে এবং অন্যদের থেকে আলাদা হতে হবে। অনেকগুলি বিধিনিষেধ যা বর্ণনা করা অসম্ভব, যেহেতু এই ধরনের প্রতিটি পরিষেবার নিজস্ব রয়েছে৷

চূড়ান্ত অংশ

এই উপাদানটিতে বর্ণিত সমস্ত কিছু একটি "প্রধান নির্দেশ" বলে ভান করে না, আপনি সর্বদা এবং এমনকি নিজের উপায়ে সবকিছু করতে পারেন - এটি কেবলমাত্র সবচেয়ে সাধারণ নিয়ম এবং ভুলগুলির একটি সেট। তবে সবচেয়ে গুরুত্বপূর্ণ পয়েন্টগুলি, এখানে রঙের উপলব্ধি এবং সাইটের অভ্যন্তরীণ কাঠামোর আকারে বর্ণিত হয়েছে, সাইটটি ডিজাইন করার জন্য আদর্শ। ভুলভাবে নির্বাচিত রং যেকোন দর্শককে ভয় দেখাবে যারা এইমাত্র সাইটে প্রবেশ করেছে, এবং বিভাগ এবং সাইটের উপাদানগুলির অশিক্ষিত নকশা তাকে নেভিগেট করতে এবং প্রয়োজনীয় তথ্য খুঁজে পেতে অনুমতি দেবে না। এই পয়েন্টগুলিতে সর্বাধিক মনোযোগ দেওয়া উচিত এবং উপরে উল্লিখিত হিসাবে, আপনার সর্বদা যেকোন সাইটকে একজন ভিজিটরের চোখ দিয়ে দেখতে হবে, ডেভেলপারের চোখ দিয়ে নয়৷

প্রস্তাবিত: