আমি কীভাবে আমার ওয়েবসাইটের জন্য একটি ভাল কভার ফটো চয়ন করতে পারি?


22

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

কোন কার্যকর কভার / ব্যাকগ্রাউন্ড ফটো তৈরি করে? আমার সাইটের জন্য ছবিগুলি নেওয়ার এবং কিছু সম্পাদনা করার পরিকল্পনা করার সময় আমার কী মনে রাখা উচিত?


1
বড় ব্যাকগ্রাউন্ডের ভিডিওগুলি এখন ট্রেন্ডি।
ব্যবহারকারী 11153

1
সুন্দরভাবে সম্পন্ন হয়েছে, সাইটের সেরা স্ব-জবাবদিহি করা প্রশ্নগুলির মধ্যে একটি (আমি অন্য কোনওটিকে স্মরণ করতে পারি না, সম্ভবত সবচেয়ে ভাল)। :)
ডম

উত্তর:


30

আপনার কি সত্যিই প্রবণতাটি অনুসরণ করা দরকার?

এটি কোনও প্রবণতা কারণ কখনও কিছু করবেন না। ব্যবহারকারীর অভিজ্ঞতা অর্জনের জন্য তারা ভাল বলে কারণ এটি আপনার সংস্থা এবং আপনার ডিজাইনের জন্য সবচেয়ে ভাল। আপনার সাইটে একটি বৃহত চিত্র যুক্ত করা এবং আপনার কাছে থাকা অন্যান্য অপশনগুলি বিবেচনা করবে সেগুলি সম্পর্কে সত্যিই কঠোর চিন্তা করুন। একটি "আধুনিক" ওয়েবসাইট পেতে আপনাকে এই কৌশলটি ব্যবহার করতে হবে না

এটি বলা হচ্ছে যে, আপনার ওয়েবসাইটের জন্য একটি পটভূমি চিত্র চয়ন করার সময় অনেক কিছুই মনে রাখতে হবে। যেহেতু এই উত্তরটি দীর্ঘ, তাই এখানে সংক্ষেপে তালিকাটি দেওয়া হল; আমি নীচে উদাহরণ সহ প্রতিটি সম্পর্কে আরও বিস্তারিত দেই।

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

চিত্রটি সামগ্রীর সাথে সম্পর্কিত কিনা তা নিশ্চিত করুন

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

এখানে চিত্র বর্ণনা লিখুন


নিশ্চিত করুন যে চিত্রটি যা চায় তা বলে

সমস্ত চিত্রের চিত্রের সামগ্রী এবং এটি কীভাবে স্টাইল করা হয়েছে তার উপর ভিত্তি করে একটি অর্থবোধ রয়েছে। আপনি ব্র্যান্ডের পাশাপাশি প্রকাশ করার আশা করছেন অনুভূতিটি চিত্রটি ফিট করে তা নিশ্চিত করুন। চিত্রটির চারপাশের পাঠ্যটি কী সরবরাহ করে তা অতীতের অতিরিক্ত বোঝাপড়া জানাতে হবে। এছাড়াও এটি নিশ্চিত করুন যে এটি আপনার ব্র্যান্ডটি যেভাবে তৈরি করতে চায় তেমনভাবে তৈরি করতে সহায়তা করে।

এখানে চিত্র বর্ণনা লিখুন

চিত্রটি দৃষ্টি আকর্ষণীয় হওয়া উচিত বলে এটি ছাড়াই যায়। চিত্রটি আকর্ষণীয় হওয়ার জন্য বৈশিষ্ট্যের বিষয়ে আরও বিশদ নীচে রয়েছে।


চিত্রটি তুলনামূলকভাবে অনন্য কিনা তা নিশ্চিত করুন

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

এখানে চিত্র বর্ণনা লিখুন


বাস্তব জিনিসগুলির একটি চিত্র ব্যবহার করুন

সত্যিকারের চিত্র (এমনকী একটি উচ্চ সম্পাদিত সংস্করণ) সম্পর্কে এমন কিছু আছে যা মানুষ হিসাবে আমাদের উপর দুর্দান্ত প্রভাব ফেলে। আমরা আসল জিনিস দেখতে পছন্দ করি। যখনই সম্ভব, কম্পিউটার তৈরির জন্য কোনও বাস্তব চিত্রের জন্য অপছন্দ করুন যদি না এটি আপনি যে সামগ্রী বা শৈলীতে যাচ্ছেন তা পুরোপুরি ফিট করে না।

