محسن خبازان
MOHSEN KHABAZAN
آموزش تخصصی سوشال مدیا
نماد موقت
هندسه نماد از فایل PNG ردیابی شده است. با رسیدن فایل برداری رسمی، همین انیمیشن روی نسخه نهایی ساخته میشود.
انیمیشن لوگو
نماد در حرکت
پنج جزء نماد به ترتیب کشیده، رنگآمیزی و یکپارچه میشوند و در پایان نوری از روی آن عبور میکند؛ هیچ جزئی کشیده یا تغییر شکل نمیدهد.
انیمیشن کامل لوگو
نسخه ویدیویی برای شروع ویدیوها، استوری و ارائهها (۱۹۲۰×۱۰۸۰، بدون صدا).
لودر برند
نورپردازی متوالی اجزا؛ برای بارگذاریها و بررسی پرداخت. با «کاهش حرکت»، نسخه ثابت نمایش داده میشود.
صفحه بارگذاری
در اولین صفحه هر بازدید، نماد روی زمینه سرمهای ساخته میشود، نام و نوار پیشرفت ظاهر میشوند و پس از آماده شدن صفحه، پرده کنار میرود و نماد روی لوگوی سربرگ مینشیند. اگر رفتن به صفحه بعد کند باشد، نشانگر کوچک «در حال بارگذاری صفحه…» زیر سربرگ ظاهر میشود.
رنگ
پالت رسمی
- آبی اصلیIndigo Navy#25295F · RGB 37, 41, 95
- آبی تیرهDeep Navy#171943 · RGB 23, 25, 67
- زرد امضاSignature Yellow#FFDA3E · RGB 255, 218, 62
- سفید زمینهOff-white#F8F8FA · RGB 248, 248, 250
- خاکستری ملایمCool Gray#C9CBD4 · RGB 201, 203, 212
- متن اصلیDark Text#191B31 · RGB 25, 27, 49
تایپوگرافی
استعداد و پلاس جاکارتا
آموزش حرفهای سوشال مدیا
معمولی ۴۰۰نیمضخیم ۶۰۰ضخیم ۸۰۰سیاه ۹۰۰
MOHSEN KHABAZAN · SOCIAL MEDIA EDUCATOR
۰ ۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹
الگو
الگوها و المانها
خط اتصال
حرکت
اصول حرکت
- سریع و آرام
تعاملها ۱۶۰ تا ۲۸۰ میلیثانیه؛ لحظههای برند تا حدود ۲ ثانیه.
- یک منحنی حرکت
cubic-bezier(0.2, 0.8, 0.2, 1)
برای ورود و جابهجایی؛ فنرها برای واکنش به نشانگر.
- محتوا منتظر نمیماند
هیچ انیمیشنی بارگذاری یا خواندن متن را عقب نمیاندازد.
- احترام به کاهش حرکت
با تنظیم «کاهش حرکت» سیستم، همه چیز ثابت و کامل نمایش داده میشود.
