SlideShare a Scribd company logo
1 of 49
‫سبک‬
‫اندروید‬ ‫در‬
‫چی‬ ‫عینک‬ ‫نوید‬
‫سبک‬Style
‫ش‬ ‫دیده‬ ‫عالی‬ ‫دستگاهها‬ ‫همه‬ ‫در‬ ‫بصری‬ ‫صورت‬ ‫به‬ ‫که‬ ‫کاربردهایی‬ ‫ایجاد‬‫وند‬
‫نمایشها‬ ‫صفحه‬ ‫و‬ ‫دستگاهها‬
•‫اند‬ ‫دارای‬ ‫متفاوت‬ ‫نمایشهای‬ ‫صفحه‬ ‫با‬ ‫دستگاه‬ ‫میلیونها‬‫روید‬
•‫اندروید‬ ‫در‬ ‫بندی‬ ‫طرح‬ ‫پذیر‬ ‫انعطاف‬ ‫مکانیزم‬ ‫از‬ ‫استفاده‬
–‫بزرگ‬ ‫تبلت‬ ‫تا‬ ‫همراه‬ ‫تلفن‬ ‫نمایش‬ ‫صفحه‬ ‫برای‬ ‫کردن‬ ‫مقیاس‬
‫نمایش‬ ‫صفحه‬ ‫برای‬ ‫طراحی‬
•‫بودن‬ ‫منعطف‬
–‫باشد‬ ‫شدن‬ ‫کوچک‬ ‫یا‬ ‫بزرگ‬ ‫قابل‬ ‫نمایش‬ ‫صفحه‬ ‫به‬ ‫بسته‬ ‫بندی‬ ‫طرح‬
•‫بندی‬ ‫طرح‬ ‫سازی‬ ‫بهینه‬
–‫کنید‬ ‫بهینه‬ ‫استفاده‬ ‫خالی‬ ‫فضای‬ ‫از‬ ‫بزرگ‬ ‫صفحات‬ ‫در‬.
–‫چندتایی‬ ‫اجزای‬ ‫از‬
•‫دهد‬ ‫نشان‬ ‫را‬ ‫آنها‬ ‫تمام‬ ‫فضا‬ ‫وجود‬ ‫صورت‬ ‫در‬
•‫دهد‬ ‫نمایش‬ ‫را‬ ‫گیرد‬ ‫می‬ ‫جا‬ ‫که‬ ‫تعدادی‬ ‫فضا‬ ‫وجود‬ ‫عدم‬ ‫صورت‬ ‫در‬
•‫همه‬ ‫برای‬ ‫منابع‬
–‫مختلف‬ ‫اندازه‬ ‫با‬ ‫نمایشهای‬ ‫صفحه‬ ‫برای‬ ‫مختلف‬ ‫منابع‬
–DPI
‫نمایش‬ ‫صفحه‬ ‫برای‬ ‫طراحی‬
•‫استاندارد‬ ‫صفحه‬ ‫از‬ ‫استراتژی‬
–‫کنید‬ ‫طراحی‬ ‫استاندارد‬ ‫صفحه‬ ‫برای‬ ‫ابتدا‬
–‫کنید‬ ‫مقیاس‬ ‫بزرگ‬ ‫و‬ ‫کوچک‬ ‫صفحات‬ ‫برای‬
•‫بزرگ‬ ‫صفحه‬ ‫از‬ ‫استراتژی‬
–‫کنید‬ ‫طراحی‬ ‫بزرگ‬ ‫صفحات‬ ‫برای‬ ‫ابتدا‬
–‫کنی‬ ‫حذف‬ ‫را‬ ‫نیست‬ ‫ضروری‬ ‫که‬ ‫اجزائی‬ ‫کوچک‬ ‫صفحات‬ ‫برای‬‫د‬
Themes
•‫ا‬ ‫یا‬ ‫کاربرد‬ ‫یک‬ ‫به‬ ‫یکسان‬ ‫سبک‬ ‫اعمال‬ ‫برای‬ ‫اندروید‬ ‫در‬ ‫مکانیزمی‬‫کتیویتی‬
•‫کند‬ ‫می‬ ‫ایجاد‬ ‫را‬ ‫کاربری‬ ‫رابط‬ ‫که‬ ‫اجزایی‬ ‫ظاهر‬ ‫کننده‬ ‫مشخص‬
–‫رنگ‬
–‫اندازه‬
–‫فونت‬
•‫اس‬ ‫شده‬ ‫تعریف‬ ‫زیر‬ ‫تم‬ ‫سه‬ ،‫اندروید‬ ‫کل‬ ‫در‬ ‫یکسان‬ ‫سبک‬ ‫اعمال‬ ‫برای‬‫ت‬:
– Holo Light
– Holo Dark
– Holo Light with dark action bars
‫تم‬ ‫از‬ ‫مثال‬
•‫تم‬ ‫با‬ ‫میل‬ ‫جی‬Holo Light
‫تم‬ ‫از‬ ‫مثال‬
•‫تم‬ ‫با‬ ‫تنظیمات‬Holo Dark
‫تم‬ ‫از‬ ‫مثال‬
•‫برنامه‬Talk‫با‬‫تم‬
•Holo Light with dark action bars
‫تم‬
•‫کن‬ ‫می‬ ‫اندروید‬ ‫کل‬ ‫یکپارچگی‬ ‫در‬ ‫زیادی‬ ‫کمک‬ ‫تم‬ ‫اعمال‬‫د‬
–‫کاربردها‬ ‫و‬ ‫عامل‬ ‫سیستم‬ ‫بین‬ ‫یکپارچه‬ ‫بصری‬ ‫زبان‬
•‫استراتژی‬:
.1‫یکی‬ ‫انتخاب‬‫کارب‬ ‫برای‬ ‫مناسبتر‬ ‫که‬ ‫سیستمی‬ ‫تمهای‬ ‫از‬‫است‬ ‫ردتان‬
.2‫را‬ ‫سیستمی‬ ‫تمهای‬ ‫از‬ ‫یکی‬ ،‫باشید‬ ‫متفاوت‬ ‫خواهید‬ ‫می‬ ‫اگر‬‫و‬ ‫برداشته‬
‫دهید‬ ‫تغییر‬ ‫آنرا‬
‫لمس‬ ‫بازخورد‬
•‫اس‬ ‫کاربر‬ ‫به‬ ‫دادن‬ ‫گوش‬ ‫حال‬ ‫در‬ ‫کاربردتان‬ ‫که‬ ‫دهید‬ ‫نشان‬‫ت‬:
–‫کنید‬ ‫استفاده‬ ‫لمس‬ ‫به‬ ‫پاسخ‬ ‫برای‬ ‫برای‬ ‫نور‬ ‫و‬ ‫رنگ‬ ‫از‬
–‫کنید‬ ‫مشخص‬ ‫را‬ ‫حرکات‬ ‫از‬ ‫منتج‬ ‫رفتار‬
–‫کارهایی‬ ‫چه‬ ‫کنید‬ ‫مشخص‬enabled‫یا‬disabled‫هستند‬.
–‫بصری‬ ‫پاسخ‬ ‫یک‬ ‫کرد‬ ‫لمس‬ ‫را‬ ‫عملی‬ ‫قابل‬ ‫ناحیه‬ ‫کاربر‬ ‫هرزمان‬‫ایجاد‬
‫نمایید‬
‫وضعیتها‬
‫عناصر‬ ‫بیشتر‬UI‫دارای‬ ‫اندروید‬
‫تعر‬ ‫پیش‬ ‫از‬ ‫لمسی‬ ‫بازخورد‬‫یف‬
‫وضعیته‬ ‫شامل‬ ،‫هستند‬ ‫شده‬‫ایی‬
‫لمس‬ ‫آیا‬ ‫دهد‬ ‫می‬ ‫نشان‬ ‫که‬
‫افکت‬ ‫چه‬ ‫عنصر‬ ‫یک‬ ‫کردن‬‫را‬ ‫ی‬
‫شود‬ ‫می‬ ‫موجب‬
‫ارتباطات‬
•‫ده‬ ‫می‬ ‫نشان‬ ‫واکنش‬ ‫تری‬ ‫پیچیده‬ ‫حرکات‬ ‫به‬ ‫اشیا‬ ‫وقتی‬‫به‬ ،‫ند‬
‫که‬ ‫کنید‬ ‫کمک‬ ‫کاربر‬‫درک‬‫چه‬ ‫عملیات‬ ‫هر‬ ‫نتیجه‬ ‫نماید‬‫خواهد‬
‫بود‬.
•‫کشیدن‬Thumbnail
–‫عنصر‬ ‫حذف‬ ‫آنگاه‬
‫ها‬ ‫محدوده‬ ‫بازخورد‬
•‫کنید‬ ‫مشخص‬ ‫را‬ ‫مرزها‬
–‫محدوده‬ ‫از‬ ‫کند‬ ‫می‬ ‫تالش‬ ‫کاربر‬ ‫وقتی‬‫باال‬
‫ع‬ ‫یک‬ ‫با‬ ‫را‬ ‫مرزها‬ ،‫کند‬ ‫عبور‬ ‫پایین‬ ‫یا‬‫المت‬
‫نمایید‬ ‫مشخص‬ ‫بصری‬.
•‫خانه‬ ‫اول‬ ‫صفحه‬ ‫از‬ ‫عبور‬ ‫مثال‬
•‫برای‬UI‫اسکرول‬ ‫قابل‬ ‫های‬
‫جدولها‬ ‫و‬ ‫گیریها‬ ‫اندازه‬
•‫متفاوتند‬ ‫ابزارها‬
–‫نمایش‬ ‫صفحه‬ ‫اندازه‬ ‫در‬
–‫نمایش‬ ‫صفحه‬ ‫چگالی‬ ‫در‬dpi
DP‫یا‬Density-Independent Pixel
‫چگالی‬ ‫برای‬ ‫پیکسل‬ ‫یک‬ ‫یعنی‬160
dpi
‫های‬ ‫دسته‬ ‫به‬ ‫ابزارها‬ ‫تقسیم‬‫مختلف‬
•‫لحاظ‬ ‫از‬‫اندازه‬:
–‫تبلت‬(‫از‬ ‫بزرگتر‬600DP)
–‫تلفن‬ ‫گوشی‬‫همراه‬)‫از‬ ‫کوچکتر‬600DP)
•‫چگالی‬ ‫لحاظ‬ ‫از‬
–LDPI:‫پایین‬ ‫چگالی‬120 dpi
–MDPI:‫متوسط‬ ‫چگالی‬160 dpi
–HDPI:‫باال‬ ‫چگالی‬240 dpi
–XHDPI:‫باال‬ ‫خیلی‬ ‫چگالی‬320 dpi
–XXHDPI:‫باال‬ ‫خیلی‬ ‫خیلی‬ ‫چگالی‬480 dpi
‫بندی‬ ‫طرح‬ ‫سازی‬ ‫بهینه‬
•‫مجزا‬ ‫بندی‬ ‫طرح‬ ‫یک‬ ‫ابزار‬ ‫دسته‬ ‫هر‬ ‫برای‬
•‫مجزا‬ ‫تصویر‬ ‫دسته‬ ‫یک‬ ‫ابزار‬ ‫دسته‬ ‫هر‬ ‫برای‬
•‫از‬ ‫استفاده‬DP‫پیکسل‬ ‫جای‬ ‫به‬
‫ریتم‬48DP
•‫واحدهای‬ ‫در‬ ‫کلی‬ ‫صورت‬ ‫به‬ ‫لمس‬ ‫قابل‬ ‫اجزای‬48DP‫هستند‬
‫بین‬ ‫باید‬ ‫شی‬ ‫بودن‬ ‫لمس‬ ‫قابل‬ ‫برای‬7‫تا‬10‫باشد‬ ‫میلیمتر‬
•‫چرا‬48DP‫؟‬
–‫حدود‬ ‫متوسط‬ ‫بطور‬9‫باشد‬ ‫می‬ ‫میلیمتر‬:‫انگش‬ ‫با‬ ‫شدن‬ ‫لمس‬ ‫قابل‬‫ت‬
–‫شدن‬ ‫لمس‬ ‫قابل‬ ‫دیگر‬ ‫طرف‬ ‫از‬ ‫و‬ ‫شدن‬ ‫دیده‬ ‫قابل‬ ‫طرف‬ ‫یک‬ ‫از‬
‫اجزا‬ ‫بین‬ ‫فاصله‬
•8DP‫اجزا‬ ‫بین‬ ‫فاصله‬
‫تایپوگرافی‬
•‫هنر‬‫چیدمان‬‫و‬ ‫حروف‬
،‫کاراکترها‬‫برای‬
‫زبان‬ ‫یک‬ ‫به‬ ‫رسیدن‬
‫است‬ ‫تصویری‬
Typography
•‫متن‬ ‫از‬ ‫استفاده‬ ‫معیارهای‬
–‫اندازه‬
–‫فضا‬
–‫وزن‬
–‫پایین‬ ‫و‬ ‫باال‬ ‫خطوط‬ ‫با‬ ‫ترازی‬ ‫هم‬
‫در‬ ‫فونت‬Ice Cream
•‫فونتهای‬ ‫از‬ ‫استفاده‬
–Roboto
–Roboto Condensed
•‫حاالت‬ ‫دارای‬
–Thin
–Light
–Regular
–Bold
–‫استایل‬ ‫و‬Italic
‫فونت‬ ‫بندی‬ ‫رنگ‬
•‫تاریک‬ ‫حالت‬ ‫برای‬:
–textColorPrimary
–textColorSecondary
•‫روشن‬ ‫حالت‬ ‫برای‬
–textColorPrimaryInverse
–textColorSecondaryInverse
•‫شدن‬ ‫لمس‬ ‫برای‬ ‫رنگبندی‬
‫فونت‬ ‫اندازه‬
•‫ایجاد‬ ‫برای‬ ‫اندازه‬ ‫در‬ ‫اختالف‬
–‫درک‬
–‫ترتیب‬
•‫نکنید‬ ‫استفاده‬ ‫زیاد‬ ‫مختلف‬ ‫های‬ ‫اندازه‬ ‫از‬
•‫اندروید‬ ‫در‬ ‫اندازه‬:
‫فونت‬ ‫اندازه‬
•‫تنظی‬ ‫را‬ ‫مقیاس‬ ،‫کاربرد‬ ‫تنظیمات‬ ‫در‬ ‫توانند‬ ‫می‬ ‫کاربران‬‫کنند‬ ‫م‬.
•‫به‬ ‫فونت‬ ‫اندازه‬ ‫باید‬ ‫خاصیت‬ ‫این‬ ‫از‬ ‫پشتیبانی‬ ‫برای‬sp‫باشد‬.
•sp:Scale Independent Pixel
–‫نمایش‬ ‫صفحه‬ ‫در‬ ‫پیکسل‬ ‫یک‬160 dpi‫حالت‬ ‫در‬100%
‫مختل‬ ‫مقیاسهای‬ ‫در‬ ‫را‬ ‫کنند‬ ‫می‬ ‫پشتیبانی‬ ‫خاصیت‬ ‫این‬ ‫از‬ ‫که‬ ‫بندیهایی‬ ‫طرح‬‫کنید‬ ‫تست‬ ‫ف‬
‫رنگ‬
•‫تاکید‬ ‫برای‬ ‫رنگ‬ ‫از‬ ‫استفاده‬
•‫بصری‬ ‫تفاوت‬ ‫ایجاد‬ ‫برای‬ ‫برند‬ ‫با‬ ‫منطبق‬ ‫رنگ‬
•‫کنید‬ ‫طراحی‬ ‫آن‬ ‫براساس‬ ‫و‬ ‫انتخاب‬ ‫را‬ ‫رنگ‬ ‫چند‬ ‫یا‬ ‫یک‬
•‫ش‬ ‫نمی‬ ‫پیشنهاد‬ ‫متنوع‬ ‫رنگهای‬ ‫از‬ ‫پر‬ ‫طرحهای‬ ‫از‬ ‫استفاده‬‫ود‬
‫رنگ‬ ‫بوم‬
•‫اندروید‬ ‫رنگ‬ ‫بوم‬ ‫در‬ ‫استاندارد‬ ‫رنگ‬ ‫آبی‬
•‫روشن‬ ‫و‬ ‫تاریک‬ ‫های‬ ‫سایه‬ ‫دارای‬ ‫رنگ‬ ‫هر‬
‫آیکون‬
‫گرفته‬ ‫را‬ ‫نمایش‬ ‫صفحه‬ ‫از‬ ‫کوچکی‬ ‫قسمت‬ ‫که‬ ‫گرافیکی‬‫ارائه‬ ‫یک‬ ‫و‬
‫سریع‬‫و‬‫کارا‬‫از‬‫عمل‬،‫وضعیت‬‫یا‬‫کاربرد‬‫گذارد‬ ‫می‬ ‫دراختیار‬ ‫را‬.
‫آیکون‬ ‫طراحی‬
•‫اندروید‬ ‫دستگاههای‬ ‫از‬ ‫وسیعی‬ ‫طیف‬ ‫گرفتن‬ ‫نظر‬ ‫در‬
•‫مختلف‬ ‫های‬ ‫اندازه‬ ‫با‬ ‫آیکونهایی‬
•‫اندروید‬ ‫با‬ ‫آیکون‬ ‫مدیریت‬
–‫کرده‬ ‫چک‬ ‫را‬ ‫نمایش‬ ‫صفحه‬ ‫اندازه‬
–‫کند‬ ‫می‬ ‫بارگذاری‬ ‫را‬ ‫متناسب‬ ‫آیکون‬
‫آیکون‬ ‫طراحی‬
•‫مقیاسگذاری‬ ‫نرخ‬
–2:3:4:6
•‫آیکون‬48*48‫برای‬MDPI‫برای‬ ‫هایی‬ ‫اندازه‬ ‫چه‬ ‫آنگاه‬
–HDPI
–XHDPI
–XXHDPI
‫برای‬LDPI‫کند‬ ‫می‬ ‫نصف‬ ‫آنرا‬ ‫خود‬ ‫اندروید‬ ‫زیرا‬ ،‫نیست‬ ‫الزم‬
Launcher
•‫یا‬ ‫خانه‬ ‫صفحه‬ ‫در‬ ‫کاربردتان‬ ‫از‬ ‫بصری‬ ‫ارائه‬All Apps
•‫شود‬ ‫دیده‬ ‫خوبی‬ ‫به‬ ‫حاالت‬ ‫تمام‬ ‫در‬ ‫باید‬
–‫است‬ ‫تغییر‬ ‫قابل‬ ‫گراند‬ ‫بک‬ ‫زیرا‬
‫طراحی‬Launcher
•‫مقیاس‬ ‫و‬ ‫اندازه‬
–‫دستگاه‬ ‫برروی‬48*48
–‫مارکت‬ ‫برروی‬512*512
•‫سبک‬(‫استایل‬)
–‫متمایز‬ ‫شبح‬ ‫از‬ ‫استفاده‬
–‫بعدی‬ ‫سه‬
–‫جلو‬ ‫از‬ ‫دید‬
–‫پرسپکتیو‬ ‫کمی‬ ‫با‬‫شود‬ ‫می‬ ‫دیده‬ ‫باال‬ ‫از‬ ‫انگار‬ ‫که‬
‫آیکونهای‬Action bar
•‫دارد‬ ‫قرار‬ ‫آن‬ ‫در‬ ‫کاربران‬ ‫عملیات‬ ‫مهمترین‬ ‫که‬ ‫گرافیکی‬ ‫های‬ ‫دکمه‬
•‫دهد‬ ‫می‬ ‫انجام‬ ‫که‬ ‫کاری‬ ‫مفهوم‬ ‫از‬ ‫ساده‬ ‫ارائه‬ ‫یک‬ ‫شامل‬ ‫دکمه‬ ‫هر‬.
•‫شده‬ ‫تعریف‬ ‫پیش‬ ‫از‬ ‫عالمتهای‬ ‫از‬ ‫استفاده‬
–share
–Refresh
–search
•‫مختلف‬ ‫سایزهای‬ ‫و‬ ‫ها‬ ‫اندازه‬ ‫برای‬ ‫آماده‬ ‫پیش‬ ‫از‬ ‫آیکونهای‬ ‫شامل‬ ‫ای‬ ‫بسته‬
‫طراحی‬‫آیکونهای‬Action bar
•‫مقیاس‬ ‫و‬ ‫اندازه‬
–32*32
•‫تمرکز‬ ‫ناحیه‬(‫کانونی‬ ‫منطقه‬focal area)
–24*24
•‫رنگبندی‬
• #333333
– Enabled: 60% opacity
Disabled: 30% opacity
• #FFFFFF
– Enabled: 80% opacity
Disabled: 30% opacity
‫آیکونهای‬ ‫طراحی‬Action bar
•‫سبک‬
–‫تصویری‬ ‫صورت‬ ‫به‬
–‫تخت‬
–‫جزئیات‬ ‫بدون‬
–‫واضح‬ ‫شکل‬ ‫و‬ ‫هموار‬ ‫منحنیهای‬ ‫با‬
–‫است‬ ‫نازک‬ ‫گرافیک‬ ‫اگر‬45‫بچرخانید‬ ‫درجه‬
–‫حداقل‬ ‫باید‬ ‫قلم‬ ‫ضخامت‬2dp‫باشد‬
‫مفهومی‬ ‫آیکونهای‬
•‫کاربردتان‬ ‫بدنه‬ ‫داخل‬
•‫عملیات‬ ‫شرح‬ ‫برای‬
•‫وضعیت‬ ‫توصیف‬
‫مفهومی‬ ‫آیکونهای‬ ‫طراحی‬
•‫اندازه‬
–16*16
•‫تمرکز‬ ‫ناحیه‬
–12*12
•‫رنگها‬
–‫خاص‬ ‫رنگهای‬ ‫از‬ ‫استفاده‬
–‫وضعیت‬ ‫برای‬:‫همبستگی‬ ‫ایجاد‬
–‫عمل‬ ‫برای‬:‫کنتراست‬ ‫ایجاد‬
‫مفهومی‬ ‫آیکونهای‬ ‫طراحی‬
•‫سبک‬
–‫بیطرف‬
–‫تخت‬
–‫ساده‬
–‫دیده‬ ‫راحتتر‬‫ضحیم‬ ‫قلم‬ ‫با‬ ‫شکلهای‬ ‫از‬ ‫پرشده‬ ‫شکلهای‬ ‫شدن‬
–‫آسانتر‬ ‫درک‬ ‫و‬ ‫شناسایی‬ ‫برای‬ ‫استعاره‬ ‫از‬ ‫استفاده‬
‫آیکونهای‬Notification
•‫رسانی‬ ‫اطالع‬ ‫ایجاد‬ ‫برای‬
•‫رسانی‬ ‫اطالع‬ ‫هنگام‬ ‫در‬ ‫وضعیت‬ ‫نوار‬ ‫در‬ ‫نمایش‬ ‫قابل‬
‫آیکونهای‬ ‫طراحی‬Notification
•‫مقیاس‬ ‫و‬ ‫اندازه‬
–24*24
•‫تمرکز‬ ‫ناحیه‬
–22*22
•‫سبک‬
–‫تخت‬ ‫و‬ ‫ساده‬
–‫النچر‬ ‫آیکون‬ ‫شبیه‬ ‫استعاره‬ ‫از‬ ‫استفاده‬
•‫رنگ‬
–‫سفید‬ ‫کال‬ ‫رنگ‬
‫آیکونها‬ ‫اندازه‬
‫النچر‬
‫اکشن‬
‫بار‬
‫داخل‬
‫کاربرد‬
‫اطالع‬
‫رسانی‬
‫طراحی‬ ‫نکات‬
•‫برداری‬ ‫اشکال‬ ‫از‬ ‫استفاده‬
•‫بزرگ‬ ‫بوم‬ ‫از‬ ‫شروع‬
•‫کنی‬ ‫رسم‬ ‫دوباره‬ ‫را‬ ‫بیتمپها‬ ‫کنید‬ ‫می‬ ‫بزرگنمایی‬ ‫اگر‬‫د‬
•‫متناسب‬ ‫نامدهی‬
Asset Type Prefix Example
Icons ic_ ic_star.png
Launcher icons ic_launcher ic_launcher_calendar.png
Menu icons and Action Bar
icons
ic_menu ic_menu_archive.png
Status bar icons ic_stat_notify ic_stat_notify_msg.png
Tab icons ic_tab ic_tab_recent.png
Dialog icons ic_dialog ic_dialog_info.png
‫طراحی‬ ‫نکات‬
•‫کاری‬ ‫فضای‬ ‫مدیریت‬
–‫مختلف‬ ‫های‬ ‫اندازه‬ ‫با‬ ‫متناسب‬ ‫های‬ ‫شاخه‬ ‫ایجاد‬
•‫فایلهای‬ ‫از‬ ‫متادیتا‬ ‫حذف‬PNG
–‫فایلها‬ ‫حجم‬ ‫کردن‬ ‫کمتر‬
‫نگارش‬ ‫نحوه‬
•‫خالصه‬
–‫به‬ ‫محدود‬30‫کلمه‬
•‫ساده‬
–‫ن‬ ‫تکنیکال‬ ‫خیلی‬ ‫که‬ ‫کنید‬ ‫می‬ ‫صحبت‬ ‫باهوشی‬ ‫شخص‬ ‫با‬‫یست‬!
Consult the documentation that
came with your phone for further
instructions.
Read the instructions that came with your
phone.
Use GPS satellites
When locating, accurate to
street level.
GPS
Let apps use satellites to pinpoint your
location.
‫نگارش‬ ‫نحوه‬
•‫دوستانه‬
–‫مخاطب‬«‫تو‬»
–‫بخوانید‬ ‫بار‬ ‫چند‬
–‫انرژیک‬ ‫و‬ ‫شادمانی‬ ،‫امنیت‬ ‫احساس‬ ‫ایجاد‬
Sorry!
Activity MyAppActivity (in application
MyApp) is not responding.
Force close Wait Report
MyApp isn't responding.
Do you want to close it?
Wait Report Close
‫نگارش‬ ‫نحوه‬
•‫اول‬ ‫مهم‬ ‫حرف‬
–‫اول‬ ‫کلمه‬ ‫دو‬( !11‫کاراکتر‬)!‫جمله‬ ‫طعم‬ ‫ایجاد‬!
77 other people +1'd this,
including Larry Page. Larry Page and 77 others +1'd this.
Touch Next to complete setup using a
Wi-Fi connection.
To finish setup using Wi-Fi,
touch Next.
‫نگارش‬ ‫نحوه‬
•‫است‬ ‫نیاز‬ ‫مورد‬ ‫آنچه‬ ‫فقط‬
–‫شرح‬ ‫را‬ ‫تفاوتها‬ ‫نیست‬ ‫الزم‬‫دهید‬
•‫تکرار‬ ‫عدم‬
–‫است‬ ‫شده‬ ‫تکرار‬ ‫بار‬ ‫چند‬ ‫ای‬ ‫کلمه‬ ‫اگر‬‫دوباره‬‫ت‬ ‫تا‬ ‫بنویسید‬‫حذف‬ ‫کرارها‬
‫شوند‬.
Signing in...
Your phone needs to communicate with
Google servers to sign in to your account.
This may take up to five minutes.
Signing in...
Your phone is contacting Google.
This can take up to 5 minutes.
‫افزاری‬ ‫نرم‬ ‫هوشمند‬ ‫های‬ ‫سیستم‬ ‫مجری‬ ‫و‬ ‫مشاور‬
‫همراه‬ ‫تلفن‬ ‫محوریت‬ ‫با‬
+98-5137601101
+98-5137601102
0936-674-3096
info@sanabad-ai.ir
‫نمایید‬ ‫مشورت‬ ‫ما‬ ‫با‬....
www.sanabad-ai.ir