এখানে চিত্র বর্ণনা লিখুন

লোক দেখানো এর আরও বেশি প্রভাব ফেলে, যা ভাল এবং খারাপ উভয়ই হতে পারে। যদি সঠিকভাবে করা হয়, এটি ব্যবহারকারীদের অনুভব করতে পারে যে অভিজ্ঞতাটি আরও বাস্তব এবং ব্যক্তিগত। যদি দুর্বল সম্পন্ন, এটা মনে করতে পারেন তোমার দর্শন লগ করা ব্যক্তিগত এবং সস্তা। এখানে আরও

বিশেষত মুখগুলি মনোযোগ আকর্ষণ করে, তাই নিশ্চিত করুন যে সেগুলি উপযুক্ত মুখ এবং এটি কেবল যেখানে গুরুত্বপূর্ণ সেখানে রাখুন। কখনও কখনও এগুলিকে অন্য প্রসঙ্গে যেমন একটি বই এবং আইপ্যাড, কম্পিউটার ইত্যাদির মধ্যে রাখা সাহায্য করতে পারে। অন্য সময় মুখগুলি কাটাতে আরও উপযুক্ত (পোশাকের ওয়েবসাইট বা কোনও পাত্রের কথা ভাবেন)। যদি সঠিকভাবে করা হয় তবে ব্র্যান্ড / মুখপাত্রের মুখ দেখানো খুব কার্যকর can

এখানে চিত্র বর্ণনা লিখুন


নিশ্চিত করুন যে চিত্রটি আপনার বিন্যাসের সাথে কাজ করে

আপনার চয়ন করা যেকোন চিত্রের চেয়ে আপনার ব্যবহারকারীর প্রবাহ এবং সাইটের বিন্যাস আরও গুরুত্বপূর্ণ। প্রথমে সেগুলি তৈরি করুন। যদি সেই সর্বোত্তম বিন্যাস এবং প্রবাহের শীর্ষে কিছুটা খোলা জায়গা থাকে তবে একটি চিত্র যুক্ত করার বিষয়টি বিবেচনা করুন।

নিশ্চিত হয়ে নিন যে চিত্রটির কোনও গুরুত্বপূর্ণ অংশ আপনার কাছে থাকা সামগ্রীর আওতায় নেই। ব্যবহারকারীদের যে সামগ্রী আপনি দেখতে চান তাতে নেতৃত্ব দেওয়ার জন্য ভিজ্যুয়াল গাইডলাইনগুলি ব্যবহার করুন (পরবর্তী বিভাগে এটি সম্পর্কে আরও)।

এখানে চিত্র বর্ণনা লিখুন


নিশ্চিত করুন যে চিত্রটি ভাল ফটোগ্রাফি এবং ডিজাইনের বিধি অনুসরণ করেছে

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

এই নীতিগুলি চিত্রের গুরুত্বপূর্ণ অংশগুলি এবং এর আশেপাশের প্রসঙ্গে দৃষ্টি আকর্ষণ করতে সহায়তা করে চিত্রটিকে আরও উদ্দেশ্য দেয়।

ভাল ইমেজ বিধি


নিশ্চিত করুন যে চিত্রটি আপনার রঙীন স্কিম অনুসরণ করে

সমস্ত ওয়েবসাইটের রঙীন স্কিম সহ একীভূত অনুভূতি থাকা উচিত। আপনি প্রথমে রঙের স্কিমটি বেছে নিন এবং তারপরে চিত্রটি চয়ন করুন বা চিত্রটি চয়ন করুন এবং তারপরে রঙের স্কিম ( এই জাতীয় সরঞ্জামগুলি পরবর্তীতে সহায়তা করতে পারে) তা নিশ্চিত করুন যে চিত্রের রঙগুলি আপনার সামগ্রিক রঙ স্কিমের সাথে খাপ খায়। কখনও কখনও কোনও চিত্র ধোয়া এবং তারপরে রঙিন ফিল্টার প্রয়োগ করা ভাল কাজ করতে পারে well

