ডিজাইনত ছাঁ প্ৰয়োগ কৰক

এই ডিজাইন প্ৰবন্ধটোৱে ডিজাইনত ছাঁৰ প্ৰয়োগ আৰু পৰিভাষাৰ এক আভাস দিব।

ছাঁ কি?

ছাঁ হৈছে এটা আন্ধাৰ অঞ্চল য'ৰ পৰা পোহৰ নিৰ্গত হয় এটা পোহৰৰ উৎস এটা অস্বচ্ছ বস্তুৰ দ্বাৰা বন্ধ হৈ থাকে। অস্বচ্ছ বস্তুটোৰ মাজেৰে পোহৰ পাৰ হ’ব নোৱাৰাৰ বাবে ছাঁবোৰৰ আকৃতি দিয়া হয়। বস্তুটোৱে পোহৰক বাধা দিয়ে আৰু ইয়াক বাধা দিয়া বস্তুটোৰ কাষেৰে পাৰ হৈ পৰৱৰ্তী পৃষ্ঠলৈ যাবলৈ বাধ্য কৰে। ফলত সৃষ্টি হোৱা ছাঁটো পোহৰক বাধা দিয়া বস্তুটোৰ দ্বিমাত্ৰিক আকৃতি বা বিপৰীত প্ৰক্ষেপণ।

ছাঁৰ আকাৰ পোহৰৰ উৎস আৰু ইয়াক বাধা দিয়া বস্তুটোৰ মাজৰ দূৰত্বৰ ওপৰত নিৰ্ভৰ কৰে। বস্তুটো যিমানেই পোহৰৰ উৎসৰ ওচৰত থাকে সিমানেই পোহৰক বাধা দিয়ে, যাৰ ফলত ছাঁটো ডাঙৰ, কোমল হয়। যদি বস্তুটো অধিক দূৰত থাকে, তেন্তে ছাঁটো চোকা আৰু সৰু হৈ পৰে।

আন্ধাৰ, কঠিন ধাৰৰ ড্ৰপ-ছাঁবোৰে এটা পোহৰৰ উৎস থকা আন্ধাৰ কোঠা এটাৰ ইংগিত দিয়ে। পোহৰ, কোমল প্ৰান্তৰ ড্ৰপ-শ্বেড'ই বিক্ষিপ্ত পোহৰেৰে সমৃদ্ধ কোঠা এটাৰ ইংগিত দিয়ে।

এইবোৰ সূৰ্য্যৰ পোহৰৰ দ্বাৰা সৃষ্টি হয়। সূৰ্য্যৰ পোহৰৰ যোগানৰ কোণে ছাঁৰ দৈৰ্ঘ্য নিৰ্ধাৰণ কৰে। কৃত্ৰিম ছাঁ:

ইয়াত কৃত্ৰিম পোহৰৰ দ্বাৰা সৃষ্টি হোৱা সকলো ছাঁ অন্তৰ্ভুক্ত কৰা হৈছে।

ডিজাইনত ছাঁ প্ৰয়োগ

ছাঁৰ স্থান আৰু আচৰণ ডিজাইনত অপৰিহাৰ্য বিবেচনা। গ্ৰেডিয়েন্ট, হাইলাইট, আৰু ড্ৰপ ছায়াসমূহে আপোনাৰ ডিজাইন উপাদানসমূহত মাত্ৰা সৃষ্টি কৰে আৰু নিৰ্দেশিত কৰেদৰ্শকৰ মনোযোগ। ছাঁ ব্যৱহাৰ কৰিলে আপোনাৰ ডিজাইনৰ সামগ্ৰিক নান্দনিকতা আৰু কাৰ্য্যকৰীতা নাটকীয়ভাৱে উন্নত হ'ব পাৰে আৰু গভীৰতা আৰু বাস্তৱতাৰ স্তৰ যোগ কৰিব পাৰে।

সাধাৰণতে, ডিজাইনত ছাঁসমূহে পোহৰ আৰু ছাঁ-কাষ্টিঙৰ (কী আৰু পৰিৱেশ) প্ৰাকৃতিক, বাস্তৱ-পৃথিৱীৰ আচৰণ অনুকৰণ কৰিব লাগে পোহৰ) আৰু ডিজাইনৰ সৈতে ফলপ্ৰসূভাৱে মিহলি হওক।