More Related Content

Viewers also liked

General Fashion Manual
General Fashion ManualGeneral Fashion Manual
General Fashion ManualEhab Saber
 
Komentáře členů hlavních a oborových panelů k metodice hodnocení a pilotnímu...
Komentáře členů hlavních a oborových panelů k metodice hodnocení a pilotnímu...Komentáře členů hlavních a oborových panelů k metodice hodnocení a pilotnímu...
Komentáře členů hlavních a oborových panelů k metodice hodnocení a pilotnímu...MEYS, MŠMT in Czech
 
The cookbook for building elite startup teams
The cookbook for building elite startup teamsThe cookbook for building elite startup teams
The cookbook for building elite startup teamsNoam Tamari-Wekser
 
(ِData Structures-Java Object oriented Programming Languages)ساختارهای دیتا ...
 (ِData Structures-Java Object oriented Programming Languages)ساختارهای دیتا ... (ِData Structures-Java Object oriented Programming Languages)ساختارهای دیتا ...
(ِData Structures-Java Object oriented Programming Languages)ساختارهای دیتا ...Muhibullah Aman
 
El cerebro en la palma de la mano
El cerebro en la palma de la manoEl cerebro en la palma de la mano
El cerebro en la palma de la manoMaría Camacho
 
Occlusion In Fixed Partial Denture
Occlusion In Fixed Partial DentureOcclusion In Fixed Partial Denture
Occlusion In Fixed Partial DentureSelf employed
 

