কিভাবে চাক্ষুষ এবং শ্রবণ উপলব্ধি উন্নত করা যায়। কিভাবে তথ্য উপলব্ধি উন্নত? যেখানে সম্ভব নিয়ম ভঙ্গ করুন

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

এবং আমি বুঝতে পেরেছিলাম যে উপলব্ধির সমস্ত চ্যানেল ব্যবহার করা প্রয়োজন - দৃষ্টি, শ্রবণ, গন্ধ, স্বাদ, সংবেদন, অনুভূতি - তারপর ঘটনাগুলি স্মৃতিতে একটি প্রাণবন্ত ট্রেস রেখে যাবে।

তদুপরি, এই জাতীয় স্মৃতিগুলি আত্মার ধন।

সমস্ত ইন্দ্রিয়ের সাথে ঘটনাগুলি উপলব্ধি করা আপনাকে জীবনকে সম্পূর্ণরূপে বাঁচতে দেয় এবং তারাই জীবনের সাধারণ মুহূর্তগুলিকে ধনে পরিণত করে।

এই নিবন্ধে আমি উপায় প্রস্তাব করতে চান কিভাবে 5 ইন্দ্রিয় বিকাশ, তথ্য উপলব্ধি উন্নতএবং নতুন আবেগ দিয়ে জীবন পরিপূর্ণ করুন।

আমি এই নীতিবাক্য দিয়ে প্রতিদিন শুরু করার পরামর্শ দিচ্ছি: আমি আমার চারপাশে এই বিস্ময়কর পৃথিবী আবিষ্কার করছি!

এটি মনোযোগ দিতে এবং ছোট অধ্যয়ন পরিচালনা করা প্রয়োজন।

আমরা আপনাকে মেমরি এবং তথ্য উপলব্ধির চ্যানেলগুলির সাথে কাজ করতে সাহায্য করার জন্য আপনাকে একটি বই অফার করি৷

5টি ইন্দ্রিয়ের বিকাশ: 5টি সহজ এবং কার্যকর ব্যায়াম

1. চাক্ষুষ উপলব্ধির বিকাশ: আপনার চোখের চিকিত্সা করুন

"চোখ খুশি হয়" অভিব্যক্তি মনে আছে? এটি সাধারণত বলা হয় যখন কিছু দেখতে আনন্দদায়ক হয়।

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

"হ্যাঁ, আমি কত ভিন্ন জিনিস দেখি" - "দেখা চমৎকার!"

নিজেকে জিজ্ঞাসা করুন: কি আমার চোখ খুশি? আমি কি দেখে আনন্দ পাই?

এটি একটি সুন্দর সূর্যাস্তও হতে পারে, যখন সূর্য লালচে উজ্জ্বল হয়।

এবং নদী কিভাবে প্রবাহিত হয়, র্যাপিডগুলিকে বাইপাস করে।

আর মাঠে গমের কানের আনাগোনা।

উপরন্তু, চাক্ষুষ উপলব্ধি বিকাশ করতে, আপনার চারপাশের বিশ্বের বিশদ বিবরণ লক্ষ্য করুন:

  • দোকানে বিক্রেতার নাম কি,
  • আপনার কাজের পথে আপনি যে বিল্ডিংটির পাশ দিয়ে যাচ্ছেন তাতে কয়টি কলাম আছে?
  • দোকানে টাইলসের উপর কি প্যাটার্ন রাখা হয়?

প্রশ্ন হল: জীবনের আনন্দ ও বসন্ত ফিরিয়ে আনা যায় কীভাবে?

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

এর মানে হল যে আমরা যত বেশি নিজেদেরকে খুশি করি, নিজেদেরকে সৌন্দর্য দেখতে এবং শুনতে, স্বাদ এবং গন্ধের পুরো বর্ণালী আবিষ্কার করতে পারি - যত বেশি আমরা এই পৃথিবীকে অনুভব করি, ততই আমরা সুখী বোধ করি।

কেন আপনার অনুভূতি মনোযোগ দিতে?

অনুভূতিগুলি হল যা আত্মার অভিজ্ঞতা এবং আমাদের জীবনের সমৃদ্ধি গঠন করে।

অনুভূতি সরাসরি স্মৃতির সাথে সম্পর্কিত। অনুভূতি হল আত্মার উপকরণ।জীবন থেকে জীবন পর্যন্ত যা আমাদের সাথে থাকে।

তারা আমাদের এত বেশি প্রভাবিত করে যে কখনও কখনও যাদের অনেক ব্যথা এবং অভিজ্ঞতা আছে তাদের শৈশব মনে রাখা কঠিন; স্মৃতি এই ধরনের স্মৃতিকে ব্লক করে এবং ফিউজ হিসাবে কাজ করে।

সুসংবাদ: জীবনের সংবেদনশীল উপলব্ধি পুনরুদ্ধার করা যেতে পারে।

