سفارشی سازی

سفارشی کردن تم Action به شما امکان می دهد برند خود را بهتر منعکس کنید و زمینه بصری را برای تجربه کاربر خود فراهم کنید.

بررسی اجمالی

وقتی از سفارشی‌سازی تم یا قالب‌بندی به درستی استفاده شود، می‌تواند به متمایز کردن Action شما کمک کند. انتخاب‌هایی که هنگام سفارشی‌سازی اجزای بصری Action خود انجام می‌دهید (مانند کارت‌های اصلی ، چرخ فلک‌ها ، فهرست‌ها ، و غیره) به شما کمک می‌کنند تا برند خود را به‌طور مؤثر منتقل کنید.

طراحی دستیار به طور مداوم در حال تغییر است تا به کاربران در هر کجا که هستند، در هر دستگاهی که انتخاب می کنند کمک کند. بنابراین ما دستورالعمل‌های این بخش را طراحی کرده‌ایم تا همراه با آن تکامل پیدا کنند. هدف ما این است که شما را قادر کنیم هویت شرکت خود را به گونه‌ای بیان کنید که 1) در تعامل کلی سیستم احساس طبیعی داشته باشید، 2) بر بزرگترین فرصت‌ها برای بیان برند تمرکز کنید، و 3) مقیاس در همه دستگاه‌های اصلی (به عنوان مثال، تلفن و نمایشگرهای هوشمند) بدون کار اضافی.

اگر جزئیات طرح زمینه را مشخص نکنید، طرح زمینه پیش‌فرض سطح دستیار برای مؤلفه بصری Action اعمال می‌شود. برای سفارشی کردن تم اکشن خود می توانید به کنسول Actions بروید.


رنگ

رنگ یک شناسه برند قوی است. می‌توانید رنگ‌های اصلی و پس‌زمینه را برای نشان‌دادن برند خود سفارشی کنید. رنگ اصلی برای برجسته کردن اجزای مهم در سطح بصری، مانند عنوان کارت و هر دکمه اکشن استفاده می‌شود. این رنگ باید رنگی باشد که اغلب با برند شما مرتبط است.

ابتدا یک رنگ اصلی را انتخاب کنید.

پس از انتخاب رنگ اصلی، رنگ پس زمینه ای را انتخاب کنید که هم با رنگ اصلی و هم با رنگ متن ثانویه مطابقت داشته باشد.

رنگ پس زمینه می تواند یک نسخه روشن تر از رنگ اصلی باشد.

رنگ پس زمینه می تواند یک رنگ مکمل باشد.

برای اطمینان از در دسترس بودن رنگ‌هایی که انتخاب می‌کنید، ما یک بررسی کنتراست رنگ را در کنسول توسعه‌دهنده انجام می‌دهیم تا از نسبت کنتراست رنگ کافی بین رنگ‌های اصلی و پس‌زمینه و بین رنگ‌های ثانویه و پس‌زمینه اطمینان حاصل کنیم. برای راهنمایی بیشتر در مورد انتخاب و هماهنگی رنگ های اصلی و پس زمینه، به سایت متریال دیزاین مراجعه کنید.

تصویر پس زمینه

یکی از قوی‌ترین راه‌ها برای دادن غنای بصری و بعد به کارت، استفاده از یک تصویر به‌عنوان پس‌زمینه به جای یک رنگ ثابت است. هنگام انتخاب تصویر به عنوان پس زمینه به موارد زیر توجه کنید:
توجه داشته باشید که برای اطمینان از خوانایی پیش زمینه، ماسک محافظ تیره را روی تصویر پس زمینه اعمال می کنیم. متن به طور خودکار سفید می شود.

این کارت اصلی از یک تصویر پس زمینه استفاده می کند. یک تصویر پس‌زمینه جایگزین هر رنگ پس‌زمینه‌ای می‌شود، بنابراین گزینه‌ای را انتخاب کنید که نشان‌دهنده برند شما باشد.

تصویر باید به اندازه کافی خنثی باشد تا ظاهر و احساس دلخواه شما را از طریق چندین چرخش گفتگو حفظ کند. در اینجا، همان تصویر پس‌زمینه هم برای کارت اصلی بالا و هم برای این کارت چرخ فلک اعمال می‌شود.


تایپوگرافی

تایپوگرافی می تواند برند شما را بیان کند و در عین حال توجه کاربر را به مهم ترین اطلاعات هدایت کند. برای بیشترین تأثیر، می‌توانید بزرگ‌ترین متن را مانند عنوان روی هر کارت در Action خود سفارشی کنید. در این مکان، یک تایپ رسا مانند یک فونت سریف، یک فونت به سبک اسکریپت یا یک فونت سنگین‌تر می‌تواند توجه را به خود جلب کند و کنتراست متن ثانویه را ایجاد کند. برای راهنمایی کلی تایپوگرافی، لطفاً به بنیاد طراحی متریال مراجعه کنید.

فونتی را انتخاب کنید که با متن ثانویه به خوبی کار کند.

انجام دادن.

این فونت با فونت برجسته و رنگ روشن خود در پس زمینه خودنمایی می کند و توجه را به عنوان کارت جلب می کند.

نکن.

بدون وزن سنگین تر، خواندن این فونت سخت است و نمی تواند چشم را به عنوان قبل از متن اصلی جلب کند.


شکل

شکل تصویر

در راستای اجزای Material Foundation، شکل تصاویر شما بعد دیگری را برای بیان ارائه می دهد. در حال حاضر، می توانید بین اشکال زاویه دار و منحنی برای تصاویر در اجزای بصری یکی را انتخاب کنید. شکل تصویری را انتخاب کنید که با سبک کلی برند شما مناسب باشد.

لوگوی شما مکان خوبی برای جستجوی راهنمایی در مورد شکل انتخابی است. در این مثال، لوگو تیز و زاویه دار است، بنابراین گوشه های زاویه دار مطابق با برند هستند.

سایر اجزا نیز می توانند شما را در تصمیم گیری راهنمایی کنند. در اینجا، لبه های گرد دکمه اکشن و لوگو هر دو با گوشه های منحنی تصویر مطابقت دارند.

برای راهنمایی بیشتر در مورد انتخاب اشکال تصویر، به سایت طراحی متریال مراجعه کنید.