Viewers also liked (8)

Why HARDWARE? Why NOW?
Why HARDWARE? Why NOW?Why HARDWARE? Why NOW?
Why HARDWARE? Why NOW?
 
General Fashion Manual
General Fashion ManualGeneral Fashion Manual
General Fashion Manual
 
Abrek_Thesis
Abrek_ThesisAbrek_Thesis
Abrek_Thesis
 
Komentáře členů hlavních a oborových panelů k metodice hodnocení a pilotnímu...
Komentáře členů hlavních a oborových panelů k metodice hodnocení a pilotnímu...Komentáře členů hlavních a oborových panelů k metodice hodnocení a pilotnímu...
Komentáře členů hlavních a oborových panelů k metodice hodnocení a pilotnímu...
 
The cookbook for building elite startup teams
The cookbook for building elite startup teamsThe cookbook for building elite startup teams
The cookbook for building elite startup teams
 
(ِData Structures-Java Object oriented Programming Languages)ساختارهای دیتا ...
 (ِData Structures-Java Object oriented Programming Languages)ساختارهای دیتا ... (ِData Structures-Java Object oriented Programming Languages)ساختارهای دیتا ...
(ِData Structures-Java Object oriented Programming Languages)ساختارهای دیتا ...
 
El cerebro en la palma de la mano
El cerebro en la palma de la manoEl cerebro en la palma de la mano
El cerebro en la palma de la mano
 
