ওয়েব সাইট ডিজাইন করার ক্ষেত্রে কিছু কমন ভুল এবং সমাধান ……..

টিউন করেছেন Esrat | January 15, 2015 10:35 | পোস্টটি 671 বার দেখা হয়েছে

ওয়েব সাইট ডিজাইন করার ক্ষেত্রে কিছু কমন ভুল এবং সমাধান ……..


প্রথম দিকে আমি ওয়েব ডিজাইন এ যেসব ভুল গুলো করতাম সে বিষয়গুলো নতুন হিসেবে অনেকের ই এখন দেখি তাই কিছু লেখার প্রয়াস মাত্র | অনেক অভিজ্ঞ ব্যক্তিরা অনেক কিছুই আগে বলে ফেলেছেন তবুও তাদের আলোকে নিজের মত করে  কিছু লিখছি …

ওয়েব সাইট অথবা পিএসডি ডিজাইনের ক্ষেত্রে সবচেয়ে যেসব বিষয় দেখা উচিত তাদের মধ্যে টাইপোগ্রাফি, কালার সেন্স, স্পেসিং এসব বিষয় খুব ভালোভাবে খেয়াল করতে হয় |

১| টাইপোগ্রাফি :

টাইপোগ্রাফি বলতে মূলত ফন্ট সাইজ, ফন্ট স্টাইল , প্যারাগ্রাপের মধ্যে গ্যাপ বুঝায় | প্রধানত ফন্ট চয়েজ থেকে শুরু করে আর ফন্ট নিয়ে যত কিছু এই ক্যটাগরী হিসেবে ধরতে পারেন |

একটা ফন্ট চয়েজ করার পর আমাদের দেখতে হয় সেটা ডিজাইনের সাথে যাচ্ছে কিনা |

সেটা হওয়ার পর আমরা খেয়াল করতে পারি যে ফন্ট সাইজ নিয়ে | মনে করুন একটা পত্রিকার শিরোনাম অবশই আমরা স্বভাবতই বড় সাইজের দেখি যাতে আমরা সেটা অন্যের দৃষ্টিতে আনতে পারি সহজে |

এক্ষেত্রে যদি প্যারাগ্রাফের সাইজ ও একই দেয়া হয় তাহলে সেটা খারাপ টাইপোগ্রাফি বলা যায় |

আমরা সাধারনত খাতায় লিখার সময়ে কি করি ! দুইটা লাইনের মাঝে একটা নিদ্রিত পরিমান গ্যাপ রাখি যাতে লিখা গুলো একটার সাথে আরেকটা লেগে না যায় এবং দেখতে সুবিধা হয় এবং যাতে অনেকটা পরিছন্ন দেখায় |

আর ডিজাইনের ক্ষেত্রেও সেরকম করাতে হয় আর সেটাকেই আমরা line hieght বলে থাকি | এটা মূলত নিজের ডিজাইনের প্রয়োজনে এবং নিজের দৃষ্টিতে যেটাতে ভালো দেখায় সেটা নিদ্র্সিত করে দিতে পারি |

যেমন :

এ ডিজাইনটা দেখুন লাইন হাইট ঠিকমত না দেয়াতে , কম হওয়াতে লেখাগুলো কেমন হিজিবিজি লাগছে |

Screenshot_7

আর এই ডিজাইনটা দেখুন লেখাগুলোর মাঝে সঠিক লাইন হাই দেয়াতে অনেকটাই গোছালো এবং পরিমার্জিত মনে হচ্ছে | তাছাড়া হেডিং টাইটেল তাকেও আলাদা ভাবে একটু জায়গা নিয়ে ফন্ট সাইজ বাড়িয়ে সেটাতে যাতে আমাদের দৃষ্টি পরে সহজে তা বুঝানো হয়েছে |

Screenshot_6

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

২) কালার সেন্স :

কালার সেন্স, ডিজাইনের অন্যতম প্রধান বিষয় | সঠিক কালার নির্বাচন না হলে দিজায়নটাই যেন কেমন হয়ে যায় |

