20 Freebies הטוב ביותר עבור ASX UX Motion מעצבים

מעצבי הממשק נוטלים עניין רב יותר בעיצוב UX באמצעות mockups מונפשים שמחקים פעולות משתמש. אלה UX mockups להסתמך על תנועה עם אפקטים אנימציה להגדיר כיצד ממשק צריך להגיב קלט המשתמש.

רוב מעצבי UX ללמוד להשתמש בתוכנה כדי ליצור את האנימציות. שתי האפשרויות הפופולריות ביותר הן Adobe After Effects ועקרון (OS X בלבד). אתה יכול עיצוב ממשק mockups בתוכנית כמו Photoshop, ולהעביר את UIs לתוכניות אלה עבור הנפשה.

אם אתה מעוניין ללמוד אנימציה UX, אז freebies יהיה נכס עצום. אתה יכול ללמוד את העבודה של אחרים, ולשחק עם העיצובים שלהם כדי לראות איך זה עובד.

להלן תמצא את הטוב ביותר freebies עבור עקרון ו AE משתמשים פשוט נכנס לתכנון תנועה UX. הם בוודאי לעזור לך להבין איך UX אנימציה עובד, ואיך לבנות משלך.

1. מחק פעולה

מחליף היא פעולה נפוצה מאוד באפליקציות לנייד למטרות שונות. פעולת ברירת המחדל של החלקה ב- iOS משמשת להציג אפשרויות חלופיות לעריכה / מחיקה של פריטים, וזה בדיוק מה שאתה מקבל זה freebie נוצר על ידי Ramil Derogongun.

אתה יכול להוריד את הקובץ AEP חינם After Effects, ולנסות את זה בעצמך. ממשק המשתמש עוקב אחר ערכת בסיסית מאוד wireframe כאשר קלט המשתמש מוצג כנקודה כחולה. סוג זה של התנהגויות משתמש הוא הטוב ביותר להצגה באמצעות אנימציה כי זה נותן למפתחים הזדמנות לראות איך הממשק צריך לעבוד.

2. יישומון להחליק

הנה עוד לסחוב אנימציה mockup מתמקדת על פריטים עגלה במצגת. עוצב על ידי לאון וו, זה אנימציה לסחוב חינם מגיע עם קובץ PRD אשר נעשה עבור עקרון.

האנימציה היא פשוטה מאוד, ומראה כיצד הפריטים צריכים לזוז על המסך כאשר הלחץ מוחל. אתה גם מקבל תחושה של להקל השפעה בכל פעם את הפעולה להחליק הוא שוחרר.

3. ממשק המשתמש Dualshock

הנה אפקט אנימציה דינמי מאוד UX משותף על ידי אלכסנדר Boychenko. Mockup זה מבוסס על בקר PlayStation עבור ממשק משתמש של אפליקציה לנייד. זה כולל קובץ סקיצה ועקרון אתה יכול להוריד בחינם.

זה freebie מראה כיצד ליצור מעברים כי החלק בין המסכים. אבל אתה גם מקבל לראות איך אלמנטים הדף להנפיש סביב המסך לכיוונים שונים.

4. המבורגר תפריט אנימציה

סמלים המבורגר הם עדיין כל זעם בממשקים ניידים. זה סמל התפריט freebie מדגים כיצד הנפשת את סמל שלושת הבר לסמל "X".

זה אנימציה חוזרת, כך "X" גם animates בחזרה לתוך סמל תפריט המבורגר. זה freebie נהדר ללמוד על מניפולציה וקטורית עבור רכיבי ממשק משתמש.

5. Snapster

זה mockup חינם עבור אפליקציה ניידים בשם Snapster. זה מתמקד על מסך קבלת הפנים / onboarding שבו משתמשים יכולים לראות הדגמות של היישום, וללמוד איך זה בעצם פונקציות.

זה קובץ PRD, ולמרבה הצער זה לא משחק נחמד עם After Effects, כך שרק משתמשי העיקרון יכולים להפיק תועלת זה.