descr


চিত্রের মধ্যে বৈকল্পিকতা সীমাবদ্ধ করুন

চাক্ষুষ চেহারাটি ব্যস্ত করবেন না। চিত্রটিতে একগুচ্ছ রঙ এবং অবজেক্ট থাকার কারণে এটির উপরে পাঠ্য লেখা এবং লেআউটটির সাথে এটি ফিট করা শক্ত হয়ে যায়। আগে যেমন বলা হয়েছে, প্রথমে সামগ্রী তৈরি করুন এবং তারপরে চিত্রটি বাছুন।

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

এখানে চিত্র বর্ণনা লিখুন

উপরের চিত্রটি মূল চিত্রটি গা dark় করে তোলে এবং গোলমাল হ্রাস করতে প্রান্তগুলিতে কিছু ছায়া ব্যবহার করে। নীচের চিত্রটি একই জিনিসটি করতে আংশিক স্বচ্ছ অন্ধকার ওভারলে ব্যবহার করেছে।

এখানে চিত্র বর্ণনা লিখুন


নিশ্চিত করুন যে চিত্রের আকারটি যথেষ্ট পরিমাণে বড়

এটি বলা ছাড়াই যায় যে ব্যবহৃত চিত্রটি প্রসারিত ছাড়াই প্রতিটি স্ক্রিনটি কভার করার জন্য যথেষ্ট বড় হওয়া উচিত। এর অর্থ পূর্ণ আকারের পর্দার জন্য আমাদের ন্যূনতম 1024 x 768 পিক্সেলের রেজোলিউশন সহ চিত্র থাকতে হবে তবে কমপক্ষে 1200 পিক্সেল প্রশস্তের জন্য লক্ষ্য করা ভাল। রেজোলিউশনের উপর ভিত্তি করে পার্থক্য আকারের চিত্রগুলি সরবরাহ করে আমরা ছোট পর্দার জন্য বড় চিত্রগুলি লোড করতেও সঞ্চয় করতে পারি, আরও এখানে । চিত্রের গুণমানকে স্বীকার না করে তবে সম্ভাব্য চিত্রের লোডের সময়টিকে অনুকূল করার চেষ্টা করুন।


আপনার ইমেজটি ব্যবহারের অধিকার রয়েছে তা নিশ্চিত করুন

আপনি যদি এটি ব্যবহারের অনুমতি না পেয়ে থাকেন তবে এটি ব্যবহার করবেন নাআপনি যদি চিত্রটির কপিরাইটটি কী তা জানেন না তবে এটি সন্ধান করুন, তবে আপনি যতক্ষণ না জানেন এটি ব্যবহার করবেন না! আপনি শেষ কাজটি করতে চান তা লঙ্ঘনের জন্য মামলা করা হবে।


ছবির মান উচ্চতর আছে তা নিশ্চিত করুন

দানাদার বা অস্পষ্ট চিত্র ব্যবহার করবেন না। প্রশ্নবিদ্ধ বা সম্পর্কযুক্ত সামগ্রী সহ কোনও ফটো ব্যবহার করবেন না। এটি সহজ রাখুন তবে (বেশিরভাগ ক্ষেত্রে) বাস্তব। আপনি বিবেচনা করা প্রতিটি চিত্রের ভাল এবং খারাপ অংশগুলি সম্পর্কে কঠোর চিন্তা করুন এবং কিছু সাধারণ বিষয় গ্রহণ করবেন না।

অতিরিক্ত সম্পদ:


4
ভাল উত্তর. আমি সম্ভবত অত্যধিক সংক্ষিপ্ত অবস্থা হত: "নিশ্চিত করুন যে এটি একটি ভাল ফটো এবং আপনার সাইটের প্রয়োজন এবং উদ্দেশ্যগুলির সাথে প্রাসঙ্গিক" :)
DA01

@ DA01 আমি সম্পূর্ণরূপে এই বক্তব্যের সাথে একমত হওয়ার পরেও কিছু লোকের আরও কিছুটা সাহায্য দরকার :)
জাচ সসিয়ের
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.