আপোনাৰ ডিজাইন প্ৰক্ৰিয়াত ছাঁসমূহ ফলপ্ৰসূভাৱে ব্যৱহাৰ কৰিবলৈ, আপুনি প্ৰথমে ছাঁ নিক্ষেপৰ মৌলিক নিয়ম আৰু ইয়াৰ মূল উপাদানসমূহ বুজিব লাগিব।

পোহৰ উৎস

পোহৰৰ উৎসই পোহৰৰ উৎসৰ অহা ৰশ্মিৰ দিশ আৰু অৱস্থান নিৰ্ধাৰণ কৰে। প্ৰাকৃতিক পোহৰৰ একমাত্ৰ পোহৰৰ উৎস হিচাপে সূৰ্য্যৰ অৱস্থান আছে; কৃত্ৰিম পোহৰে একাধিক পোহৰৰ উৎসৰ অনুমতি দিয়ে।

হাইলাইট

হাইলাইট হিচাপে সংজ্ঞায়িত কৰা হৈছে যিটো অঞ্চল এটা বস্তুৰ ওপৰত আটাইতকৈ উজ্জ্বলভাৱে জিলিকি উঠে; ই হৈছে পোহৰৰ উৎসৰ ফালে থকা আৰু ইয়াৰ আটাইতকৈ ওচৰৰ বিন্দু।

ছাঁ/কোৰ ছাঁ

ছাঁ/কোৰ ছায়াই বস্তুটোৰ আটাইতকৈ ক'লা অংশটোক বুজায় যিটো পোহৰৰ পৰা আটাইতকৈ দূৰত উত্‍স. ছাঁৰ আন্ধাৰ ছাঁৰ ক্ষেত্ৰত ভিন্ন হ’ব পাৰে। ছাঁৰ আটাইতকৈ ক’লা অংশটোক মূল ছাঁ বোলা হয়।

The Cast Shadow

ছাঁটো নিজেই বস্তুটোৰ ওপৰত থাকে, কিন্তু বস্তুটোৱে নিজেই cast shadow সৃষ্টি কৰে। বস্তুটোৱে জিৰণি লৈ থকা পৃষ্ঠত ঢালাই ছাঁটো প্ৰক্ষেপ কৰা হয়। ঢালাই ছাঁটোৱে সদায় অহা ৰশ্মিৰ দৰে একে দিশলৈ আঙুলিয়াই দিয়ে কিন্তু সদায় ৰ বিপৰীত ফালেobject.

inspirationsl0g0 (@inspirationsl0g0) দ্বাৰা শ্বেয়াৰ কৰা এটা পোষ্ট

ডিজাইনত ছাঁৰ প্ৰয়োগ

এজন ৱেব ডিজাইনাৰৰ দায়িত্ব হ'ল ৰং সৃষ্টি কৰা পোহৰ নিৰ্গত কৰা দ্বিমাত্ৰিক পৰ্দাৰ বাবে আৰ্হি। ছাঁৰ ব্যৱহাৰে ২ডি ডিজাইনত গভীৰতা আৰু স্থানৰ ভ্ৰমৰ সৃষ্টি কৰে। ছাঁটো গ্রাফিক ডিজাইনৰ এক অপৰিহাৰ্য অংশ। ইয়াক ছবি ডিজাইন প্ৰক্ৰিয়াত অন্তৰ্ভুক্ত কৰাৰ অগণন উপায় আছে।

ড্ৰপ-শ্বেড' আৰু গ্ৰেডিয়েণ্ট হৈছে দুটা সাধাৰণতে ব্যৱহৃত ডিজাইন উপাদান। অন্যান্য প্ৰাসংগিক উপাদানসমূহ হ'ল ছাঁৰ অস্পষ্টতা, ছাঁৰ কোণ, ছাঁৰ অফছেট, ছাঁৰ ব্যাসাৰ্ধ, আৰু ছাঁৰ কোমলতা (সততে ব্লাৰ বুলি কোৱা হয়)।

ড্ৰপ-ছাঁ আৰু গ্ৰেডিয়েণ্ট ছাঁ উপাদানসমূহ যিকোনো গ্ৰাফিক্স প্ৰগ্ৰেমৰ সৈতে সৃষ্টি কৰাটো অতি সহজ, কিন্তু ইয়াৰ নেতিবাচক দিশটো হ'ল এই দুটা ছাঁ প্ৰভাৱ সঘনাই অতিমাত্ৰা ব্যৱহাৰ কৰা হয়।

