উইন্ডোজ 8 বেরিয়ে আসার পরে সবাই "মেট্রো ইউআই" এবং পরে "ফ্ল্যাট ডিজাইন" সম্পর্কে কথা বলেছিল। এখন, অ্যান্ড্রয়েড ললিপপ বের হওয়ার পরে সবাই "ম্যাটেরিয়াল ডিজাইনের" কথা বলবে। কেউ "ম্যাটেরিয়াল ডিজাইন" এবং "ফ্ল্যাট স্টাইল" এর মধ্যে পার্থক্যটি ব্যাখ্যা করতে পারেন?
"ফ্ল্যাট স্টাইল" এবং "উপাদান ডিজাইনের" মধ্যে পার্থক্য কী?
উত্তর:
উপাদান নকশা এর নীতিগুলিতে ফ্ল্যাট ডিজাইনের সাথে সম্পর্কিত নয়। ম্যাটেরিয়াল ডিজাইনটি সংশয়যুক্ত যে এটি ব্রাউজারের বাহিরে বোঝায় এমন উপায়ে স্তরগুলি এবং অ্যানিমেশনটিকে কীভাবে উপাদানগুলির চিত্রিত করে তাতে ওয়েব ডিজাইনটিকে আরও বাস্তবসম্মত করার চেষ্টা করা হয়। দৃশ্যত ফ্ল্যাট ডিজাইন এবং উপাদান নকশা এই মুহূর্তে একই, তবে ধাতব নকশাগুলি ফ্ল্যাট-জাতীয় পছন্দগুলি ছাড়া অন্য ডিজাইনে প্রয়োগ করা যেতে পারে।
এটি 3 নীতি অনুসরণ করে
- উপাদান হ'ল রূপক
- সাহসী, গ্রাফিক, ইচ্ছাকৃত হন
- গতি সহ অর্থ প্রদান
মেটাল ডিজাইনে লেয়ারিংগুলি z অক্ষের পাশ দিয়ে ব্যবহারকারীদের সামনে এবং পিছনে সরানো উপাদানগুলির মাধ্যমে এবং আরও অর্থ বোঝাতে বাস্তববাদী ছায়া যুক্ত করার মাধ্যমে করা হয়। অ্যানিমেটিং উপাদানগুলি, যেমন একটি তালিকা আইটেম সরানো হয় যখন অবস্থানকে প্রভাবিত করে অ্যানিমেশন রাখার অর্থ অভিজ্ঞতাটি আরও মসৃণ করার সময় ব্যবহারকারীর প্রবাহ এবং বোঝার উন্নতি করা। এটি করার ক্ষেত্রে, ফ্ল্যাট ডিজাইনের চেয়ে মেটেরিয়াল ডিজাইনের মাধ্যমে আরও অর্থ চিত্রিত করা যেতে পারে
গুগল ডিজাইনাররা তাদের উপাদান ডিজাইনের জন্য লেয়ারিং এবং শেডোগুলি বের করার জন্য কাগজ মডেল তৈরি করেছিলেন।
স্পেসিং, রঙ, ব্যবহারযোগ্যতা এবং অবস্থান এবং অ্যানিমেশন সম্পর্কে আরও বিস্তারিত কভার করার জন্য অন্যান্য নকশার গাইডলাইন রয়েছে যা আপনি বিষয়টির বিষয়ে গুগলের ওয়েবপৃষ্ঠায় পরীক্ষা করে দেখতে পারেন ।
ম্যাটেরিয়াল ডিজাইন এবং কীভাবে এটি প্রয়োগ করা যায় সে সম্পর্কে আরও জানার একটি ভাল উপায় হ'ল গুগল মেটালিয়াল ডিজাইন ব্যবহার করে তৈরি করা অ্যাপ্লিকেশনগুলি ব্যবহার করা এবং ডিজাইনের বিশদগুলি পড়ার জন্য , এটি ইনবক্স অ্যাপে ব্রায়ান লোভিনের ।
লোকেরা ধরে নিতে পারে যে উপাদান নকশাটি ফ্ল্যাট ডিজাইনের এক প্রকারের এক্সটেনশন তবে বাস্তবে নীতিগুলি আলাদা are বর্তমান প্রবণতাটি গুগল আপাতত ব্যবহার করে যা পরিষ্কার, সমতল নকশা তৈরি করা হয়, তবে উপাদান নকশা নীতিগুলি এই সীমা অতিক্রম করে এবং নকশা অন্যান্য পদ্ধতিতে প্রয়োগ করা যেতে পারে।
উপাদানটির নকশায়, দৃশ্যত, অনেকগুলি ফ্ল্যাট ডিজাইনের আইকন এবং শৈলী ব্যবহার করা হয়, আমি বলব যে তারা অবশ্যই সেই অর্থে সম্পর্কিত। মেটেরিয়াল ডিজাইন, অবশ্যই আপনি দেখানোর মতো ভিজ্যুয়াল লুকের চেয়ে বেশি।
—
DA01
@ ডিএ01 ধন্যবাদ, আমি আমার বক্তব্যটি সর্বাধিক সাম্প্রতিক সম্পাদনায় আরও পরিষ্কার করার চেষ্টা করেছি
—
Zach Saucier
সম্পর্কিত নোটে, এই নিবন্ধটি আইওএসের সাথে ম্যাটেরিয়াল ডিজাইনের তুলনা করতে এবং প্রতিটি সম্পর্কে আরও জানার জন্য দুর্দান্ত।
—
Zach Sauceer
ফ্ল্যাট ডিজাইন = একটি জেনেরিক শব্দ যা ব্লকি ফ্ল্যাট আইকন এবং রঙের ব্লকগুলির ট্রেন্ডি আধুনিক ইউআই নান্দনিক বোঝায়।
মেট্রো ডিজাইন = উইন্ডোজ 8 এর জন্য মাইক্রোসফ্টের নতুন ইউআই ডিজাইন (বর্তমানে মাইক্রোসফ্ট ডিজাইনের ভাষা বলা হয় ) যা ফ্ল্যাট ডিজাইনের ভিজ্যুয়াল নান্দনিক ব্যবহার করে ।
ম্যাটেরিয়াল ডিজাইন = অ্যান্ড্রয়েডের জন্য গুগলের নতুন ইউআই ডিজাইন যা ফ্ল্যাট ডিজাইনের ভিজ্যুয়াল নান্দনিক ব্যবহার করে ।
(দ্রষ্টব্য যে মেট্রো এবং উপাদান উভয়ই কেবল ফ্ল্যাট ডিজাইনের নান্দনিকতার চেয়ে অনেক বেশি They তারা মিথস্ক্রিয়া নকশা, প্রবাহ, প্যাটার্ন লাইব্রেরি ইত্যাদি সম্পর্কেও কথা বলে)
মাইক্রোসফ্টের ইউআইয়ের জন্য নাম পরিবর্তন করার জন্য জোহানেসকে ধন্যবাদ জানাই।
আমি এই কি তারা আসলে এর বিস্তারিত মধ্যে যথেষ্ট যায় তা মনে করি না হয় । এগুলি
—
Zach Sauceer
@ ZachSaucier ঠিক আছে। ওপি মূলত পার্থক্য সম্পর্কে জিজ্ঞাসা করছিল। আমি পার্থক্যটি বলতে চাই যে এটি একটি ভিজ্যুয়াল শৈলীর জন্য একটি জেনেরিক শব্দ, অন্য দুটি ব্র্যান্ডযুক্ত ইউআই নির্দেশিকাগুলির জন্য নির্দিষ্ট পদ।
—
DA01
@ জোহানেস হ্যাঁ, এটি একটি ভাল নোট।
—
DA01
মেটেরিয়াল ডিজাইনটি কেবল অ্যান্ড্রয়েডই নয় ওয়েব ডিজাইন এবং ডেস্কটপ অ্যাপ্লিকেশন ডিজাইনের সাথেও ব্যবহার করা যেতে পারে।
—
ওয়াওহোস্ট ইস্ট
ম্যাটেরিয়াল ডিজাইন ফ্ল্যাট নয়, এটি জেড অক্ষের উপরে কিছুটা দূরে থাকা "উপাদান" এর সমতল স্তরগুলির একটি গুচ্ছ। এর অর্থ হ'ল এই বস্তুর ছায়া রয়েছে এবং তাদের যখন স্ক্রিনে উপস্থিত হবে তখন কোথাও থেকে আসার কথা রয়েছে এবং যখন তাদের আর প্রয়োজন নেই তখন কোথাও চলে যান। যার অর্থ তারা কেবল ম্লান হয় না এবং বাইরে যায়।
এছাড়াও ডিজাইনের গাইডলাইনগুলির একটি গুচ্ছ রয়েছে যা রঙ, ব্যবধান এবং আপনার বিন্যাসের অনেকগুলি দিক নির্দিষ্ট করে।
এগুলির কয়েকটি এখানে রইল তবে কয়েকটি গুগল অনুসন্ধানের সাহায্যে আপনি আরও অনেক কিছু পেতে পারেন।
http://www.google.com/design/spec/material-design/introduction.html#
"ফ্ল্যাট ডিজাইন" হ'ল তারা আপনাকে এখানে ব্যাখ্যা করে এবং "মেটেরিয়াল ডিজাইন" ডিজাইনটি বাস্তব "স্কিউমোরফিক" নয় তবে "স্কিউমোরফিড ফ্ল্যাট ডিজাইন"। "ম্যাটেরিয়াল ডিজাইন" ফ্ল্যাট জিনিসগুলি ব্যবহার করে এবং একটি "3 ডি ফ্ল্যাট ডিজাইন" পেতে জেড-অক্ষে সারিবদ্ধ করুন। আমি আশা করি এটি সাহায্য করেছে
প্রকৃতপক্ষে, ফ্ল্যাট ডিজাইনটি সামগ্রীর পটভূমিতে আরও সরল মনে হবে, পাশাপাশি, এই সমস্ত অ্যানিমেশনগুলি সাইটের চেয়ে বরং মোবাইল ডিভাইসের সাথে ব্যবহারকারীর ইন্টারঅ্যাকশনকে লক্ষ্য করে। এছাড়াও, যদি ডিজাইনের কাজটি আরও সচেতনভাবে এবং দার্শনিকভাবে গ্রহণ করা হয় তবে কোনও একক পণ্যটিতে এই দুটি পদ্ধতির ব্যবহার নিষিদ্ধ করে। সংশয়বাদ হিসাবে, এটি ইন্টারফেসের উপাদানগুলিকে আরও পরিচিত, ব্যবহারকারী-বান্ধব উপায়ে আনার চেষ্টা করেছিল: এই বা সেই অবজেক্টটি বাস্তব বিশ্বে কীভাবে দেখবে, তবে অনেকের আশেপাশের বিষয়গুলির বিভিন্ন ধারণা রয়েছে, তাই একটি একক সৃষ্টি এই ধরণের পদ্ধতির শৈলী প্রায় অসম্ভব ছিল ... পার্থক্য কী তা যুক্ত করতে কিছু তথ্য : ফ্ল্যাট ডিজাইন বনাম উপাদান ডিজাইন