গুগলের '500' রঙের সোয়াচগুলি ঠিক কী?


36

আমি গুগলের মেটেরিয়াল ডিজাইনটি পড়ছি এবং স্টাইলটি পড়তে গিয়ে তারা প্রাথমিক 500 টি বর্ণের (পাশাপাশি 50 টি, যা প্রায় সাদা, 900 এর মধ্যে অন্য কোনও সংখ্যার) উল্লেখ করে চলেছে, তবে কী করে এই গড়?

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

A100 থেকে A700 রঙের উল্লেখ রয়েছে ...


8
কেবলমাত্র গুগলই এমন একটি রঙিন সিস্টেম নিয়ে আসতে পারে যা গ্রাফিক ডিজাইনাররা বুঝতে পারেন না।
সাইমন হোয়াইট

উত্তর:


21

আমি নিজেই ভাবছিলাম।

প্রথমত, "500" এখানে কতগুলি রঙ রয়েছে তা বোঝায় না তবে তারা ব্যবহার করে এমন অদ্ভুত সংখ্যা পদ্ধতি। 500 হল বেস, 400 বেসের চেয়ে হালকা, 600 গা dark়। এটি হ'ল ফন্ট-ওজনকে কীভাবে সংখ্যায়িত করা হয় ( তথ্য ) তাই এটির সাথে এর কিছু করার আছে to

আমি দেখতে পেয়েছি যে ৫০০ এরও কম সংখ্যক শ্বেতগুলিতে ফোটার (ফটোশপে "স্ক্রিন" ব্লেন্ডিং মোড) বা কালো ("বহুগুণ") দ্বারা পাওয়া গেছে।

  • 900: 59% (কাছাকাছি)
  • 600: 10% (প্রায় সঠিক)
  • 500: বেস
  • 400: 15% (সঠিক)
  • 300: 30% (সঠিক)
  • 200: 50% (সঠিক)
  • 100: 70% (কাছাকাছি)
  • 50: 88% (সঠিক)

আমি এখানে কোন প্যাটার্ন দেখছি না। এবং সম্ভবত একটি নেই। বা সম্ভবত কিছু পরিষ্কার আছে যা আমি উপেক্ষা করছি; আমি রঙিন-স্কেমেটিং এ বেশ খারাপ।


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

1
এই রঙ সংখ্যার ডিফাক্টো শিল্প মান?
ইয়ংজায়ে

2
@ ইউংজি নং একেবারেই না.
DA01

11

আমি এটি এখানে রেখে যাচ্ছি কারণ এটি বিষয়টিতে নতুন তথ্য।

https://www.youtube.com/watch?t=73&v=xYkz0Ueg0L4

মে 28, 2015 প্রকাশিত

আপনার রঙ থিয়োরিতে কিছুটা মরিচা? উপাদান নকশা রঙ সহজ করে তোলে। Www.google.com/design এ রঙ এবং উপাদান ডিজাইন সম্পর্কে আরও সন্ধান করুন

ইটিএ: প্রাথমিক রঙ, (500) হ'ল রঙগুলি যা গুগল "প্রধান রঙ" (বা রঙ) হিসাবে বেছে নিয়েছিল যা আপনি আপনার নকশাকে ভিত্তি করেছেন। আপনি প্রাথমিক 500 দিয়ে শুরু করেন তবে হালকা থেকে অন্ধকার পর্যন্ত স্কেল করুন; এই রঙগুলি ইউআইয়ের বিভিন্ন উপাদানগুলিতে প্রয়োগ করা হয়।

500s পণ্যটিতে প্রভাবশালী থিমটি বর্ণনা করে (এবং সরঞ্জামদণ্ডগুলির জন্য দুর্দান্ত) সেখান থেকে স্ট্যাটাস বারগুলির জন্য 700s পর্যন্ত বা গৌণ তথ্যের জন্য 300 টি পর্যন্ত স্কেল একটি রঙের উচ্চারণের রঙগুলি - উজ্জ্বল এবং আরও বেশি পরিপূর্ণ উত্সাহজনক ইন্টারঅ্যাকশন। এগুলি প্রাথমিক অ্যাকশন বোতাম, স্ট্যান্ডার্ড বোতাম, সুইচ এবং স্লাইডার হাইলাইট করার জন্য উপযুক্ত।