মনে রাখবেন আপনি ছোটবেলায় কী করতে পছন্দ করতেন এবং কী আপনাকে অনেক আনন্দ, মজা এবং উত্সাহ এনেছিল?

শৈশবের স্মৃতিতে ডুবে যান এবং, শিশুর মতো স্বতঃস্ফূর্ততা এবং একজন গবেষকের উত্তেজনার সাথে, বিশ্বকে একটি নতুন উপায়ে দেখুন।

আমি অবশেষে একজন চিন্তাবিদকে উদ্ধৃত করতে চাই:

যিনি প্রতিটি মুহূর্তকে গভীর বিষয়বস্তু দিয়ে পূর্ণ করতে পারেন তিনি তার জীবনকে সীমাহীনভাবে দীর্ঘায়িত করেন।

পুনশ্চ. উপলব্ধির চ্যানেলগুলি বিকাশ করতে, একটি ব্যবহারিক মাস্টার ক্লাস সাহায্য করবে।

পি.পি.এস. আজ আপনি কি অনুভূতি বিকাশ করবেন তা লিখুন।

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

যদিও একটি শক্তিশালী ব্র্যান্ডের ROI একটি ক্যাপচার পৃষ্ঠায় CTA বোতামের তুলনায় পরিমাপ করা কঠিন, এটি স্পষ্ট যে বিশ্বের সবচেয়ে সম্মানিত কোম্পানিগুলির মধ্যে কিছু দৃঢ় নকশা সংস্কৃতি রয়েছে এবং একটি নির্দিষ্ট নান্দনিকতা অনুসরণ করে।

Apple এবং Nike থেকে অন-ব্র্যান্ড ডিজাইনের উদাহরণ

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

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

যেখানে সম্ভব নিয়ম ভঙ্গ করুন

সিজার মার্টিনেজ, আনবাউন্সের সিনিয়র আর্ট ডিরেক্টর, ডিজাইনের নিয়ম সম্পর্কে অনেক কিছু শুনেছেন, কিন্তু তার মতে বিতর্কটি শেষ হয়নি:

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

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

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

আমার প্রিয় কিছু ফন্ট হবে রোবোটো, প্লেফেয়ার এবং অ্যাব্রিল ফ্যাটফেস।

আপনার তথ্য আর্কিটেকচার পরিষ্কার করতে কম ফন্ট ব্যবহার করুন

ডেনিস ভিলানুয়েভা, পণ্য ডিজাইনার:

“ভাল টাইপোগ্রাফি হল পরিষ্কার তৈরি করার সবচেয়ে সহজ উপায়। আপনার ব্র্যান্ডের জন্য একটি ফন্ট বেছে নেওয়ার ক্ষেত্রে এটিই প্রধান মাপকাঠি হওয়া উচিত।"

আপনার ল্যান্ডিং পৃষ্ঠায় সর্বাধিক অ্যাক্সেসযোগ্য তথ্য আর্কিটেকচার বিকাশে সহায়তা করার জন্য ডেনিস কিছু নির্দেশিকা প্রদান করে:

“আপনি যদি জানেন না কী বেছে নেবেন, তাহলে 2-3 ওজনে একটি ফন্ট ফ্যামিলি ব্যবহার করা (বা 1-2 ওজনে দুটি ফন্ট ফ্যামিলি) বেশ যুক্তিসঙ্গত। তিনটির বেশি ফন্ট ব্যবহার করা বিভ্রান্তিকর এবং বিভ্রান্তিকর হতে পারে এবং এড়ানো উচিত।"

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

আনবাউন্সের প্রধান ব্যবহারকারী অভিজ্ঞতা প্রকৌশলী ডেনিস সুহোপোলজ্যাকের জন্য, এটি গুরুত্বপূর্ণ যে সঠিক টাইপোগ্রাফি ব্যবহার করে দর্শকদের মধ্যে সঠিক অনুভূতি জাগাতে পারে:

"ফন্টগুলি রচনা, সুর এবং মেজাজ সম্পর্কে। সঠিক ফন্টের সাথে আপনার ব্র্যান্ডের ভয়েস এবং স্টাইল মিলিয়ে আপনি আপনার সামগ্রীকে আরও আকর্ষণীয় করে তুলতে পারেন। ভালভাবে সম্পন্ন হলে, টাইপোগ্রাফি আপনার পাঠ্যকে (এবং আপনার সম্পূর্ণ ব্র্যান্ডের অভিজ্ঞতা) পাঠযোগ্য, পাঠযোগ্য এবং আকর্ষক করে তোলে।"

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

আপনার বার্তার ফন্ট অংশ করার চেষ্টা করুন

আনবাউন্সের ইন্টারঅ্যাকশন ডিজাইনার আইনারা সাইঞ্জের মতে, ভালো টাইপোগ্রাফি আপনাকে আপনার বার্তার পরিপূরক করার জন্য একটি ইলাস্ট্রেশন খোঁজার ঝামেলা থেকে বাঁচাতে পারে।

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

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

