এবং এটিই আমরা পেয়েছি…

5.png

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

6.png

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

7.png

আমরা একটি খুব হালকা ছায়া যোগ করতে করছি (#5674a7) এবং উপরে সাদা থেকে হালকা গ্রেডিয়েন্ট (#ffffff) থেকে হালকা নীল (#cdd9de) ...

8.png

9.png

নিশান

এটি আমাদের একটি খুব সুন্দর শিশুর নকশা দেবে।

10.png

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

11.png

এই ভাল দেখায়?

12.png

না, এটা হয় না কারণ ট্যাবগুলো দেখতে অনেকটা বিশৃঙ্খল, তাই আমরা নিশ্চিত করব যে বাম পাশের ট্যাবের লাইন নিচের ট্যাবের লাইনের সাথে "মেলছে", এভাবে...

131.png

এখন এটা সমানুপাতিক দেখায়.

crystal_clear_app_ark2.png

নিশান

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

পিএসডি ফাইল ডাউনলোড করুন