দর্শকদের চোখ আঁকা জোর ব্যবহার করুন
ওয়েব পৃষ্ঠার নকশাতে জোর দেওয়া পৃষ্ঠার জন্য ফোকাল পয়েন্ট, একটি এলাকা বা বস্তু তৈরি করে। এটি একটি উপাদান নকশা মধ্যে স্ট্যান্ড আউট করার একটি উপায়। ফোকাল পয়েন্ট ডিজাইনের অন্যান্য উপাদানের তুলনায় বড় বা বড় আকারের রঙিন হতে পারে - উভয়টি চোখের আঁকতে থাকে। যখন আপনি একটি ওয়েবপৃষ্ঠা ডিজাইন করছেন, তখন আপনি একটি শব্দ বা শব্দগুচ্ছ নির্বাচন করে এটির রঙ, ফন্ট, বা আকারটি যেটি বহন করে সেটিকে জোর করে জুড়তে পারেন, তবে আপনার নকশাে জোর দেওয়ার অন্য অনেক উপায় রয়েছে।
নকশা এ জোর ব্যবহার
সবচেয়ে বড় ভুল ডিজাইনার এক করতে পারেন ডিজাইন স্ট্যান্ড আউট সবকিছু সবকিছু করার চেষ্টা করা। যখন সবকিছুই সমান জোর দেয়, তখন নকশাটি ব্যস্ত এবং বিভ্রান্তিকর বা খারাপ-বিরক্তিকর এবং অনুপলব্ধ। একটি ওয়েব ডিজাইনে একটি ফোকাল পয়েন্ট তৈরি করতে, ব্যবহারটি উপেক্ষা করবেন না:
- লাইন: কনট্রাস্ট দ্বারা জোর জোর বিভিন্ন উপাদানের অনুভূমিক থাকলে, একটি উল্লম্ব উপাদান ফোকাল পয়েন্ট হয়ে ওঠে।
- রঙ: নকশা সবচেয়ে উপাদান অন্ধকার বা নিঃশব্দ হয়, রঙ সঙ্গে কোনো বস্তু চোখের আকর্ষণ করে যদি।
- আকৃতি: যখন অধিকাংশ আকার অনিয়মিত হয়, একটি জ্যামিতিক আকৃতিটি দাঁড়িয়ে আছে।
- প্রক্সিমিটি: যখন কিছু আইটেম গ্রুপ করা হয়, এবং এক গ্রুপ থেকে আলাদা, চোখের একক আইটেমে যায়।
- প্লেসমেন্ট: ব্যতিক্রম আছে যদিও, একটি নকশা মাঝখানে স্থাপিত একটি উপাদান সাধারণত চোখে আঁকা।
- ওজন: একটি ভারী উপাদান দর্শকের মনোযোগ আকর্ষণ।
- পুনরাবৃত্তি: যখন উপাদান টাইপ একটি সহজ গ্রাফিক পুনরাবৃত্তি করা হয়, চোখের ফোকাল বিন্দু থেকে পুনরাবৃত্তি উপাদান অনুসরণ করে।
- কনট্রাস্ট: রঙ এবং লাইন দ্বারা নির্মিত বৈপরীত্যগুলি ছাড়াও, বিপরীতে আকার, টেক্সচার বা ফন্ট পরিবর্তন দ্বারা উত্পন্ন করা যেতে পারে। পরিবর্তনটি ফোকাল উপাদানকে দাঁড় করায়।
- হোয়াইট স্পেস: সাদা (বা খালি) স্থান দ্বারা পরিবেষ্টিত একটি উপাদান ফোকাল পয়েন্ট হয়ে যায়।
ওয়েব ডিজাইন মধ্যে অনুক্রমের
হাইগ্রাটি নকশা উপাদানের দৃশ্যত ব্যবস্থা যা আকারের গুরুত্বকে নির্দেশ করে। বৃহত্তম উপাদান সবচেয়ে গুরুত্বপূর্ণ; কম গুরুত্বপূর্ণ উপাদানের ছোট হয়। আপনার ওয়েব ডিজাইনে একটি দৃশ্যমান অনুক্রম তৈরির উপর নজর রাখুন। আপনি যদি আপনার এইচটিএমএল মার্কআপে একটি শব্দার্থিক প্রবাহ তৈরি করতে কাজ করে থাকেন, তবে এটি সহজ কারণ আপনার ওয়েবপৃষ্ঠাটির ইতিমধ্যেই একটি অনুক্রম আছে আপনার সমস্ত ডিজাইনের প্রয়োজন হল সঠিক উপাদান- যেমন H1 শিরোনাম - জোর দেওয়া জোর দেওয়া।
মার্কআপের অনুক্রমের সাথে সাথে, চিনতে পারেন যে ভিজিটরের চোখটি স্ক্রিনের উপরের বাম কোণে একটি Z প্যাটার্নে একটি ওয়েবপৃষ্ঠা দেখায়। যে পৃষ্ঠার উপরের বাম কোণে একটি গুরুত্বপূর্ণ আইটেম যেমন একটি কোম্পানী লোগো জন্য একটি ভাল জায়গা তোলে। উপরের ডান দিকের কোণে গুরুত্বপূর্ণ তথ্যের জন্য দ্বিতীয় সেরা স্থান অবস্থান।
কিভাবে ওয়েব ডিজাইন জোর দেওয়া অন্তর্ভুক্ত
ওয়েব ডিজাইনে জোর দেওয়া অনেক উপায়ে প্রয়োগ করা যায়:
- কোন শৈলী ছাড়াও জোর দেওয়া অর্থহীন মার্কআপ ব্যবহার করুন।
- ডিজাইনের উপর জোর দেওয়া বা তার উপর জোর দেওয়ার জন্য ফন্ট বা চিত্রগুলির আকার পরিবর্তন করুন।
- জোর প্রদানের জন্য বৈপরীত্য রং ব্যবহার করুন।
- আকারের সংখ্যা পৃষ্ঠায় বা স্ক্রিনে একটি বিশাল শব্দটি অবিলম্বে মনোযোগ পায়।
- সাদা স্থান সঙ্গে ফোকাল পয়েন্ট ঘিরে
- মনোযোগ আঁকতে একটি শব্দ বা ছবি পুনরাবৃত্তি
কোথায় অধস্তন ফিট?
ফোকাল পয়েন্ট পপ করার জন্য আপনি যখন ডিজাইনের অন্যান্য উপাদানের নিচে টোন করেন তখন নিম্নভূমিটি ঘটে। একটি উদাহরণ হল একটি কালো এবং সাদা ব্যাকগ্রাউন্ড ছবির বিরুদ্ধে একটি উজ্জ্বল রঙীন গ্রাফিক। একই প্রভাব তখন ঘটে যখন আপনি নিঃশব্দ রং বা রংগুলি ব্যবহার করেন যা ফোকাল পয়েন্টের পিছনে পটভূমির সাথে মিশ্রিত হয়, যার ফলে এটি দাঁড়ায়।