মজার বিষয়টি হ'ল এই ভিডিওটির তথ্যগুলি বিরোধী বলে মনে হচ্ছে বা কমপক্ষে অসম্পূর্ণভাবে বিস্তৃত হয়েছে, গুগলের উপরে উল্লিখিত প্যালেট পৃষ্ঠায় প্রদত্ত তথ্যগুলি ( http://www.google.com/design/spec/style/color .html # রঙ-রঙ-প্যালেট )।

প্যালেট পৃষ্ঠায় তারা বলেছে "গুগল আপনার অ্যাপ্লিকেশনটিতে 500 রঙকে প্রাথমিক রঙ হিসাবে এবং অন্য রঙগুলিকে অ্যাকসেন্ট রঙ হিসাবে ব্যবহার করার পরামর্শ দেয় " ভিডিওটিতে তারা বলেছে যে "এ রং অ্যাকসেন্ট রঙ ..."

মঞ্জুর, সূক্ষ্ম পার্থক্য, তবে গুগল যদি কোনও স্টাইল গাইড বিকাশ করতে চলেছে তবে তাদের " অ্যাকসেন্ট " শব্দটির ব্যবহারের সাথে সামঞ্জস্য থাকা উচিত ।


5

সম্ভবত আপনি ইতিমধ্যে এই সংস্থানটি খুঁজে পেয়েছেন, তবে গুগল বিকাশকারীদের এবং ডিজাইনারদের নতুন ম্যাটেরিয়াল ভাইবেসের সাথে সিঙ্ক আপ করতে সহায়তা করার জন্য একটি অবিশ্বাস্যরূপে কার্যকর নির্দেশিকা রেখেছিল।

পুরো গাইডটি এখানে পাওয়া যাবে - http://www.google.com/design/spec/matory-design/introduction.html#

বিশেষত, এই পৃষ্ঠাটি তাদের সমস্ত প্রিয় রঙ ডাউনলোডের জন্য উপলব্ধ করে - http://www.google.com/design/spec/style/color.html#color-color-palette


3
আমি 'প্রাইমারী 500 রং' শব্দটি পেয়েছি ঠিক সেখানে কিন্তু আমি কীটি বের করার চেষ্টা করছি তা এই সংখ্যাটি বোঝায়।
ক্লিভারবার্ড

4

আপনার প্রশ্নের উত্তর এখানে দেওয়া হল .. এই ভিডিওটি দেখুন

500s মৌলিক রং হয় আপনার পণ্যের আধিপত্য থিম বর্ণনা নিখুঁত এবং টুলবার জন্য মহান।

700 বার স্ট্যাটাস বারগুলির জন্য ব্যবহৃত হয়

এবং 300s মাধ্যমিক তথ্য জন্য ব্যবহৃত হয়

সুতরাং মূলত এই সংখ্যাগুলি ডিজাইনের নির্দিষ্ট বিভাগ / অংশগুলির জন্য প্রাক-সংজ্ঞায়িত শেড এবং প্রাথমিক রঙের ছিদ্রগুলি উপস্থাপন করে।


0

আমার মতে নামকরণ কনভেনশনটি ওয়েবফন্টের ওজন-নামকরণ কনভেনশনের উপর ভিত্তি করে:

  • 500: বেস
  • <500: পাতলা / হালকা
  • > 500: আরও ঘন / গা .়

একটি বেসলাইন এবং প্রকরণের সাথে কিছু নামকরণের একটি খুব দরকারী এবং যৌক্তিক উপায় way

ইন্টার ফন্টের গিটহাব পৃষ্ঠা থেকে স্ক্রিনশট

রেফারেন্স লিঙ্ক: ইন্টার ফন্টের গিটহাব পৃষ্ঠায় লিঙ্ক

উদাহরণ হিসাবে এখানে মজিলার "ইন্টার" ফন্টের একটি স্ক্রিনশট রয়েছে যা এই জাতীয় ফন্টের ওজন-নামকরণকে ব্যবহার করে তবে তাদের ক্ষেত্রে নিয়মিত / বেস ওজন 400 হিসাবে গণ্য করা হয় A প্রচুর ফন্টগুলি আসলে "নিয়মিত" ওজন হিসাবে 400 ব্যবহার করে তবে এটি হয় অন্য বিষয়।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.