স্কিউমৰ্ফিক ডিজাইনত ছাঁসমূহ

বিশেষকৈ ২০০০ চনৰ আৰম্ভণিৰ পৰা মাজভাগলৈকে ইয়াৰ ব্যৱহাৰৰ শিখৰত উপনীত হোৱা স্কিউমৰ্ফিক ডিজাইন সময়ছোৱাত ডিজাইনাৰসকলে ফটোশ্বপ আৰু অনুৰূপ চফট্ ৱেৰ প্ৰগ্ৰেমৰ স্তৰ শৈলীসমূহ সৰ্বোচ্চ ক্ষমতালৈকে শেষ কৰিছিল, বিশেষকৈ সৰু আকাৰৰ পৰ্দাবোৰত অতি অগোছাল আৰু ভিৰ অনুভৱ কৰা হয়। আইকনসমূহ প্ৰতিফলন, ছাঁ, আৰু সঠিক প্ৰান্তিককৰণ ৰেখাৰে সৃষ্টি কৰা হৈছিল, এটা 3D অনুভৱ সৃষ্টি কৰি।

যদিও দৃশ্যগত উপাদানসমূহ ভিন্ন হ'ব পাৰে, ব্যৱহাৰকাৰীসকলে সদায় এই দুটা বনাব পাৰিছিলধাৰণাসমূহ:

• উত্থাপিত যেন লগা উপাদানসমূহ তললৈ টিপিব পাৰি (যেনে, বুটামসমূহ)
• ডুব যোৱা দেখা উপাদানসমূহ পূৰণ কৰিব পাৰি (যেনে, ইনপুট ক্ষেত্ৰসমূহ)

বাওঁফালে ছবি: উইণ্ড'জ 95 ছেটআপ পৰ্দা, ছবিৰ উৎস: extremetech। সোঁফালে ছবি: এপল স্কিউমৰ্ফিক হোমস্ক্ৰীণ, ছবিৰ উৎস: materialdesignblog

উপাদান ডিজাইনত ছাঁ

২০১০ চনৰ মাজভাগত সৃষ্টিশীল পেণ্ডুলামটো অধিক নূন্যতমলৈ ঘূৰি আহিল ফ্লেট ডিজাইন ধাৰা আৰু উপাদান UI-ডিজাইন ভাষা ৰ বিকাশৰ সৈতে পদ্ধতি।

ফ্লেট ডিজাইন আৰু মেটেৰিয়েল ডিজাইনৰ তুলনা। ছবিৰ উৎস: মধ্যম

ডিজাইন আৰু ছাঁৰ আচৰণ বাস্তৱ জগতৰ বস্তুবোৰ যিমান পাৰি সঠিকভাৱে চিত্ৰিত কৰাৰ বিষয়ে নাছিল। ইয়াৰ সকলোবোৰ আছিল স্পষ্টতা, শৃংখলা, ধাৰাবাহিকতা আৰু সৰলতাৰ। ফ্লেট ডিজাইন পদ্ধতিয়ে চূড়ান্ত সৰলতাৰ বাবে z-অক্ষ বাদ দিছিল। z-অক্ষৰ অভাৱে UI উপাদানসমূহত ছাঁসমূহ অন্তৰ্ভুক্ত কৰাটো অতিৰিক্ত কৰি তুলিছিল।

প্ৰথমতে গুগলে বিকশিত কৰা উপাদান ডিজাইন ভাষা -এ z-অক্ষক ইয়াৰ... পৰিষ্কাৰ আৰু সৰল পদ্ধতি, ইয়াৰ ধাৰাবাহিকতাৰ বাবে কঠোৰ নিয়মৰ ওপৰত গুৰুত্ব আৰোপ কৰা আৰু প্ৰায়ে এনিমেটেড পৰিৱৰ্তনসমূহ বৈশিষ্ট্যযুক্ত কৰা হয়। গভীৰতাৰ ভ্ৰম সৃষ্টি কৰিবলৈ নূন্যতম ছাঁ ব্যৱহাৰ কৰা হৈছিল। নতুন ডিজাইন পদ্ধতিয়ে ৰং আৰু স্থান ব্যৱহাৰ কৰাৰ নতুন সুযোগৰ অনুমতি দিছিল।

নিউমৰ্ফিক ডিজাইনত ছাঁ

