ওভারভিউ
আপনার লোগো হল আপনার পরিচয় এবং আপনার সবচেয়ে অন্তহীন এবং অভিযোজিত সম্পদ। সমস্ত পেমেন্ট বিক্রেতাদের Google-কে Google ইকোসিস্টেম জুড়ে বিভিন্ন এলাকায় ব্যবহার করার জন্য লোগোর একটি সেট সরবরাহ করতে হবে। উদাহরণস্বরূপ, এই লোগোগুলি Google Pay এবং Google Play-তে ব্যবহারকারীর বিভিন্ন পেমেন্ট যাত্রায় প্রদর্শিত হয় যেখানে ব্যবহারকারীকে একটি অর্থপ্রদানের ফর্ম (FOP) বেছে নিতে হবে। নীচের চিত্রটি এই ধরনের উদাহরণ দেখায়:
নির্দিষ্টকরণের তালিকা
একটি অর্থপ্রদান বিক্রেতা হিসাবে, আপনি Google-কে এমন সম্পদ প্রদান করবেন যা নীচে সংজ্ঞায়িত পাঁচটি বৈশিষ্ট্যের প্রতিটি পূরণ করে। প্রতিটি স্পেসিফিকেশন আকার, রঙ প্যালেট, বর্ডার প্যাডিং এবং অন্যান্য বৈশিষ্ট্যগুলিকে নিয়ন্ত্রণ করে যা Google-এর অর্থপ্রবাহের একটি বহুমুখী, আকর্ষক এবং মানবকেন্দ্রিক অভিজ্ঞতা প্রদান করতে সহায়তা করে। প্রতিটি স্পেসিফিকেশনের জন্য মোট দশটি প্রয়োজনীয় ইমেজ সম্পদের জন্য দুটি ফাইল ফরম্যাট প্রয়োজন।
পাঁচটি স্পেসিফিকেশনের একটি তালিকা নীচে দেখানো হয়েছে:
সুপারিশ এবং প্রয়োজনীয়তা
সুপারিশ
নিম্নলিখিত সুপারিশগুলি নিশ্চিত করে যে আপনার লোগোটি স্পষ্ট, তীক্ষ্ণ এবং বিভিন্ন সেটের স্ক্রীন সাইজ এবং OS থিমগুলির (যেমন হালকা এবং অন্ধকার মোড) সাথে মানিয়ে নেওয়া যায়।
- তীক্ষ্ণতা এবং বিশদ বিবরণের জন্য, সম্পূর্ণ সম্পদের স্থান ব্যবহার করুন যাতে আপনার লোগো সর্বাধিক অনুমোদিত মাত্রার সাথে ফিট হয়।
- আপনার লোগো ডিজাইন করার সময়, Android এবং iOS-এর হালকা এবং অন্ধকার থিমগুলিতে গাঢ় ব্যাকগ্রাউন্ডের সামনে এটি কীভাবে দেখাবে তা বিবেচনা করুন। আরও বিস্তারিত জানার জন্য গাঢ় থিম বিবেচনা দেখুন.
প্রয়োজনীয়তা
লোগো স্পেসিফিকেশন নির্বিশেষে, নীচের প্রয়োজনীয়তা হল নির্দেশিকাগুলির একটি সাধারণ সেট যা সমস্ত লোগোকে মেনে চলতে হবে:
- কোনো "স্ট্রোক" বা রূপরেখা ছাড়াই একটি স্বচ্ছ বাউন্ডিং বক্স (একটি আকৃতি যা স্পেসিফিকেশনের মাত্রার মতো একই মাত্রা সহ) অন্তর্ভুক্ত করুন।
- নিশ্চিত করুন যে আপনার একক রঙের লোগো শুধুমাত্র একটি রঙ ব্যবহার করে। আরও তথ্যের জন্য একক রঙের লোগো বিবেচনা দেখুন।
- প্রতিটি লোগো স্পেসিফিকেশনে কনভেনশন মেনে চলে এমন ফাইলের নাম দিয়ে আপনার ফাইল রপ্তানি করুন।
গাঢ় থিম বিবেচনা
অ্যান্ড্রয়েড এবং আইওএস উভয়ের সর্বশেষ সংস্করণ একটি অন্ধকার থিম সমর্থন করে যা সমস্ত স্ক্রীন, দৃশ্য এবং মেনুগুলির জন্য একটি গাঢ় রঙের প্যালেট ব্যবহার করে। নেটিভ Google Play এবং Google Pay অ্যান্ড্রয়েড অ্যাপগুলিও এই থিমটিকে সমর্থন করে এবং থিমটি সক্ষম করা থাকলে একইভাবে তাদের ইন্টারফেসগুলিকে অন্ধকার করে। আপনি কীভাবে আপনার লোগোর রঙ এবং সামগ্রিক নকশা চয়ন করেন সে সম্পর্কে গাঢ় পর্দার রঙের প্রভাব রয়েছে। বহু রঙের লোগো আংশিক বা সম্পূর্ণ অপঠিত হতে পারে যখন একটি অন্ধকার থিমে পটভূমি অন্ধকার হয়ে যায়। একটি উদাহরণের জন্য নীচের চিত্রটি দেখুন:
উপরের দৃষ্টান্তে লক্ষ্য করুন কিভাবে Acme ব্যাঙ্কের লোগোতে গাঢ় ধূসর "Acme" পাঠ্যটি অন্ধকার থিমে ব্যাকগ্রাউন্ড অন্ধকার হয়ে গেলে প্রায় অদৃশ্য হয়ে যায়। আপনার বহুরঙের লোগোতে এই ধরনের গাঢ় রং এড়িয়ে চলা উচিত যখন সেগুলি স্বতন্ত্র পাঠ্যে উপস্থাপন করা হয়। অন্ধকার থিমে আপনার লোগো ডিজাইন সংক্রান্ত সর্বোত্তম অনুশীলনের তালিকার জন্য, গাঢ় থিমের জন্য আপনার বহুবর্ণের লোগো ডিজাইন করা দেখুন।
অন্ধকার থিম সম্পর্কে আরও তথ্যের জন্য, এখানে যান।
অন্ধকার থিমের জন্য আপনার বহু রঙের লোগো ডিজাইন করা
যদিও Google-এর UX টিমের প্রোগ্রাম্যাটিক অ্যাডজাস্টমেন্ট এবং টুইকগুলি আপনার লোগোগুলিকে অন্ধকার থিমে সেরা কাজ করতে সহায়তা করবে, নীচের সেরা অনুশীলনগুলি অনুসরণ করা প্রয়োজনীয় পরিবর্তনের সংখ্যা কমিয়ে আনতে সাহায্য করবে, আপনার লোগোটির আসল চেহারা আরও ভালভাবে সংরক্ষণ করবে এবং এটিকে অন্যান্য এলাকার সাথে মসৃণভাবে মিশে যেতে সাহায্য করবে পর্দার
- প্যাস্টেল এবং শেডগুলির মতো ডিস্যাচুরেটেড রঙগুলি ব্যবহার করুন যা ধূসর এবং সাদাকে অন্তর্ভুক্ত করে। সম্পূর্ণ স্যাচুরেটেড রঙের ব্যবহার এড়িয়ে চলুন।
- "চালু" রং ব্যবহার করুন যেমন সাদা এবং সাদার বিভিন্ন শেড।
- আপনার লোগো এবং আশেপাশের এলাকার মধ্যে গ্রহণযোগ্য কনস্ট্রাস্ট অনুপাত মেনে চলুন। বৈসাদৃশ্য অনুপাত সম্পর্কে আরও তথ্যের জন্য w3.org দেখুন।
- ছায়াগুলি এড়িয়ে চলুন কারণ অন্ধকার ব্যাকগ্রাউন্ডে তাদের দেখা কঠিন।
- অন্ধকার ব্যাকগ্রাউন্ডের সাথে আপনার লোগো ডিজাইন পরীক্ষা করুন এবং পরীক্ষা করুন।
একক রঙের লোগো বিবেচনা
হালকা এবং অন্ধকার থিম মধ্যে tinting
একক রঙের লোগোগুলি আশেপাশের ব্যাকগ্রাউন্ডের সাথে আদর্শ রঙের বৈসাদৃশ্য অনুপাত বজায় রাখার জন্য রঙিন করা হয়। উদাহরণস্বরূপ, OS হালকা বা গাঢ় থিম ব্যবহার করছে কিনা তার উপর নির্ভর করে নীচের লোগোটি কীভাবে রঙ পরিবর্তন করে তা নোট করুন:
গ্রহণযোগ্য বৈসাদৃশ্য অনুপাত এবং a11y সম্পর্কে আরও তথ্যের জন্য w3.org দেখুন।
সম্পদের আকার পরিবর্তনের প্রভাব
সাইজিং আপ
যেহেতু আপনার লোগোগুলিকে স্ক্রিনের আকার এবং প্রদর্শনের ঘনত্বের একটি ভাণ্ডারে অভিযোজিত করা দরকার, তাই Google-কে তার অ্যাপ্লিকেশান এবং ওয়েবসাইটের মধ্যে ব্যবহার করা সবচেয়ে বড় সম্পদের আকার পেতে হবে৷ উদাহরণস্বরূপ, 320 x 320px প্রয়োজনীয়তা প্রয়োজন কারণ এটি Google Play-এর বৃহত্তম লোগো প্রদর্শনের আকার। যেকোন ছোট ইমেজকে সেই মাত্রার সাথে মানানসই করার জন্য সাইজ আপ করতে হবে এবং ইমেজটিকে অস্পষ্ট ও বিকৃত করতে হবে। এই অস্পষ্টতা প্রধানত নন ভেক্টর ইমেজ ফরম্যাটে যেমন png
হয়। নীচের উদাহরণটি বিবেচনা করুন যেখানে একটি ছোট চিত্রের আকার 320 x 320px পর্যন্ত। বড় আকারে এর পিক্সেলেশন এবং অস্পষ্টতা নোট করুন:
সাইজিং ডাউন
উপরন্তু, Google আপনার লোগো ছোট করতে পারে। উদাহরণস্বরূপ, একটি 320 x 320px সম্পদের আকার পরিবর্তন করে 32 x 32px করা যেতে পারে। আপনার লোগো ডিজাইনের সূক্ষ্ম বিবরণে এই ডাউনসাইজের প্রভাব থাকতে পারে এবং Google-এ আপনার সম্পদ জমা দেওয়ার আগে পরীক্ষা করা উচিত। নিচের লোগোটি কীভাবে ছোট আকারে নামিয়ে আনার সময় তার সামগ্রিক চেহারা বজায় রাখে তা লক্ষ্য করুন:
স্পেসিফিকেশন তালিকা
নীচের তালিকাটি আপনার লোগোগুলির জন্য পাঁচটি স্পেসিফিকেশনের প্রতিটির বিবরণ দেয়। প্রতিটি স্পেসিফিকেশন দুটি ফাইল ফরম্যাটে থাকা প্রয়োজন: SVG
এবং PNG
।
320 x 320px রঙের বর্গক্ষেত্র
প্রয়োজনীয় গুণাবলী
মোট মাত্রা | 320 x 320px |
লোগোর মাত্রা | 320 x 320px |
আনুমানিক অনুপাত | 1:1 |
প্যাডিং | কোনটি |
বর্ডার | কোনটি |
রঙ্গের পাত | সম্পূর্ণ আরজিবি রঙ |
পেছনের রং | স্বচ্ছ |
প্রয়োজনীয় ফাইল
বিন্যাস | ফাইলের নাম কনভেনশন | উদাহরণ |
---|---|---|
পিএনজি | [ব্র্যান্ড]_320x320_color_no_padding.png | acmebank_320x320_color_no_padding.png |
এসভিজি | [ব্র্যান্ড]_320x320_color_no_padding.svg | acmebank_320x320_color_no_padding.svg |
প্যাডিং সহ 320 x 320px রঙের বর্গক্ষেত্র
প্রয়োজনীয় গুণাবলী
মোট মাত্রা | 320 x 320px |
লোগোর মাত্রা | 200 x 200px |
আনুমানিক অনুপাত | 1:1 |
প্যাডিং | 60px |
বর্ডার | কোনটি |
রঙ্গের পাত | সম্পূর্ণ আরজিবি রঙ |
পেছনের রং | স্বচ্ছ |
প্রয়োজনীয় ফাইল
বিন্যাস | ফাইলের নাম কনভেনশন | উদাহরণ |
---|---|---|
পিএনজি | [ব্র্যান্ড]_320x320_color_padding.png | acmebank_320x320_color_padding.png |
এসভিজি | [ব্র্যান্ড]_320x320_color_padding.svg | acmebank_320x320_color_padding.svg |
1170 x 730px রঙের আয়তাকার আয়তক্ষেত্র
প্রয়োজনীয় গুণাবলী
মোট মাত্রা | 1170 x 730px |
লোগোর মাত্রা | 1170 x 730px |
আনুমানিক অনুপাত | 8:5 |
প্যাডিং | কোনটি |
বর্ডার | কোনটি |
রঙ্গের পাত | সম্পূর্ণ আরজিবি রঙ |
পেছনের রং | স্বচ্ছ |
প্রয়োজনীয় ফাইল
বিন্যাস | ফাইলের নাম কনভেনশন | উদাহরণ |
---|---|---|
পিএনজি | [ব্র্যান্ড]_1170x730_color_no_padding.png | acmebank_1170x730_color_no_padding.png |
এসভিজি | [ব্র্যান্ড]_1170x730_color_no_padding.svg | acmebank_1170x730_color_no_padding.svg |
প্যাডিং সহ 1170 x 730px রঙের আয়তাকার আয়তক্ষেত্র
প্রয়োজনীয় গুণাবলী
মোট মাত্রা | 1170 x 730px |
লোগোর মাত্রা | 970 x 530px |
আনুমানিক অনুপাত | 8:5 |
প্যাডিং | 100px |
বর্ডার | কোনটি |
রঙ্গের পাত | সম্পূর্ণ আরজিবি রঙ |
পেছনের রং | স্বচ্ছ |
প্রয়োজনীয় ফাইল
বিন্যাস | ফাইলের নাম কনভেনশন | উদাহরণ |
---|---|---|
পিএনজি | [ব্র্যান্ড]_1170x730_color_padding.png | acmebank_1170x730_color_padding.png |
এসভিজি | [ব্র্যান্ড]_1170x730_color_padding.svg | acmebank_1170x730_color_padding.svg |
320 x 320px একক রঙের বর্গক্ষেত্র
প্রয়োজনীয় গুণাবলী
মোট মাত্রা | 320 x 320px |
লোগোর মাত্রা | 320 x 320px |
আনুমানিক অনুপাত | 1:1 |
প্যাডিং | কোনটি |
বর্ডার | কোনটি |
রঙ্গের পাত | কালো (HEX #000000) |
পেছনের রং | স্বচ্ছ |
প্রয়োজনীয় ফাইল
বিন্যাস | ফাইলের নাম কনভেনশন | উদাহরণ |
---|---|---|
পিএনজি | [ব্র্যান্ড]_320x320_single_color_no_padding.png | acmebank_320x320_single_color_no_padding.png |
এসভিজি | [ব্র্যান্ড]_320x320_single_color_no_padding.svg | acmebank_320x320_single_color_no_padding.svg |
প্যাডিং সহ 320 x 320px একক রঙের বর্গক্ষেত্র
প্রয়োজনীয় গুণাবলী
মোট মাত্রা | 320 x 320px |
লোগোর মাত্রা | 200 x 200px |
আনুমানিক অনুপাত | 1:1 |
প্যাডিং | 60px |
বর্ডার | কোনটি |
রঙ্গের পাত | কালো (HEX #000000) |
পেছনের রং | স্বচ্ছ |
প্রয়োজনীয় ফাইল
বিন্যাস | ফাইলের নাম কনভেনশন | উদাহরণ |
---|---|---|
পিএনজি | [ব্র্যান্ড]_320x320_single_color_padding.png | acmebank_320x320_single_color_padding.png |
এসভিজি | [ব্র্যান্ড]_320x320_single_color_padding.svg | acmebank_320x320_single_color_padding.svg |
আপনার লোগো আপলোড করা হচ্ছে
জিএসপি - লোগো আপলোড ব্যবহার করে আপনার লোগো সম্পদ আপলোড করুন। আপনার যদি ফর্মটি অ্যাক্সেস করতে বা ব্যবহার করতে অসুবিধা হয় তবে আপনার টেকনিক্যাল এনগেজমেন্ট কন্টাক্ট বা আপনার অ্যাকাউন্টে নির্ধারিত যোগাযোগের প্রযুক্তিগত পয়েন্টের সাথে যোগাযোগ করুন।