6. טוען ספינרים

הנה AEP After Effects freebie עבור ספינירים טעינה ניידים - -. אלה סוגים של אנימציה GIFs הפך פופולרי מאוד כאשר אייאקס עשה את דרכו לתוך פיתוח האינטרנט המרכזי.

עכשיו אלה מטענים ניידים הם פרוטה תריסר, והם יכולים אפילו להיות מותאם אישית בכבדות כדי להתאים ממשקים מסוימים. זה freebie מגיע עם קובץ AEP ו קובץ סקיצה לערוך את וקטורים אם אתה רוצה לשנות אותם.

7. הפעל / השהה מעבר

השפעות המעבר לעתים קרובות נראה פשוט מאוד אבל למעשה דורשים כמות טובה של עבודה. זה משחק / להשהות אנימציה שנוצרו על ידי אלכס Pronsky היא דוגמה מצוינת.

עם freebie זה אתה יכול לבחון כיצד הנפשת שונים סמלי קו דק לתוך צורות וסמלים. ברגע שאתה לומד את התוכנית, זה הופך להיות הרבה יותר קל לעשות את זה סוג של דברים, כך שזה עוזר להיות freebies לרשותך למחקר.

8. iPhone Mockup

בעוד freebie זה אינו מכיל ישירות אנימציה, זה נועד לשמש עבור ייצור על יישומים iPhone. זה חינם iPhone 5S AEP קובץ לשימוש After Effects כמו תבנית iPhone.

פשוט לייבא את ממשק mockup, וליצור את הנפשות ב After Effects. אז אתה יכול לחבר אותו mockup זה iPhone לשתף עם הצוות שלך.

תבנית iPhone

זה עוד אחד מותאם אישית After Effects תבנית - - עם עיצוב iPhone מודרני יותר. Freebie זמין מתוך דף זה ב UX ב Motion.

הכל בתבנית הוא סופר קל להתאמה אישית. בדף ההורדה תמצא גם קטע שכותרתו "הוראות וידאו" שבו תוכל ללמוד כיצד להנפיש את האפליקציה.

10. מיקרו אנימציה

אפילו את הנפשות היישום הקטן ביותר יכול לעשות השפעה גדולה על חוויית המשתמש. זה freebie מציג "כמו" אנימציה מיקרו בכל פעם שמשתמש "אוהב" פוסט.

סמל הלב יש אנימציה משלו עם תמונת הפרופיל של המשתמש שנוספה לערימת 'אהבתי'. Freebie זה רק עבור עקרון ויש לך גם .Mov קובץ להורדה אם תרצה בכך.

11. ארנק App

ארנקים דיגיטליים הופכים להיות הרבה יותר פופולרי, ואת זה freebie מקל על עיצוב אחד. אתה מקבל קובץ סקיצה עם כל האלמנטים וקטור גלם, בתוספת קובץ PRD חינם עבור אנימציה עקרון.

זה freebie תוכנן על ידי סרגיי Bykov כמו פרויקט צד כיף. אבל זה יכול להיות מאוד חינוכי אם אתה מפרק את זה, ולעבוד עם אנימציה שלב אחר שלב.

12. מתג iOS

עם iOS 7 של אפל, העולם קיבל מתג חדש עבור תוויות on / off. זה הוביל אפקטים שונים רבים, כולל אנימציה חינם אשר מחקה את מתג ההפעלה / כיבוי.

בקובץ זה, אתה מקבל אפקט אנימציה פשוטה מאוד עם הקלה בסיסית. המתג זז, והרקע הופך לירוק, ולאחר מכן חוזר חזרה כאשר המתג כבוי.

13. ריטר App

הנה עוד freebie נהדר שפורסמו על ידי סרגיי Bykov על מה שהוא מכנה את Ritter App. זה כולל קובץ Sketch חינם עבור ממשק וקטור, יחד עם קובץ PRD חינם עבור אנימציה עקרון.