আমরা যারা নতুন তারা প্রথমেই যে ভুলটা করি তা হল অনেক কালার নিয়ে ডিজাইনটা করতে যাই | তাতে করে নিজের কাছে ভালো লাগে ঠিক ই কিন্তু তাতে ডিজাইনে প্রফেশনালিজম টা পাওয়া যায়না |

কালার নির্বাচনের ক্ষেত্রে প্রধানত লোগো কালারটাকে বিবেচনা করা হয় | অথবা আপনি যেকোন একটা কলারকে মেন থিম কালার হিসেবে নির্বাচন করে নিতে পারেন |

এটা করার পর ও যেটা হয়ে থাকে আমরা সেই কালার টাকে খুব বেশি ব্যবহার করে ফেলি |

যেমন ধরুন , নীল্ কালার তাকে প্রধান কালার হিসেবে নিলাম , অনেকই যেটা করে সেটাকেই সব ক্ষেত্রে ব্যবহার করে |

একবার ভেবে দেখুন তো কোন অনুষ্ঠানে প্রধান অতিথি কি কখনো সব জায়গায় ঘুরাঘুরি করে !! কখনই না..তার একটা মুল্য আছে এবং সেটার সঠিক ব্যবহারটাই করতে হয় |

যেমন : http://themeforest.net/item/canvas-the-multipurpose-html5-template/full_screen_preview/9228123 এই লিংক এর ডিজাইনটা দেখতে পারেন | এখানে একটা বেসিক প্রধান কালার আছে সেটাকে খুব সিম্পলি কিছু প্রধান ক্ষেত্রেই ব্যবহার করা হয়েছে যে দেখলেই বুঝে যাবেন |

আরেকটা বিষয় হচ্ছে আমরা অনেকেই একটা সেকশন এ ব্যাকগ্রাউন্ড কালার দেয়ার পর ফন্ট কালার তা এমন দিয়ে যে তা বুঝায় যাচ্ছেনা  |

যেমন :Screenshot_12  এই আইকন এর ব্যাকগ্রাউন্ড কালার এর সাথে আইকন কালার কালো তেমন মানাচ্ছেনা এখানে যদি  সাদা কালার ব্যবহার করি দেখুন কেমন দেখায় ,

Screenshot_11এখানে  আইকন  কালার তা সাদা দেয়াতে ডিজাইনটা তে ভালো মানাচ্ছে | এরকম কিছু বিষয় দেখতে হবে |

আসলে ,আপনি এত কষ্ট করে যে লেখাটা বুঝানোর চেস্টাকরছেন সেটা যদি ভিজিটর বুঝতেই না পারল আর অনুবীক্ষণ দিয়ে দেখতে হয় নিশ্চই সেটা গ্রহণ যোগ্য হবেনা |

৩) স্পেসিং : স্পেসিং ডিজাইন কে আরো সুন্দর করে প্রকাশ করতে সাহায্য করে | প্রথম দিকে যেটা হয় অনেকেই লেকাহ্র উপরে অথবা নিচে স্পেস কম দিয়ে থাকেন |

জীয়ম্ন ধরুন এই ডিজাইনের ক্ষেত্রে :

Screenshot_13

 

এর উপরে এবং নিচের দিকে নিদৃষ্ট পরিমান একটা গ্যাপ রাখা হয়েছে তাতে অন্য সেকশন এর সাথে একটা সুন্দর দূরত্ব বজায় রাখবে | এই স্পেসিং টা সমান রাখার চেষ্টা করবেন | যেমন উপরে দিলেন 40px , আর নিচে  50px..এরকম না …একই রাখার চেষ্ঠা করবেন | খাতার মার্জিনে যেমন সমান স্পেসিং রাখেন ঠিক তেমনি অনেকটা এখানেও সমান স্পেসিং রেখে ডিজাইনটাকে ফুটিয়ে তুলবেন |

 

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

 

এখানে কিছু ভুল হয়ে থাকলে ক্ষমাসুন্দর দ্র্সিতিতে দেখবেন | আপনাদের কাজে লাগানোর জন্যই ক্ষুদ্র প্রয়াস মাত্র |

 

 

 

  • Nadia Afrin Anny

    thank u