Occlusion In Fixed Partial Denture
Occlusion In Fixed Partial DentureOcclusion In Fixed Partial Denture
Occlusion In Fixed Partial Denture
 

Similar to 3 سبک در اندروید

کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshopکارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin WorkshopEsmail MohammadiPanah
 
رابط کاری / تجربه کاری (UI/UX)
رابط کاری / تجربه کاری (UI/UX)رابط کاری / تجربه کاری (UI/UX)
رابط کاری / تجربه کاری (UI/UX)Yousef Alipour
 
تفکر واکنش‌گرا و ارتباط آن با مشتریان یک سیستم
تفکر واکنش‌گرا و ارتباط آن با مشتریان یک سیستمتفکر واکنش‌گرا و ارتباط آن با مشتریان یک سیستم
تفکر واکنش‌گرا و ارتباط آن با مشتریان یک سیستمWeb Standards School
 
استاندارد های استفاده شده در طراحی سایت
استاندارد های استفاده شده در طراحی سایتاستاندارد های استفاده شده در طراحی سایت
استاندارد های استفاده شده در طراحی سایتگروه زوم تک
 
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.شرکت طراحی سایت کاسپید
 
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.شرکت طراحی سایت کاسپید
 
What is Ux - User Experience .
What is Ux - User Experience .What is Ux - User Experience .
What is Ux - User Experience .Farhad jafari
 
What is User Experience? | Presentied in TrigUp | BMDX
What is User Experience?   |   Presentied in TrigUp  |   BMDXWhat is User Experience?   |   Presentied in TrigUp  |   BMDX
What is User Experience? | Presentied in TrigUp | BMDXMobin M. Bahrami
 
معماری نرم افزار در پروژه های چابک
معماری نرم افزار در پروژه های چابکمعماری نرم افزار در پروژه های چابک
معماری نرم افزار در پروژه های چابکMahmoud Asadi
 
Mobile Application Development - Software Engineering
Mobile Application Development - Software EngineeringMobile Application Development - Software Engineering
Mobile Application Development - Software EngineeringMehdi Esmaeilpour
 
http://seofirstpage.ir-هانیه غفرانی-آموزش سئو سایت
http://seofirstpage.ir-هانیه غفرانی-آموزش سئو سایتhttp://seofirstpage.ir-هانیه غفرانی-آموزش سئو سایت
http://seofirstpage.ir-هانیه غفرانی-آموزش سئو سایتHanieh Ghofrani
 

Similar to 3 سبک در اندروید (14)

کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshopکارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
 
رابط کاری / تجربه کاری (UI/UX)
رابط کاری / تجربه کاری (UI/UX)رابط کاری / تجربه کاری (UI/UX)
رابط کاری / تجربه کاری (UI/UX)
 
تفکر واکنش‌گرا و ارتباط آن با مشتریان یک سیستم
تفکر واکنش‌گرا و ارتباط آن با مشتریان یک سیستمتفکر واکنش‌گرا و ارتباط آن با مشتریان یک سیستم
تفکر واکنش‌گرا و ارتباط آن با مشتریان یک سیستم
 
استاندارد های استفاده شده در طراحی سایت
استاندارد های استفاده شده در طراحی سایتاستاندارد های استفاده شده در طراحی سایت
استاندارد های استفاده شده در طراحی سایت
 
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
 
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
طراحی سایت و 6 عنصر اساسی که باید به خوبی انجام شود.
 