পিছতঅধিক সৰল 2D ডিজাইন পদ্ধতিৰ প্ৰায় এটা দশক, এটা নতুন ডিজাইন ভাষাৰ উত্থান ঘটিল: নিউমৰ্ফিজম macOS Big Sur ত বিশিষ্টভাৱে বৈশিষ্ট্যযুক্ত। আইকন আৰু UI উপাদানসমূহ ১২ বজাৰ পোহৰৰ উৎসৰ পৰা শ্বেডিং আৰু হাইলাইটৰ সৈতে ডিজাইন কৰা হৈছে। ই স্কেউমৰ্ফিক ডিজাইনৰ ভৌতিক, হপটিক পদ্ধতিৰ সৈতে পুনৰ সংযোগ কৰে কিন্তু অত্যধিক স্তৰ শৈলীৰ ছাঁ অবিহনে।

ছাঁৰ আচৰণ আৰু প্ৰক্ষেপণ সামগ্ৰীত সম্পূৰ্ণ পৃথক আৰু... নিউমৰ্ফিক ডিজাইন শৈলী।

তুলনা স্কিউমৰ্ফিজম, ফ্লেট ডিজাইন, আৰু নিউমৰ্ফিজম। ছবিৰ উৎস: justinmind

উপাদান ডিজাইন কাৰ্ডবোৰ অনিৰ্দিষ্ট ছাঁৰ সৈতে ভাঁহি থকা যেন লাগে।

নিউমৰ্ফিক ডিজাইন কাৰ্ডসমূহ পটভূমিৰ পৰা এক্সট্ৰুড কৰা যেন লাগে। ছাঁৰ প্ৰক্ষেপণ আৰু পোহৰৰ সৈতে ইয়াৰ পাৰস্পৰিক ক্ৰিয়া সম্পূৰ্ণ বেলেগ।

তুলনা নিউমৰ্ফিক কাৰ্ড আৰু মেটেৰিয়েল কাৰ্ড। ছবিৰ উৎস: uxdesign

তুলনা নিউমৰ্ফিক কাৰ্ড আৰু মেটেৰিয়েল কাৰ্ড। ছবিৰ উৎস: uxdesign

আপুনি আপোনাৰ ডিজাইনত ছাঁসমূহ কিয় অন্তৰ্ভুক্ত কৰিব লাগে

2D/UI ডিজাইনত ছাঁসমূহৰ উদ্দেশ্য প্ৰধানকৈ 3D বস্তুসমূহ যিমান পাৰি বাস্তৱিকভাৱে অনুকৰণ কৰা নহয় ব্যৱহাৰকাৰীৰ বাবে কিন্তু আন্তঃপৃষ্ঠৰ নেভিগেচনক সূক্ষ্মভাৱে নিৰ্দেশিত আৰু সহজ কৰিবলৈ।

এটা সূক্ষ্ম, সযতনে গণনা কৰা প্ৰজেকচনৰ সৈতে ছাঁসমূহ সংহতি কৰাটো ইয়াৰ বাবে ডিজাইনক অধিক অভিগম্য কৰাৰ এটা আদৰ্শ উপায়ব্যৱহাৰকাৰীসকল।

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

আপোনাৰ ছাঁৰ অস্পষ্টতা, কোণ, বা ৰং সলনি কৰিলে আপোনাৰ ডিজাইনে দৰ্শকক কেনেকৈ আকৰ্ষণ কৰে তাৰ এটা পৃথিৱীৰ পাৰ্থক্য আনিব পাৰে। আপুনি আপোনাৰ ডিজাইনক ব্যৱসায়িক শৈলীৰ পৰা চঞ্চল আৰু মজালৈ ৰূপান্তৰ কৰিব পাৰে কেৱল ছাঁৰ ৰঙৰ বৈশিষ্ট্যসমূহ পৰিবৰ্তন কৰি f.ex.

আপোনাৰ ছাঁসমূহৰ অস্পষ্ট বা অফছেট বৈশিষ্ট্যসমূহ সামঞ্জস্য কৰিলে ব্যৱহাৰকাৰীৰ মনোযোগ পূৰ্বতে অৱজ্ঞা কৰা ডিজাইন উপাদানসমূহলৈ পুনৰনিৰ্দেশিত কৰিব পাৰি।

আমি আপোনাক দিয়া মূল নিৰ্দেশনাসমূহ মনত ৰাখিব, আৰু ছাঁৰ বৈশিষ্ট্যসমূহৰ সৈতে খেলি মজা কৰক!