অসুবিধার কারণ

ইংরেজি বক্তৃতা শোনার অসুবিধার বিভিন্ন কারণ থাকতে পারে।


আমরা আপনার শ্রবণ দক্ষতা শেখার এবং বিকাশে সাফল্য কামনা করি!

ভিক্টোরিয়া তেতকিনা


মন্তব্য

পাভেল শ্যারনভ

"নিজেকে সাহায্য করুন: প্রথমে সাবটাইটেল চালু করুন" - ইংরেজি সাবটাইটেল চালু করুন, রাশিয়ান নয়!

নিনা ডিডেনকো

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

জন পালস

www.letspal.com<= друг по переписке website

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

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

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

ফটোশপ খুলুন;

ফিল্টার >> অস্পষ্ট >> গড়;

জাভাস্ক্রিপ্ট। দ্রুত শুরু

ফলস্বরূপ রঙ নির্বাচন করতে একটি পাইপেট ব্যবহার করুন;

এই রঙটি ব্যাকগ্রাউন্ড-রঙ হিসাবে ব্যবহার করুন।

মাস্টহেড ( পটভূমি-চিত্র: url(/img/masthead.jpg); পটভূমি-রঙ: #3d332b; )

মাস্টহেড (

ব্যাকগ্রাউন্ড - ইমেজ : url (/ img/ masthead. jpg);

পটভূমি - রঙ: #3d332b;

আমি আমার ব্যানারে আমার সাইটের হোম পেজে একই কৌশল ব্যবহার করেছি। যদি ছবিগুলি লোড হতে অনেক সময় নেয়, আমরা ব্যবহারকারীকে একটি কঠিন রঙ দেখাই৷ এই মুহূর্তে ট্রেনে আমি আমার ওয়েবসাইটে গিয়ে নিচের ছবিটি দেখেছি:

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

CSS গ্রেডিয়েন্ট এবং একাধিক ব্যাকগ্রাউন্ড ইমেজ

বেশ সহজভাবে, আমি একটি CSS গ্রেডিয়েন্ট ব্যবহার করে একটি ছবির একটি রুক্ষ চিত্র তৈরি করতে চাই। মোটামুটি ছবি আসলে ছবির সাথে সাদৃশ্যপূর্ণ হবে তা বলা যাবে না। এটি আক্ষরিকভাবে সাধারণভাবে ব্যবহৃত রঙের কয়েকটি গুচ্ছ হবে। আমি এই রঙগুলিকে চিত্রগুলিতে ব্যাকগ্রাউন্ড-ইমেজ হিসাবে ব্যবহার করেছি। ইয়াহ! ছবিগুলো ইতিমধ্যেই পটভূমির ছবি। চিন্তা করবেন না, IE9 দিয়ে আমরা একটি উপাদানে একাধিক ব্যাকগ্রাউন্ড ইমেজ সেট করতে পারি। আমরা ইমেজ এবং এর গ্রেডিয়েন্ট আনুমানিকতাকে একযোগে সংজ্ঞায়িত করতে পারি। অর্থাৎ, যদি ব্রাউজারে CSS থাকে:

এটি CSS অনুমান আঁকতে পারে;

এটি বাস্তব চিত্রের জন্য অনুরোধ পাঠাতে পারে, যা সম্ভব হলে লোড করা হবে।

MDN-এ একাধিক ব্যাকগ্রাউন্ড চিত্রের আরও বিশদ বিবরণ।

কিভাবে একটি জুম তৈরি করতে হয়

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

জাভাস্ক্রিপ্ট। দ্রুত শুরু

কিভাবে একটি ওয়েব অ্যাপ্লিকেশন তৈরি করতে হয় তার একটি হ্যান্ডস-অন উদাহরণ সহ জাভাস্ক্রিপ্টের মূল বিষয়গুলি শিখুন৷

তারপরে আমি প্রতিটি বিভাগ পৃথকভাবে নির্বাচন করেছি এবং ফিল্টার >> অস্পষ্ট >> গড় ব্যবহার করেছি, যা আমাকে এই ছবিটি দিয়েছে:

লিনিয়ার-গ্রেডিয়েন্ট (ডান দিকে, #807363 0%, #251d16 50%, #3f302b 75%, #100b09 100%)

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

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

ব্যবহারিকতা

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

ফলব্যাক এক লেভেল ডাউন হল ইমেজের গড় রঙ নেওয়া এবং এটিকে ব্যাকগ্রাউন্ড-কালার প্রপার্টিতে প্রয়োগ করা। গ্রেডিয়েন্ট এবং একাধিক ব্যাকগ্রাউন্ড এখানে আর প্রয়োজন নেই, তবে প্রতিটি ছবির জন্য আলাদাভাবে কোড লিখতে হবে।

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