Nama design
Nama designNama design
Nama design
 
Facade design
Facade designFacade design
Facade design
 
What is Ux - User Experience .
What is Ux - User Experience .What is Ux - User Experience .
What is Ux - User Experience .
 
What is User Experience? | Presentied in TrigUp | BMDX
What is User Experience?   |   Presentied in TrigUp  |   BMDXWhat is User Experience?   |   Presentied in TrigUp  |   BMDX
What is User Experience? | Presentied in TrigUp | BMDX
 
معماری نرم افزار در پروژه های چابک
معماری نرم افزار در پروژه های چابکمعماری نرم افزار در پروژه های چابک
معماری نرم افزار در پروژه های چابک
 
Mobile Application Development - Software Engineering
Mobile Application Development - Software EngineeringMobile Application Development - Software Engineering
Mobile Application Development - Software Engineering
 
http://seofirstpage.ir-هانیه غفرانی-آموزش سئو سایت
http://seofirstpage.ir-هانیه غفرانی-آموزش سئو سایتhttp://seofirstpage.ir-هانیه غفرانی-آموزش سئو سایت
http://seofirstpage.ir-هانیه غفرانی-آموزش سئو سایت
 
Tarahi nama
Tarahi namaTarahi nama
Tarahi nama
 

More from Navid Einakchi

5 عناصر در اندروید
5  عناصر در اندروید5  عناصر در اندروید
5 عناصر در اندرویدNavid Einakchi
 
برنامه سازی شبکه: برنامه نویسی سوکت در سی شارپ
برنامه سازی شبکه: برنامه نویسی سوکت در سی شارپبرنامه سازی شبکه: برنامه نویسی سوکت در سی شارپ
برنامه سازی شبکه: برنامه نویسی سوکت در سی شارپNavid Einakchi
 
برنامه سازی شبکه: مقدمه شبکه
برنامه سازی شبکه: مقدمه شبکه برنامه سازی شبکه: مقدمه شبکه
برنامه سازی شبکه: مقدمه شبکه Navid Einakchi
 
برنامه سازی شبکه: زیربنای برنامه نویسی شبکه
برنامه سازی شبکه: زیربنای برنامه نویسی شبکهبرنامه سازی شبکه: زیربنای برنامه نویسی شبکه
برنامه سازی شبکه: زیربنای برنامه نویسی شبکهNavid Einakchi
 
مهندسی اینترنت فصل 4 لایه شبکه
مهندسی اینترنت فصل 4 لایه شبکهمهندسی اینترنت فصل 4 لایه شبکه
مهندسی اینترنت فصل 4 لایه شبکهNavid Einakchi
 
درس مهنسی اینترنت فصل 5 لایه انتقال
درس مهنسی اینترنت فصل 5 لایه انتقالدرس مهنسی اینترنت فصل 5 لایه انتقال
درس مهنسی اینترنت فصل 5 لایه انتقالNavid Einakchi
 
درس مهنسی اینترنت فصل 3 لایه اتصال داده
درس مهنسی اینترنت فصل 3 لایه اتصال دادهدرس مهنسی اینترنت فصل 3 لایه اتصال داده
درس مهنسی اینترنت فصل 3 لایه اتصال دادهNavid Einakchi
 
درس مهنسی اینترنت جلسه 2 لایه فیزیکی
درس مهنسی اینترنت جلسه 2 لایه فیزیکیدرس مهنسی اینترنت جلسه 2 لایه فیزیکی
درس مهنسی اینترنت جلسه 2 لایه فیزیکیNavid Einakchi
 
درس مهنسی اینترنت فصل 1شبکه
درس مهنسی اینترنت فصل 1شبکهدرس مهنسی اینترنت فصل 1شبکه
درس مهنسی اینترنت فصل 1شبکهNavid Einakchi
 
1 اصول طراحی رابط کاربری در اندروید
1  اصول طراحی رابط کاربری در اندروید1  اصول طراحی رابط کاربری در اندروید
1 اصول طراحی رابط کاربری در اندرویدNavid Einakchi
 

More from Navid Einakchi (10)

5 عناصر در اندروید
5  عناصر در اندروید5  عناصر در اندروید
5 عناصر در اندروید
 
برنامه سازی شبکه: برنامه نویسی سوکت در سی شارپ
برنامه سازی شبکه: برنامه نویسی سوکت در سی شارپبرنامه سازی شبکه: برنامه نویسی سوکت در سی شارپ
برنامه سازی شبکه: برنامه نویسی سوکت در سی شارپ
 
برنامه سازی شبکه: مقدمه شبکه
برنامه سازی شبکه: مقدمه شبکه برنامه سازی شبکه: مقدمه شبکه
برنامه سازی شبکه: مقدمه شبکه
 
برنامه سازی شبکه: زیربنای برنامه نویسی شبکه
برنامه سازی شبکه: زیربنای برنامه نویسی شبکهبرنامه سازی شبکه: زیربنای برنامه نویسی شبکه
برنامه سازی شبکه: زیربنای برنامه نویسی شبکه
 
مهندسی اینترنت فصل 4 لایه شبکه
مهندسی اینترنت فصل 4 لایه شبکهمهندسی اینترنت فصل 4 لایه شبکه
مهندسی اینترنت فصل 4 لایه شبکه
 
درس مهنسی اینترنت فصل 5 لایه انتقال
درس مهنسی اینترنت فصل 5 لایه انتقالدرس مهنسی اینترنت فصل 5 لایه انتقال
درس مهنسی اینترنت فصل 5 لایه انتقال
 
درس مهنسی اینترنت فصل 3 لایه اتصال داده
درس مهنسی اینترنت فصل 3 لایه اتصال دادهدرس مهنسی اینترنت فصل 3 لایه اتصال داده
درس مهنسی اینترنت فصل 3 لایه اتصال داده
 
درس مهنسی اینترنت جلسه 2 لایه فیزیکی
درس مهنسی اینترنت جلسه 2 لایه فیزیکیدرس مهنسی اینترنت جلسه 2 لایه فیزیکی
درس مهنسی اینترنت جلسه 2 لایه فیزیکی
 
درس مهنسی اینترنت فصل 1شبکه
درس مهنسی اینترنت فصل 1شبکهدرس مهنسی اینترنت فصل 1شبکه
درس مهنسی اینترنت فصل 1شبکه
 
1 اصول طراحی رابط کاربری در اندروید
1  اصول طراحی رابط کاربری در اندروید1  اصول طراحی رابط کاربری در اندروید
1 اصول طراحی رابط کاربری در اندروید
 

