در حالی که توسعهدهندگان برنامهها، محتوای اصلی، آیکونها و اقدامات سفارشی را برای برنامههای رسانهای خود ارائه میدهند، خودروسازان انعطافپذیری لازم برای سفارشیسازی کلی تجربه بصری را دارند. این امر تضمین میکند که برنامههای رسانهای شخص ثالث مانند بخشی بومی از تجربه سرگرمی-اطلاعاتی درون خودرو به نظر برسند.
آنچه خودروسازان میتوانند سفارشیسازی کنند
- پیکربندی نوار برنامه : موقعیت، استایل و عناصر عملکردی خاص نوار برنامه رسانه
- استایلبندی نماهای مرور : هدر برنامه (موقعیت و استایل)، و همچنین استایلبندی بصری آیتمهای شبکهای و فهرستی
- استایلبندی پخش : چیدمان و استایلبندی نمای پخش، شامل نوار کنترل کوچکشده.
- طراحی پوشش جستجو : ظاهر صفحه کلید، عناصر پوشش و ظاهر نتایج جستجو
- نمایش برند اپلیکیشن : نحوه قرارگیری آیکون اپلیکیشن در صفحات محتوا و نحوه ادغام رنگهای غالب اپلیکیشن در رابط کاربری.
نوار برنامه را پیکربندی کنید
نوار برنامه، عنصر اصلی ناوبری و برندسازی برای برنامههای رسانهای در خودروهایی است که از گوگل پشتیبانی میکنند. این نوار، زمینهای از موقعیت کاربران در برنامه را فراهم میکند و به آنها دسترسی سریع به ویژگیهای ضروری مانند جستجو و مرور را میدهد.
شما میتوانید نوار برنامه را با استفاده از نشانههای طراحی برای تغییر ظاهر، چیدمان و عملکرد آن، مطابق با برند خودروی خود سفارشی کنید.
آناتومی
نوار برنامه رسانه معمولاً از عناصر زیر تشکیل شده است:
- آیکون ناوبری: معمولاً یک فلش برگشت برای بازگشت به صفحه قبلی.
- برندسازی اپلیکیشن: لوگو یا نام اپلیکیشن شما.
- تبها: پیوندهای ناوبری برای دستهبندیهای سطح بالا، مانند «مرور» یا «جستجو».
- آیکونهای عملیاتی: اقدامات زمینهای مانند آیکون جستجو.
سفارشی کردن ظاهر
از توکنهای طراحی استفاده کنید تا مطمئن شوید نوار برنامه با تم سیستم خودرو شما مطابقت دارد. توکنها به شما امکان میدهند رنگها و تایپوگرافی را تعریف کنید که به طور خودکار در سراسر رابط کاربری بهروزرسانی میشوند.
- پسزمینه: رنگ پسزمینه و میزان شفافیت نوار برنامه را با استفاده از توکنهای سطح مناسب تنظیم کنید.
- تایپوگرافی: با نگاشت آنها به نشانههای تایپوگرافی سیستم، از فونت و وزن برند خود برای عنوان برنامه و برچسبهای تب استفاده کنید.
- آیکنها: مطمئن شوید که آیکنهای ناوبری و عملیاتی از اندازه و رنگ ثابتی برای خوانایی در حین رانندگی استفاده میکنند.
پیکربندیهای عملکردی
مدیریت تبها
شما میتوانید بر اساس ساختار برنامه خود، انتخاب کنید که کدام تبها در نوار برنامه نمایش داده شوند. پیکربندیهای رایج عبارتند از:
- مرور استاندارد: زبانههایی برای دستهبندیهایی مانند لیستهای پخش، هنرمندان و آلبومها.
- ادغام جستجو: یک تب یا آیکون جستجوی اختصاصی در نوار برنامه برای دسترسی سریع به صفحه کلید یا جستجوی صوتی.
نمایش برندسازی
برای حفظ ظاهر منسجم، میتوانید نحوه نمایش لوگو یا برند برنامه را در نوار برنامه تعیین کنید. میتوانید موارد زیر را انتخاب کنید:
- نمایش لوگو: لوگوی برنامه را در کنار آیکون ناوبری قرار دهید.
- نمایش عنوان: اگر لوگو ارائه نشده است، از متن برای نام برنامه استفاده کنید.
سبک نمایش مرور
نماهای مرور به کاربران اجازه میدهد تا محتوای رسانه را از طریق شبکهها و لیستها کاوش کنند. خودروسازان میتوانند این نماها را سفارشی کنند تا اطمینان حاصل شود که تجربه رسانه با برندسازی خودرو و طراحی کلی سیستم هماهنگ است.
سفارشیسازی هدر
هدر مرور، زمینهای برای موقعیت فعلی کاربر در سلسله مراتب محتوا فراهم میکند. میتوانید جنبههای زیر هدر را سفارشی کنید:
- موقعیت و سبک: محل قرارگیری عمودی و طراحی بصری هدر، از جمله ارتفاع و پس زمینه را تنظیم کنید.
- عناصر سربرگ: اجزای خاص، مانند سبک متن عنوان و ظاهر آیکونهای ثانویه را سفارشی کنید.
موارد شبکهای و فهرستی
محتوای رسانهای به صورت شبکهای یا لیست سازماندهی شده است تا به کاربران در مرور کارآمدتر کمک کند. میتوانید این طرحبندیها را برای بهبود خوانایی و مرور سریع سفارشی کنید:
- استایلدهی به آیتمها: ظاهر بصری آیتمهای تکی، از جمله اندازه و شکل تصاویر کوچک و تایپوگرافی عناوین و زیرنویسها را سفارشی کنید.
- انتخاب طرحبندی: بر اساس نوع محتوایی که نمایش داده میشود، بین قالبهای شبکهای یا فهرستی یکی را انتخاب کنید (برای مثال، استفاده از شبکهها برای تصویر آلبوم و فهرستها برای نام آهنگها).
- حالتهای تمرکز: نحوه نمایش موارد را هنگام انتخاب یا برجسته شدن توسط کاربر تعریف کنید.
طرحبندیهای پخش سبک
نمای پخش، کنترلها و فرادادههایی را برای رسانه در حال پخش در اختیار کاربران قرار میدهد. خودروسازان میتوانند ظاهر این نما و نوار کنترل کوچکشده را سفارشیسازی کنند تا یک تجربه منسجم و همسو با برند خودرو ایجاد کنند.
آناتومی نمای پخش
نمای پخش معمولاً شامل اجزای زیر است:
- تصویر آلبوم: بازنمایی بصری رسانههای فعلی.
- متادیتا: اطلاعاتی مانند عنوان آهنگ، نام هنرمند و عنوان آلبوم.
- کنترلهای پخش: اقدامات ضروری مانند پخش، مکث، رد کردن و تغییر تصادفی آهنگها.
- نوار پیشرفت: یک نشانگر بصری از پیشرفت آهنگ فعلی، که اغلب شامل یک انگشت شست قابل جستجو است.
گزینههای سفارشیسازی
شما میتوانید از توکنهای طراحی برای تغییر سبک بصری تجربه پخش استفاده کنید.
صفحه پخش اصلی
- پسزمینه و پوششها: رنگ پسزمینه، گرادیانها یا سطوح کدری را متناسب با تم سیستم خود سفارشی کنید.
- تایپوگرافی: فونت، اندازه و ضخامت عنوان آهنگها و اطلاعات هنرمند را با استفاده از توکنهای تایپوگرافی سیستم تعریف کنید.
- سبک کنترل: شکل، رنگ و سبک آیکون دکمههای پخش (مثلاً پخش، مکث، بعدی) را سفارشی کنید تا از سازگاری آنها با سایر کنترلهای سیستم اطمینان حاصل شود.
- نوار پیشرفت: با استفاده از رنگهای خاص برند، مسیر و انگشت شست نوار پیشرفت را استایل دهید.
میله کنترل کوچکشده (MCB)
نوار کنترل کوچکشده به کاربران اجازه میدهد تا ضمن پیمایش سایر بخشهای سیستم، رسانهها را نیز کنترل کنند. میتوانید موارد زیر را سفارشیسازی کنید:
- موقعیت و چیدمان: تعیین کنید که MCB کجا روی صفحه نمایش داده شود و عناصر چگونه درون آن چیده شوند.
- قابلیت مشاهده عنصر: انتخاب کنید کدام کنترلها (مانند پخش/مکث یا رد کردن) در حالت کوچکشده نمایش داده شوند.
- طراحی: از رنگهای ثابت و گوشههای گرد استفاده کنید تا مطمئن شوید MCB مانند بخشی بومی از رابط کاربری سیستم به نظر میرسد.
طراحی پوشش جستجو
جستجوی درون برنامهای یک ویژگی حیاتی است که به کاربران امکان میدهد در حین رانندگی به سرعت به محتوای رسانهای دسترسی پیدا کنند. در حالی که توسعهدهندگان برنامه، محتوای جستجو را ارائه میدهند، خودروسازان مسئول طراحی پوشش جستجو، از جمله صفحه کلید و نحوه نمایش نتایج هستند.
طراحی صفحه کلید
پوشش جستجو بسته به حالت رانندگی خودرو، از پیکربندیهای مختلف صفحهکلید استفاده میکند تا ایمنی و سهولت استفاده را تضمین کند.
- صفحه کلید استاندارد: هنگام پارک شدن خودرو نمایش داده میشود. این یک صفحه کلید کامل برای ورود دستی متن است.
- صفحه کلید بهینه شده برای رانندگی: زمانی که وسیله نقلیه در حال حرکت است نمایش داده میشود. این نسخه معمولاً ورودی صوتی را در اولویت قرار میدهد و ممکن است ورودی دستی ساده یا پیشنهادهایی را برای به حداقل رساندن حواس پرتی راننده ارائه دهد.
خودروسازان میتوانند سبک بصری این صفحهکلیدها - مانند شکل کلید، رنگ پسزمینه و تایپوگرافی - را با استفاده از توکنهای طراحی سیستم، متناسب با برند خودرو، سفارشیسازی کنند.
نتایج جستجوی سبک
وقتی کاربر یک پرسوجو وارد میکند، نتایج در یک لایه نمایش داده میشوند. میتوانید جنبههای زیر را در این نما سفارشی کنید:
- چیدمان و فاصلهگذاری: نحوه گروهبندی نتایج جستجو و میزان فضای در نظر گرفته شده بین موارد برای خوانایی بهتر را تعریف کنید.
- ظاهر آیتم: سبک آیتمهای لیست را در نتایج جستجو، از جمله سبک فونت برای عناوین و زیرنویسها و اندازه تصاویر کوچک مرتبط، سفارشی کنید.
- حالتهای خالی و خطا: ظاهر پوشش را زمانی که هیچ نتیجهای یافت نمیشود یا خطای اتصال رخ میدهد، طراحی کنید.
نمایش برند اپلیکیشن
برای ایجاد یک تجربه رسانهای منسجم در خودروهایی که از گوگل داخلی استفاده میکنند، میتوانید نحوه ادغام برندسازی برنامههای شخص ثالث را در رابط کاربری سیستم سفارشی کنید. این امر تضمین میکند که در حالی که کاربر میداند از کدام برنامه استفاده میکند، نمایش بصری با طراحی کلی خودرو سازگار باقی بماند.
عناصر برند
میتوانید محل قرارگیری و ادغام عناصر خاص برنامه زیر را سفارشی کنید:
- آیکون برنامه: شناسه بصری اصلی برای سرویس رسانه.
- رنگ تأکیدی: رنگ مخصوص برند که توسط توسعهدهندهی اپلیکیشن ارائه میشود.
- نام برنامه: نام متنی سرویس رسانه.
گزینههای سفارشیسازی
از نشانههای طراحی برای تعریف نحوه نمایش این عناصر برندسازی در صفحات رسانههای مختلف استفاده کنید.
قرار دادن آیکون و استایلدهی
شما در نحوه نمایش آیکون برنامه در رابط رسانه انعطافپذیری دارید:
- موقعیتیابی: تعیین کنید که آیکون برنامه در صفحات محتوا، مانند درون نوار برنامه یا در نمای پخش، کجا ظاهر شود.
- مقیاسبندی و شکل: از توکنهای سیستم برای تعریف اندازه و شعاع گوشه آیکون استفاده کنید تا مطمئن شوید که با سایر آیکونهای سطح سیستم مطابقت دارد.
رنگهای تأکیدی را ادغام کنید
رنگهای تأکیدی اپلیکیشن میتوانند برای ارائه اشارهای ظریف به برند اپلیکیشن بدون ایجاد شلوغی در رابط کاربری خودرو استفاده شوند:
- استایلبندی تطبیقی: میتوانید انتخاب کنید که رنگ تأکیدی برنامه چگونه در اجزای رابط کاربری مانند نوارهای پیشرفت، نشانگرهای تب فعال یا دکمهها گنجانده شود.
- نرمالسازی رنگ: با اعمال تبدیلهای رنگی تعریفشده توسط سیستم، اطمینان حاصل کنید که رنگهای ارائهشده توسط برنامه، الزامات کنتراست را برای ایمنی و خوانایی برآورده میکنند.
بهترین شیوههای طراحی
- حفظ هماهنگی سیستم: اطمینان حاصل کنید که برندسازی برنامه از وظیفه اصلی رانندگی منحرف نشود یا با تم کلی سیستم خودرو تداخل نداشته باشد.
- خوانایی را در اولویت قرار دهید: اگر از رنگ تأکیدی یک برنامه برای متن یا آیکونها استفاده میکنید، مطمئن شوید که نسبت کنتراست لازم را در برابر پسزمینه انتخابی شما رعایت میکند.
- کاربرد منسجم: قوانین برندسازی را به طور منسجم در تمام برنامههای رسانهای شخص ثالث اعمال کنید تا یک تجربه کاربری قابل پیشبینی ارائه دهید.
- استفاده از توکنهای سیستم: همیشه سفارشیسازیهای برندسازی را به توکنهای طراحی ارائه شده نگاشت کنید تا سازگاری با بهروزرسانیهای آینده سیستم حفظ شود.