תקבל הרבה אנימציות שונות ב freebie זה, אז אני חושב שזה יהיה יותר שימושי למעצב בינוני עד מתקדם. מתחילים יכולים ללמוד הרבה ממנו גם כן, אבל אולי יש עקומת למידה תלולה.

14. להזמין חברים

כולנו מכירים ואוהבים את התפריט פלוס icon flyout של גוגל. ובכן, Jardson Almeida יצר תפריט להזמין חברים מבוסס על רעיון פשוט עיצוב חומר.

הכל תוכנן ב Sketch, ו מיובאים עקרון עבור אנימציה. אתה מקבל את שני הקבצים כמו freebies להוריד צעצוע עם.

15. כרטיס להחליק

הנה עוד freebie כללי swiping עשה רק עבור משתמשי עקרון. זה ממשק לסחוב כרטיס - - שנוצרו עבור מצגות שקופיות כלליות או ממשק משתמש של אפליקציות מקוריות.

אני חושב שזה freebie מושלם למתחילים מי הוא רק נכנס לעקרון. זה לא כל כך מסובך שאתה מרגיש אבוד, אבל זה לא כל כך פשוט כי אתה מרגיש טריוויאלי.

16. צ'אט במפה

מעצבים רבים עדיין להשתמש Photoshop עבור ממשקים, וזה גם נכון של המפה הזאת צ 'אט freebie. ניתן להוריד קובץ PSD עבור הממשק, וכן קובץ PRD עבור האנימציה עקרון.

זוהי הנפשה מאולפת להפליא עבור הסגנון, אבל זה עדיין נראה נהדר ומתפקד בדיוק כפי שהיית מצפה מפות פשוט / מיקום גיאוגרפי.

17. טעינת יישומים

יישומים לנייד משתמשים לעתים קרובות מסכי טעינה להגיד למבקרים שמשהו קורה בגב. אחד האהובים עליי freebies באוסף זה הוא טוען אנימציה שנוצר על ידי רומן וגנר.

זה טוען אלמנטים בודדים אחד אחרי השני לאחר השלמת מסך הטעינה. אנימציה זו היא חלקה מאוד, אמין לחלוטין בתחום עיצוב יישומים ניידים.

18. כרטיסי Onboarding

משתמש onboarding הוא צעד מכריע עבור כל יישום סלולרי חדש. זה תמיד נחמד לכלול כמה אנימציות בשלב זה, לכן אלה אנימציות כרטיס onboard יכול להיות מאוד מועיל מעצבי App.

זה נוצר על ידי אוסטין Baird, ושוחרר בחינם לשימוש בכל פרויקט UI / UX.

19. הדגמות עקרוניות

כפי שאתה להתעמק עוד לתוך העיקרון, תלמד הרבה טכניקות עבודה מתקדמות. אחד הטובים freebies ללכת רחוק יותר זה אחד נוצר עבור צוות יצירתי Yalantis.

זהו משאב חופשי לחלוטין עבור משתמשי עקרון להוריד ולשחק עם. זה מכסה כמה טריקים מראה כיצד להפוך מקצוען אנימציה.

20. תפריטים נפתחים

התפריט הנפתח לעיתים קרובות להעסיק אנימציות מטורף כדי ללכוד את תשומת הלב שלנו. זה After Effects freebie משתמש ירידה במדרגות אנימציה בתפריט עבור אלמנטים בודדים כדי לגרום להם לרדת כמו מדרגות.

זה לא יכול להיות שימושי עבור כולם אבל זה בהחלט דרך מצוינת ללמוד על After Effects ממשק אנימציה.

מילים סופיות

כל המשאבים האלה הם לגמרי בחינם כדי להוריד צעצוע עם פרויקטים שלך. אם אתה חדש ב- UX אני מבטיח לך ללמוד הרבה על ידי לימוד freebies אלה. אם אתה יודע את כל המשאבים הגדולים אחרים להרגיש חופשי לשחרר קישורים את ההערות.