3 سبک در اندروید

  • 2. ‫سبک‬Style ‫ش‬ ‫دیده‬ ‫عالی‬ ‫دستگاهها‬ ‫همه‬ ‫در‬ ‫بصری‬ ‫صورت‬ ‫به‬ ‫که‬ ‫کاربردهایی‬ ‫ایجاد‬‫وند‬
  • 3. ‫نمایشها‬ ‫صفحه‬ ‫و‬ ‫دستگاهها‬ •‫اند‬ ‫دارای‬ ‫متفاوت‬ ‫نمایشهای‬ ‫صفحه‬ ‫با‬ ‫دستگاه‬ ‫میلیونها‬‫روید‬ •‫اندروید‬ ‫در‬ ‫بندی‬ ‫طرح‬ ‫پذیر‬ ‫انعطاف‬ ‫مکانیزم‬ ‫از‬ ‫استفاده‬ –‫بزرگ‬ ‫تبلت‬ ‫تا‬ ‫همراه‬ ‫تلفن‬ ‫نمایش‬ ‫صفحه‬ ‫برای‬ ‫کردن‬ ‫مقیاس‬
  • 4. ‫نمایش‬ ‫صفحه‬ ‫برای‬ ‫طراحی‬ •‫بودن‬ ‫منعطف‬ –‫باشد‬ ‫شدن‬ ‫کوچک‬ ‫یا‬ ‫بزرگ‬ ‫قابل‬ ‫نمایش‬ ‫صفحه‬ ‫به‬ ‫بسته‬ ‫بندی‬ ‫طرح‬ •‫بندی‬ ‫طرح‬ ‫سازی‬ ‫بهینه‬ –‫کنید‬ ‫بهینه‬ ‫استفاده‬ ‫خالی‬ ‫فضای‬ ‫از‬ ‫بزرگ‬ ‫صفحات‬ ‫در‬. –‫چندتایی‬ ‫اجزای‬ ‫از‬ •‫دهد‬ ‫نشان‬ ‫را‬ ‫آنها‬ ‫تمام‬ ‫فضا‬ ‫وجود‬ ‫صورت‬ ‫در‬ •‫دهد‬ ‫نمایش‬ ‫را‬ ‫گیرد‬ ‫می‬ ‫جا‬ ‫که‬ ‫تعدادی‬ ‫فضا‬ ‫وجود‬ ‫عدم‬ ‫صورت‬ ‫در‬ •‫همه‬ ‫برای‬ ‫منابع‬ –‫مختلف‬ ‫اندازه‬ ‫با‬ ‫نمایشهای‬ ‫صفحه‬ ‫برای‬ ‫مختلف‬ ‫منابع‬ –DPI
  • 5. ‫نمایش‬ ‫صفحه‬ ‫برای‬ ‫طراحی‬ •‫استاندارد‬ ‫صفحه‬ ‫از‬ ‫استراتژی‬ –‫کنید‬ ‫طراحی‬ ‫استاندارد‬ ‫صفحه‬ ‫برای‬ ‫ابتدا‬ –‫کنید‬ ‫مقیاس‬ ‫بزرگ‬ ‫و‬ ‫کوچک‬ ‫صفحات‬ ‫برای‬ •‫بزرگ‬ ‫صفحه‬ ‫از‬ ‫استراتژی‬ –‫کنید‬ ‫طراحی‬ ‫بزرگ‬ ‫صفحات‬ ‫برای‬ ‫ابتدا‬ –‫کنی‬ ‫حذف‬ ‫را‬ ‫نیست‬ ‫ضروری‬ ‫که‬ ‫اجزائی‬ ‫کوچک‬ ‫صفحات‬ ‫برای‬‫د‬
  • 6. Themes •‫ا‬ ‫یا‬ ‫کاربرد‬ ‫یک‬ ‫به‬ ‫یکسان‬ ‫سبک‬ ‫اعمال‬ ‫برای‬ ‫اندروید‬ ‫در‬ ‫مکانیزمی‬‫کتیویتی‬ •‫کند‬ ‫می‬ ‫ایجاد‬ ‫را‬ ‫کاربری‬ ‫رابط‬ ‫که‬ ‫اجزایی‬ ‫ظاهر‬ ‫کننده‬ ‫مشخص‬ –‫رنگ‬ –‫اندازه‬ –‫فونت‬ •‫اس‬ ‫شده‬ ‫تعریف‬ ‫زیر‬ ‫تم‬ ‫سه‬ ،‫اندروید‬ ‫کل‬ ‫در‬ ‫یکسان‬ ‫سبک‬ ‫اعمال‬ ‫برای‬‫ت‬: – Holo Light – Holo Dark – Holo Light with dark action bars
  • 7. ‫تم‬ ‫از‬ ‫مثال‬ •‫تم‬ ‫با‬ ‫میل‬ ‫جی‬Holo Light
  • 8. ‫تم‬ ‫از‬ ‫مثال‬ •‫تم‬ ‫با‬ ‫تنظیمات‬Holo Dark
  • 10. ‫تم‬ •‫کن‬ ‫می‬ ‫اندروید‬ ‫کل‬ ‫یکپارچگی‬ ‫در‬ ‫زیادی‬ ‫کمک‬ ‫تم‬ ‫اعمال‬‫د‬ –‫کاربردها‬ ‫و‬ ‫عامل‬ ‫سیستم‬ ‫بین‬ ‫یکپارچه‬ ‫بصری‬ ‫زبان‬ •‫استراتژی‬: .1‫یکی‬ ‫انتخاب‬‫کارب‬ ‫برای‬ ‫مناسبتر‬ ‫که‬ ‫سیستمی‬ ‫تمهای‬ ‫از‬‫است‬ ‫ردتان‬ .2‫را‬ ‫سیستمی‬ ‫تمهای‬ ‫از‬ ‫یکی‬ ،‫باشید‬ ‫متفاوت‬ ‫خواهید‬ ‫می‬ ‫اگر‬‫و‬ ‫برداشته‬ ‫دهید‬ ‫تغییر‬ ‫آنرا‬
  • 11. ‫لمس‬ ‫بازخورد‬ •‫اس‬ ‫کاربر‬ ‫به‬ ‫دادن‬ ‫گوش‬ ‫حال‬ ‫در‬ ‫کاربردتان‬ ‫که‬ ‫دهید‬ ‫نشان‬‫ت‬: –‫کنید‬ ‫استفاده‬ ‫لمس‬ ‫به‬ ‫پاسخ‬ ‫برای‬ ‫برای‬ ‫نور‬ ‫و‬ ‫رنگ‬ ‫از‬ –‫کنید‬ ‫مشخص‬ ‫را‬ ‫حرکات‬ ‫از‬ ‫منتج‬ ‫رفتار‬ –‫کارهایی‬ ‫چه‬ ‫کنید‬ ‫مشخص‬enabled‫یا‬disabled‫هستند‬. –‫بصری‬ ‫پاسخ‬ ‫یک‬ ‫کرد‬ ‫لمس‬ ‫را‬ ‫عملی‬ ‫قابل‬ ‫ناحیه‬ ‫کاربر‬ ‫هرزمان‬‫ایجاد‬ ‫نمایید‬
  • 12. ‫وضعیتها‬ ‫عناصر‬ ‫بیشتر‬UI‫دارای‬ ‫اندروید‬ ‫تعر‬ ‫پیش‬ ‫از‬ ‫لمسی‬ ‫بازخورد‬‫یف‬ ‫وضعیته‬ ‫شامل‬ ،‫هستند‬ ‫شده‬‫ایی‬ ‫لمس‬ ‫آیا‬ ‫دهد‬ ‫می‬ ‫نشان‬ ‫که‬ ‫افکت‬ ‫چه‬ ‫عنصر‬ ‫یک‬ ‫کردن‬‫را‬ ‫ی‬ ‫شود‬ ‫می‬ ‫موجب‬
  • 13. ‫ارتباطات‬ •‫ده‬ ‫می‬ ‫نشان‬ ‫واکنش‬ ‫تری‬ ‫پیچیده‬ ‫حرکات‬ ‫به‬ ‫اشیا‬ ‫وقتی‬‫به‬ ،‫ند‬ ‫که‬ ‫کنید‬ ‫کمک‬ ‫کاربر‬‫درک‬‫چه‬ ‫عملیات‬ ‫هر‬ ‫نتیجه‬ ‫نماید‬‫خواهد‬ ‫بود‬. •‫کشیدن‬Thumbnail –‫عنصر‬ ‫حذف‬ ‫آنگاه‬
  • 14. ‫ها‬ ‫محدوده‬ ‫بازخورد‬ •‫کنید‬ ‫مشخص‬ ‫را‬ ‫مرزها‬ –‫محدوده‬ ‫از‬ ‫کند‬ ‫می‬ ‫تالش‬ ‫کاربر‬ ‫وقتی‬‫باال‬ ‫ع‬ ‫یک‬ ‫با‬ ‫را‬ ‫مرزها‬ ،‫کند‬ ‫عبور‬ ‫پایین‬ ‫یا‬‫المت‬ ‫نمایید‬ ‫مشخص‬ ‫بصری‬. •‫خانه‬ ‫اول‬ ‫صفحه‬ ‫از‬ ‫عبور‬ ‫مثال‬ •‫برای‬UI‫اسکرول‬ ‫قابل‬ ‫های‬
  • 15. ‫جدولها‬ ‫و‬ ‫گیریها‬ ‫اندازه‬ •‫متفاوتند‬ ‫ابزارها‬ –‫نمایش‬ ‫صفحه‬ ‫اندازه‬ ‫در‬ –‫نمایش‬ ‫صفحه‬ ‫چگالی‬ ‫در‬dpi DP‫یا‬Density-Independent Pixel ‫چگالی‬ ‫برای‬ ‫پیکسل‬ ‫یک‬ ‫یعنی‬160 dpi
  • 16. ‫های‬ ‫دسته‬ ‫به‬ ‫ابزارها‬ ‫تقسیم‬‫مختلف‬ •‫لحاظ‬ ‫از‬‫اندازه‬: –‫تبلت‬(‫از‬ ‫بزرگتر‬600DP) –‫تلفن‬ ‫گوشی‬‫همراه‬)‫از‬ ‫کوچکتر‬600DP) •‫چگالی‬ ‫لحاظ‬ ‫از‬ –LDPI:‫پایین‬ ‫چگالی‬120 dpi –MDPI:‫متوسط‬ ‫چگالی‬160 dpi –HDPI:‫باال‬ ‫چگالی‬240 dpi –XHDPI:‫باال‬ ‫خیلی‬ ‫چگالی‬320 dpi –XXHDPI:‫باال‬ ‫خیلی‬ ‫خیلی‬ ‫چگالی‬480 dpi
  • 17. ‫بندی‬ ‫طرح‬ ‫سازی‬ ‫بهینه‬ •‫مجزا‬ ‫بندی‬ ‫طرح‬ ‫یک‬ ‫ابزار‬ ‫دسته‬ ‫هر‬ ‫برای‬ •‫مجزا‬ ‫تصویر‬ ‫دسته‬ ‫یک‬ ‫ابزار‬ ‫دسته‬ ‫هر‬ ‫برای‬ •‫از‬ ‫استفاده‬DP‫پیکسل‬ ‫جای‬ ‫به‬
  • 18. ‫ریتم‬48DP •‫واحدهای‬ ‫در‬ ‫کلی‬ ‫صورت‬ ‫به‬ ‫لمس‬ ‫قابل‬ ‫اجزای‬48DP‫هستند‬ ‫بین‬ ‫باید‬ ‫شی‬ ‫بودن‬ ‫لمس‬ ‫قابل‬ ‫برای‬7‫تا‬10‫باشد‬ ‫میلیمتر‬ •‫چرا‬48DP‫؟‬ –‫حدود‬ ‫متوسط‬ ‫بطور‬9‫باشد‬ ‫می‬ ‫میلیمتر‬:‫انگش‬ ‫با‬ ‫شدن‬ ‫لمس‬ ‫قابل‬‫ت‬ –‫شدن‬ ‫لمس‬ ‫قابل‬ ‫دیگر‬ ‫طرف‬ ‫از‬ ‫و‬ ‫شدن‬ ‫دیده‬ ‫قابل‬ ‫طرف‬ ‫یک‬ ‫از‬
  • 20.
  • 22. Typography •‫متن‬ ‫از‬ ‫استفاده‬ ‫معیارهای‬ –‫اندازه‬ –‫فضا‬ –‫وزن‬ –‫پایین‬ ‫و‬ ‫باال‬ ‫خطوط‬ ‫با‬ ‫ترازی‬ ‫هم‬
  • 23. ‫در‬ ‫فونت‬Ice Cream •‫فونتهای‬ ‫از‬ ‫استفاده‬ –Roboto –Roboto Condensed •‫حاالت‬ ‫دارای‬ –Thin –Light –Regular –Bold –‫استایل‬ ‫و‬Italic
  • 24. ‫فونت‬ ‫بندی‬ ‫رنگ‬ •‫تاریک‬ ‫حالت‬ ‫برای‬: –textColorPrimary –textColorSecondary •‫روشن‬ ‫حالت‬ ‫برای‬ –textColorPrimaryInverse –textColorSecondaryInverse •‫شدن‬ ‫لمس‬ ‫برای‬ ‫رنگبندی‬
  • 25. ‫فونت‬ ‫اندازه‬ •‫ایجاد‬ ‫برای‬ ‫اندازه‬ ‫در‬ ‫اختالف‬ –‫درک‬ –‫ترتیب‬ •‫نکنید‬ ‫استفاده‬ ‫زیاد‬ ‫مختلف‬ ‫های‬ ‫اندازه‬ ‫از‬ •‫اندروید‬ ‫در‬ ‫اندازه‬:
  • 26. ‫فونت‬ ‫اندازه‬ •‫تنظی‬ ‫را‬ ‫مقیاس‬ ،‫کاربرد‬ ‫تنظیمات‬ ‫در‬ ‫توانند‬ ‫می‬ ‫کاربران‬‫کنند‬ ‫م‬. •‫به‬ ‫فونت‬ ‫اندازه‬ ‫باید‬ ‫خاصیت‬ ‫این‬ ‫از‬ ‫پشتیبانی‬ ‫برای‬sp‫باشد‬. •sp:Scale Independent Pixel –‫نمایش‬ ‫صفحه‬ ‫در‬ ‫پیکسل‬ ‫یک‬160 dpi‫حالت‬ ‫در‬100% ‫مختل‬ ‫مقیاسهای‬ ‫در‬ ‫را‬ ‫کنند‬ ‫می‬ ‫پشتیبانی‬ ‫خاصیت‬ ‫این‬ ‫از‬ ‫که‬ ‫بندیهایی‬ ‫طرح‬‫کنید‬ ‫تست‬ ‫ف‬
  • 27. ‫رنگ‬ •‫تاکید‬ ‫برای‬ ‫رنگ‬ ‫از‬ ‫استفاده‬ •‫بصری‬ ‫تفاوت‬ ‫ایجاد‬ ‫برای‬ ‫برند‬ ‫با‬ ‫منطبق‬ ‫رنگ‬ •‫کنید‬ ‫طراحی‬ ‫آن‬ ‫براساس‬ ‫و‬ ‫انتخاب‬ ‫را‬ ‫رنگ‬ ‫چند‬ ‫یا‬ ‫یک‬ •‫ش‬ ‫نمی‬ ‫پیشنهاد‬ ‫متنوع‬ ‫رنگهای‬ ‫از‬ ‫پر‬ ‫طرحهای‬ ‫از‬ ‫استفاده‬‫ود‬
  • 28. ‫رنگ‬ ‫بوم‬ •‫اندروید‬ ‫رنگ‬ ‫بوم‬ ‫در‬ ‫استاندارد‬ ‫رنگ‬ ‫آبی‬ •‫روشن‬ ‫و‬ ‫تاریک‬ ‫های‬ ‫سایه‬ ‫دارای‬ ‫رنگ‬ ‫هر‬
  • 29. ‫آیکون‬ ‫گرفته‬ ‫را‬ ‫نمایش‬ ‫صفحه‬ ‫از‬ ‫کوچکی‬ ‫قسمت‬ ‫که‬ ‫گرافیکی‬‫ارائه‬ ‫یک‬ ‫و‬ ‫سریع‬‫و‬‫کارا‬‫از‬‫عمل‬،‫وضعیت‬‫یا‬‫کاربرد‬‫گذارد‬ ‫می‬ ‫دراختیار‬ ‫را‬.
  • 30. ‫آیکون‬ ‫طراحی‬ •‫اندروید‬ ‫دستگاههای‬ ‫از‬ ‫وسیعی‬ ‫طیف‬ ‫گرفتن‬ ‫نظر‬ ‫در‬ •‫مختلف‬ ‫های‬ ‫اندازه‬ ‫با‬ ‫آیکونهایی‬ •‫اندروید‬ ‫با‬ ‫آیکون‬ ‫مدیریت‬ –‫کرده‬ ‫چک‬ ‫را‬ ‫نمایش‬ ‫صفحه‬ ‫اندازه‬ –‫کند‬ ‫می‬ ‫بارگذاری‬ ‫را‬ ‫متناسب‬ ‫آیکون‬
  • 31. ‫آیکون‬ ‫طراحی‬ •‫مقیاسگذاری‬ ‫نرخ‬ –2:3:4:6 •‫آیکون‬48*48‫برای‬MDPI‫برای‬ ‫هایی‬ ‫اندازه‬ ‫چه‬ ‫آنگاه‬ –HDPI –XHDPI –XXHDPI ‫برای‬LDPI‫کند‬ ‫می‬ ‫نصف‬ ‫آنرا‬ ‫خود‬ ‫اندروید‬ ‫زیرا‬ ،‫نیست‬ ‫الزم‬
  • 32. Launcher •‫یا‬ ‫خانه‬ ‫صفحه‬ ‫در‬ ‫کاربردتان‬ ‫از‬ ‫بصری‬ ‫ارائه‬All Apps •‫شود‬ ‫دیده‬ ‫خوبی‬ ‫به‬ ‫حاالت‬ ‫تمام‬ ‫در‬ ‫باید‬ –‫است‬ ‫تغییر‬ ‫قابل‬ ‫گراند‬ ‫بک‬ ‫زیرا‬
  • 33. ‫طراحی‬Launcher •‫مقیاس‬ ‫و‬ ‫اندازه‬ –‫دستگاه‬ ‫برروی‬48*48 –‫مارکت‬ ‫برروی‬512*512 •‫سبک‬(‫استایل‬) –‫متمایز‬ ‫شبح‬ ‫از‬ ‫استفاده‬ –‫بعدی‬ ‫سه‬ –‫جلو‬ ‫از‬ ‫دید‬ –‫پرسپکتیو‬ ‫کمی‬ ‫با‬‫شود‬ ‫می‬ ‫دیده‬ ‫باال‬ ‫از‬ ‫انگار‬ ‫که‬
  • 34. ‫آیکونهای‬Action bar •‫دارد‬ ‫قرار‬ ‫آن‬ ‫در‬ ‫کاربران‬ ‫عملیات‬ ‫مهمترین‬ ‫که‬ ‫گرافیکی‬ ‫های‬ ‫دکمه‬ •‫دهد‬ ‫می‬ ‫انجام‬ ‫که‬ ‫کاری‬ ‫مفهوم‬ ‫از‬ ‫ساده‬ ‫ارائه‬ ‫یک‬ ‫شامل‬ ‫دکمه‬ ‫هر‬. •‫شده‬ ‫تعریف‬ ‫پیش‬ ‫از‬ ‫عالمتهای‬ ‫از‬ ‫استفاده‬ –share –Refresh –search •‫مختلف‬ ‫سایزهای‬ ‫و‬ ‫ها‬ ‫اندازه‬ ‫برای‬ ‫آماده‬ ‫پیش‬ ‫از‬ ‫آیکونهای‬ ‫شامل‬ ‫ای‬ ‫بسته‬
  • 35. ‫طراحی‬‫آیکونهای‬Action bar •‫مقیاس‬ ‫و‬ ‫اندازه‬ –32*32 •‫تمرکز‬ ‫ناحیه‬(‫کانونی‬ ‫منطقه‬focal area) –24*24 •‫رنگبندی‬ • #333333 – Enabled: 60% opacity Disabled: 30% opacity • #FFFFFF – Enabled: 80% opacity Disabled: 30% opacity
  • 36. ‫آیکونهای‬ ‫طراحی‬Action bar •‫سبک‬ –‫تصویری‬ ‫صورت‬ ‫به‬ –‫تخت‬ –‫جزئیات‬ ‫بدون‬ –‫واضح‬ ‫شکل‬ ‫و‬ ‫هموار‬ ‫منحنیهای‬ ‫با‬ –‫است‬ ‫نازک‬ ‫گرافیک‬ ‫اگر‬45‫بچرخانید‬ ‫درجه‬ –‫حداقل‬ ‫باید‬ ‫قلم‬ ‫ضخامت‬2dp‫باشد‬
  • 37. ‫مفهومی‬ ‫آیکونهای‬ •‫کاربردتان‬ ‫بدنه‬ ‫داخل‬ •‫عملیات‬ ‫شرح‬ ‫برای‬ •‫وضعیت‬ ‫توصیف‬
  • 38. ‫مفهومی‬ ‫آیکونهای‬ ‫طراحی‬ •‫اندازه‬ –16*16 •‫تمرکز‬ ‫ناحیه‬ –12*12 •‫رنگها‬ –‫خاص‬ ‫رنگهای‬ ‫از‬ ‫استفاده‬ –‫وضعیت‬ ‫برای‬:‫همبستگی‬ ‫ایجاد‬ –‫عمل‬ ‫برای‬:‫کنتراست‬ ‫ایجاد‬
  • 39. ‫مفهومی‬ ‫آیکونهای‬ ‫طراحی‬ •‫سبک‬ –‫بیطرف‬ –‫تخت‬ –‫ساده‬ –‫دیده‬ ‫راحتتر‬‫ضحیم‬ ‫قلم‬ ‫با‬ ‫شکلهای‬ ‫از‬ ‫پرشده‬ ‫شکلهای‬ ‫شدن‬ –‫آسانتر‬ ‫درک‬ ‫و‬ ‫شناسایی‬ ‫برای‬ ‫استعاره‬ ‫از‬ ‫استفاده‬
  • 40. ‫آیکونهای‬Notification •‫رسانی‬ ‫اطالع‬ ‫ایجاد‬ ‫برای‬ •‫رسانی‬ ‫اطالع‬ ‫هنگام‬ ‫در‬ ‫وضعیت‬ ‫نوار‬ ‫در‬ ‫نمایش‬ ‫قابل‬
  • 41. ‫آیکونهای‬ ‫طراحی‬Notification •‫مقیاس‬ ‫و‬ ‫اندازه‬ –24*24 •‫تمرکز‬ ‫ناحیه‬ –22*22 •‫سبک‬ –‫تخت‬ ‫و‬ ‫ساده‬ –‫النچر‬ ‫آیکون‬ ‫شبیه‬ ‫استعاره‬ ‫از‬ ‫استفاده‬ •‫رنگ‬ –‫سفید‬ ‫کال‬ ‫رنگ‬
  • 43. ‫طراحی‬ ‫نکات‬ •‫برداری‬ ‫اشکال‬ ‫از‬ ‫استفاده‬ •‫بزرگ‬ ‫بوم‬ ‫از‬ ‫شروع‬ •‫کنی‬ ‫رسم‬ ‫دوباره‬ ‫را‬ ‫بیتمپها‬ ‫کنید‬ ‫می‬ ‫بزرگنمایی‬ ‫اگر‬‫د‬ •‫متناسب‬ ‫نامدهی‬ Asset Type Prefix Example Icons ic_ ic_star.png Launcher icons ic_launcher ic_launcher_calendar.png Menu icons and Action Bar icons ic_menu ic_menu_archive.png Status bar icons ic_stat_notify ic_stat_notify_msg.png Tab icons ic_tab ic_tab_recent.png Dialog icons ic_dialog ic_dialog_info.png
  • 44. ‫طراحی‬ ‫نکات‬ •‫کاری‬ ‫فضای‬ ‫مدیریت‬ –‫مختلف‬ ‫های‬ ‫اندازه‬ ‫با‬ ‫متناسب‬ ‫های‬ ‫شاخه‬ ‫ایجاد‬ •‫فایلهای‬ ‫از‬ ‫متادیتا‬ ‫حذف‬PNG –‫فایلها‬ ‫حجم‬ ‫کردن‬ ‫کمتر‬
  • 45. ‫نگارش‬ ‫نحوه‬ •‫خالصه‬ –‫به‬ ‫محدود‬30‫کلمه‬ •‫ساده‬ –‫ن‬ ‫تکنیکال‬ ‫خیلی‬ ‫که‬ ‫کنید‬ ‫می‬ ‫صحبت‬ ‫باهوشی‬ ‫شخص‬ ‫با‬‫یست‬! Consult the documentation that came with your phone for further instructions. Read the instructions that came with your phone. Use GPS satellites When locating, accurate to street level. GPS Let apps use satellites to pinpoint your location.
  • 46. ‫نگارش‬ ‫نحوه‬ •‫دوستانه‬ –‫مخاطب‬«‫تو‬» –‫بخوانید‬ ‫بار‬ ‫چند‬ –‫انرژیک‬ ‫و‬ ‫شادمانی‬ ،‫امنیت‬ ‫احساس‬ ‫ایجاد‬ Sorry! Activity MyAppActivity (in application MyApp) is not responding. Force close Wait Report MyApp isn't responding. Do you want to close it? Wait Report Close
  • 47. ‫نگارش‬ ‫نحوه‬ •‫اول‬ ‫مهم‬ ‫حرف‬ –‫اول‬ ‫کلمه‬ ‫دو‬( !11‫کاراکتر‬)!‫جمله‬ ‫طعم‬ ‫ایجاد‬! 77 other people +1'd this, including Larry Page. Larry Page and 77 others +1'd this. Touch Next to complete setup using a Wi-Fi connection. To finish setup using Wi-Fi, touch Next.
  • 48. ‫نگارش‬ ‫نحوه‬ •‫است‬ ‫نیاز‬ ‫مورد‬ ‫آنچه‬ ‫فقط‬ –‫شرح‬ ‫را‬ ‫تفاوتها‬ ‫نیست‬ ‫الزم‬‫دهید‬ •‫تکرار‬ ‫عدم‬ –‫است‬ ‫شده‬ ‫تکرار‬ ‫بار‬ ‫چند‬ ‫ای‬ ‫کلمه‬ ‫اگر‬‫دوباره‬‫ت‬ ‫تا‬ ‫بنویسید‬‫حذف‬ ‫کرارها‬ ‫شوند‬. Signing in... Your phone needs to communicate with Google servers to sign in to your account. This may take up to five minutes. Signing in... Your phone is contacting Google. This can take up to 5 minutes.
  • 49. ‫افزاری‬ ‫نرم‬ ‫هوشمند‬ ‫های‬ ‫سیستم‬ ‫مجری‬ ‫و‬ ‫مشاور‬ ‫همراه‬ ‫تلفن‬ ‫محوریت‬ ‫با‬ +98-5137601101 +98-5137601102 0936-674-3096 info@sanabad-ai.ir ‫نمایید‬ ‫مشورت‬ ‫ما‬ ‫با‬.... www.sanabad-ai.ir