طراحی تایید محافظت شده

رابط کاربری تأیید حفاظت شده (UI) از شش عنصر ضروری تشکیل شده است. برخی از عناصر را می توان سفارشی کرد، اما الزاماتی وجود دارد که باید رعایت شوند. هنگام سفارشی کردن UI از دستورالعمل های زیر استفاده کنید و اطمینان حاصل کنید که الزامات برآورده شده است. اگر عنصری با Requirement مشخص شده باشد: آن عنصر باید از ویژگی فهرست شده استفاده کند.

دستورالعمل های زیر از خانواده فونت Roboto استفاده می کنند که می توانید آن را از fonts.google.com دانلود کنید.

رابط کاربری با دکمه های سخت افزاری

تأیید محافظت شده Android می‌تواند از دکمه‌های سخت‌افزاری روی دستگاه برای تأیید و لغو ورودی استفاده کند.

طرح بندی طراحی

نمادها

نماد سپر

آیکون نماد سپر تأیید محافظت شده
دانلود سپر امنیتی
اندازه آیکون 32dp

نماد پیکان

آیکون نماد فلش صفحه کلید
دانلودپیکان صفحه کلید به سمت راست
اندازه آیکون 24dp
شعاع گوشه کانتینر 4dp

پیام های ورودی

دو نوع ورودی در تأیید محافظت شده استفاده می شود: تأیید و لغو.

رشته تایید

این پیام باید نشان دهد که کدام دکمه به عنوان تأیید استفاده می شود.

پیام برای تایید دوبار (دکمه) را فشار دهید
حداکثر طول مورد نیاز: پیام تایید نمی تواند بیش از دو خط باشد.
رنگ #000000 87%
صورت قلم Roboto-Medium
اندازه فونت مورد نیاز: 14 sp
ارتفاع خط مورد نیاز: 20dp

لغو رشته

پیام لغو باید به وضوح قابل مشاهده باشد و به راحتی از دکمه تأیید تشخیص داده شود. از ویژگی های زیر به همراه کلمه منفرد Cancel استفاده کنید.

پیام لغو کنید
رنگ #000000 87%
صورت قلم Roboto-Medium
اندازه فونت مورد نیاز: 14 sp
ارتفاع خط مورد نیاز: 20dp

متن سرصفحه

برای شناسایی ویژگی، متن سرصفحه Android Protected Confirmation را در Trusted UI اضافه کنید. از ویژگی های زیر برای متن هدر استفاده کنید.

پیام مورد نیاز: تأیید محافظت شده اندروید
رنگ #000000 87%
صورت قلم Roboto-Regular
اندازه فونت مورد نیاز: 22 sp
ارتفاع خط مورد نیاز: 28dp

متن بدنه

هنگام پیاده سازی عنصر متن بدنه از ویژگی های زیر استفاده کنید. پیام واقعی توسط توسعه دهنده API (توسعه دهنده برنامه) نوشته شده است.

پیام متن اصلی توسط توسعه‌دهنده برنامه با نام Protected Confirmation ارائه می‌شود.
رنگ #000000 87%
صورت قلم Roboto-Regular
اندازه فونت مورد نیاز: 16 sp
ارتفاع خط مورد نیاز: 24dp

متن زیر عنوان

از متن زیر سربرگ برای توضیح اینکه چرا کاربر صفحه تأیید محافظت شده را می بیند استفاده کنید. این متن را در پایین صفحه قرار دهید و از ویژگی های زیر استفاده کنید.

پیام مورد نیاز: این تأیید یک لایه امنیتی اضافی برای اقدامی که می‌خواهید انجام دهید فراهم می‌کند.
حداکثر طول مورد نیاز: پیام تایید نمی تواند بیش از چهار خط باشد.
رنگ #000000 87%
صورت قلم Roboto-Regular
اندازه فونت مورد نیاز: 14 sp
ارتفاع خط مورد نیاز: 20dp

رابط کاربری با دکمه های نرم افزاری

Android Protected Confirmation می‌تواند از دکمه‌های نرم‌افزاری برای تأیید و لغو ورودی استفاده کند. دستورالعمل های زیر رابط کاربری را با استفاده از دکمه های نرم افزار توصیف می کنند.

طرح بندی طراحی نرم افزار رابط کاربری تایید

نماد سپر

دارایی نماد را در نماد سپر تأیید محافظت شده Android دانلود کنید. نماد را در بالای صفحه قرار دهید.

نماد سپر

نماد سپر تأیید محافظت شده یک عنصر ضروری است. رنگ سپر را می توان سفارشی کرد اما باید به وضوح قابل مشاهده باشد.

ورودی

ابعاد دکمه نرم افزار

از فرم یک دکمه اصلی و ثانویه برای تأیید و لغو ورودی استفاده کنید.

برچسب دکمه از حروف جمله برای برچسب های دکمه استفاده کنید.
شعاع دکمه 4dp
رنگ تاکیدی #1a73e8
صورت قلم Roboto-Medium
اندازه فونت مورد نیاز: 14 sp

متن سرصفحه

برای شناسایی ویژگی، متن سرصفحه Android Protected Confirmation را در Trusted UI اضافه کنید. از ویژگی های زیر برای متن هدر استفاده کنید.

پیام مورد نیاز: تأیید محافظت شده اندروید
رنگ #000000 87%
صورت قلم Roboto-Medium
اندازه فونت مورد نیاز: 24 sp
ارتفاع خط مورد نیاز: 20dp

متن بدنه

هنگام پیاده سازی عنصر متن بدنه از ویژگی های زیر استفاده کنید. پیام واقعی توسط توسعه دهنده برنامه نوشته شده است.

پیام متن اصلی توسط توسعه‌دهنده برنامه با نام Protected Confirmation ارائه می‌شود
رنگ #000000 87%
صورت قلم Roboto-Medium
اندازه فونت مورد نیاز: 16 sp
ارتفاع خط مورد نیاز: 24dp

متن زیر عنوان

از متن زیر سربرگ برای توضیح اینکه چرا کاربر صفحه تأیید محافظت شده را می بیند استفاده کنید. این متن را در پایین صفحه قرار دهید و از ویژگی های زیر استفاده کنید.

پیام مورد نیاز: این تأیید یک لایه امنیتی اضافی برای اقدامی که می‌خواهید انجام دهید فراهم می‌کند.
حداکثر طول مورد نیاز: پیام تایید نمی تواند بیش از چهار خط باشد.
رنگ #000000 54%
صورت قلم Roboto-Medium
اندازه فونت مورد نیاز: 14 sp
ارتفاع خط مورد نیاز: 20dp

بومی سازی

می‌توانید محلی‌سازی‌های مؤلفه‌های توصیف‌شده را در یک پیاده‌سازی C مستقل از یک جدول جستجو به عنوان بخشی از AOSP پیدا کنید.