কন্টেন্ট
এই নিবন্ধটি প্রথম। নেট ম্যাগাজিনের 229 সংখ্যায় প্রকাশিত হয়েছিল - ওয়েব ডিজাইনার এবং বিকাশকারীদের জন্য বিশ্বের সর্বাধিক বিক্রিত ম্যাগাজিন।
এইচটিএমএল / সিএসএসে কোনও পৃষ্ঠা রাখার ক্ষেত্রে আপনি যে গুরুত্বপূর্ণ বিষয়টির দিকে মনোনিবেশ করতে পারেন তার মধ্যে একটি হ'ল উল্লম্ব ছন্দ - ভিজ্যুয়াল প্যাটার্নটি যা আপনি পৃষ্ঠাটি স্ক্যান করে নেওয়ার সাথে সাথে টাইপ বা টাইপের রূপের ব্লকগুলি তৈরি করে।
অন্যান্য বিষয়গুলি এই ছন্দকে প্রভাবিত করতে পারে যেমন শিরোনাম, তালিকার আইটেম, চিত্র এবং আরও অনেক কিছু। ভাল উল্লম্ব ছন্দ থাকা সর্বজনগ্রাহ্য কারণ এটি আপনার পৃষ্ঠাগুলির পঠনযোগ্যতা এবং স্ক্যান-ক্ষমতাতে সহায়তা করে।
ওয়েবে বেশ কয়েকটি দুর্দান্ত টিউটোরিয়াল রয়েছে (উদাহরণস্বরূপ এবং এখানে উদাহরণস্বরূপ) ওয়েবে যেখানে আপনি কীভাবে প্রযুক্তিগতভাবে আপনার লাইন-উচ্চতার জন্য ইএম ব্যবহার করে সঠিক ধরণের লম্ব অর্জন করতে পারবেন এবং কী ধরণের 'ধাপে' রাখছেন তা শিখতে পারবেন মানে।
হায়ারার্কি
ঘনিষ্ঠভাবে মনোযোগ দেওয়ার জন্য মূল বিষয়গুলি হ'ল পৃষ্ঠায় উপাদান এবং সামগ্রিক ভিজ্যুয়াল শ্রেণিবিন্যাসের মধ্যে লাইন-উচ্চতা। যথাযথ লাইন-উচ্চতার অনুপাত সেট করা কোনও জড়িত ডিজাইন অনুশীলন হতে পারে তবে তা আয়ত্ত করা গুরুত্বপূর্ণ। হায়ারার্কিটিও গুরুত্বপূর্ণ, যাতে চিত্র এবং পাঠ্য উপাদানগুলি একে অপরের সাথে দৃষ্টিভঙ্গির সাথে সামঞ্জস্য করা উচিত - সর্বাধিক গুরুত্বপূর্ণ জিনিসগুলি সাধারণত বড় হয় এবং পৃষ্ঠায় প্রথম আসে।
প্রিন্ট ডিজাইনাররা বহু বছর ধরে উল্লম্ব তালের ধারণা নিয়ে কাজ করেছেন এবং এটি কেবল সাম্প্রতিক সময়ের মধ্যেই যে ওয়েব ডিজাইনারদের সত্যিই এই স্টাফটিতে প্রবেশ করতে হয়েছিল। গ্রিড লেআউটগুলি ব্যবহার করে ওয়েবসাইটগুলি তৈরি করা এবং একাধিক স্ক্রিনের প্রস্থকে সামঞ্জস্য করার জন্য প্রতিক্রিয়াশীল বাস্তবায়নের দিকে মনোযোগ দেওয়ার ক্রমবর্ধমান প্রয়োজনের সাথে, এটি কেবলমাত্র কোনও প্রযুক্তিগত চেয়ে বেশি সম্ভবত এখন ভিজ্যুয়াল ডিজাইনের দৃষ্টিকোণ থেকে বেশি গুরুত্বপূর্ণ।
পাঁচটি উদাহরণ পরীক্ষা করে দেখুন
টাইপোগ্রাফিক শৈলীর উপাদানসমূহ রবার্ট ব্রিনহার্স্টের এই বইটি টাইপোগ্রাফি অধ্যয়নের মান। এটি পড়ুন, এটি গ্রাস করুন, আপনার মস্তিষ্কে আপনি যেভাবেই পারেন pourালা।
2. ফ্র্যাঙ্ক চিমেরো সাধারণভাবে একেবারে আশ্চর্যজনক ছাড়াও, ডিজাইনার ফ্র্যাঙ্ক চিমেরোর ব্যক্তিগত ওয়েবসাইটের সাম্প্রতিক নকশাটি একটি দুর্দান্ত উল্লম্ব ছন্দ প্রদর্শন করে। আপনি পৃষ্ঠাটিও নীচে স্ক্রোল করার সাথে সাথে তাল ছড়িয়ে দেওয়ার জন্য তিনি প্যারাল্যাক্স এফেক্ট ব্যবহার করেন।
3. ড্যান সিডারহোলম দুর্দান্ত টাইপোগ্রাফিক উল্লম্ব ছন্দের একটি ভাল উদাহরণের জন্য, ড্যান সিডারহোলমের ব্লগটি একবার দেখুন। অনুলিপি এবং শিরোনামগুলির লাইন-উচ্চতা নিখুঁত অনুপাতে।
4. ফোকাস ল্যাব ওয়েব ডিজাইন এবং ব্র্যান্ডিং ফার্ম ফোকাস ল্যাব দর্শনার্থীর পক্ষে সবচেয়ে গুরুত্বপূর্ণ কী তা জানাতে সাহায্য করতে চূড়ান্তভাবে শ্রেণিবিন্যাস ব্যবহার করে।
5. টাইপফোনডারি টাইপোগ্রাফি স্টুডিও টাইপফোনডির ওয়েবসাইটটির চিত্র এবং পাঠ্য সহ দুর্দান্ত উল্লম্ব ছন্দ রয়েছে। উপাদানগুলির মধ্যে ব্যবধানটি পুরো ওয়েবসাইট জুড়ে অনুপাতে থাকে এবং মূল চিত্র এবং গৌণ চিত্র / বিভাগগুলির মধ্যে স্তরক্রম নিখুঁত।
ক্রিয়েটিভ ব্লকের পরীক্ষামূলক নকশার 10 টি আশ্চর্য উদাহরণ আবিষ্কার করুন।