- - צור אנימציות אינטרנט ועיצובי אינטראקציה ב- HTML 5 עם Adobe Edge

צרו עיצובי אנימציה ואינטראקציה באינטרנט ב- HTML 5 עם Adobe Edge

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

Adobe Edge נכתב במיוחד עבורמעצבים חזותיים, אינטרנטיים ואינטראקציות שלעתים קרובות נאבקים ביצירת תנועה באינטרנט ותוכן מונפש באמצעות תקני רשת HTML5, CSS3 ו- JavaScript. זה בעצם כלי לתנועה ואינטראקציה באינטרנט ליצירת תוכן מונפש באמצעות HTML5, CSS3 ו- JavaScript. הוא משלב בתוכו את כל הכלים הבסיסיים ליצירה, עריכה, התאמה ועיצוב של רכיבי ממשק המשתמש באינטרנט, אך הוא מציע כוריאוגרף אנימציה אינטואיטיבי בכדי ליצור ולהתאים בקלות תוכן מונפש בדף האינטרנט שלך. יתר על כן, זה לא מכריח אותך להתחיל פרוייקט חדש מאפס, אתה יכול לייבא את קובץ ה- HTML שלך כך שיכלול קומפוזיציות ממשק משתמש חדשות ולהתמודד עם אלמנטים ממשק המשתמש הקיימים, כגון טבלה, סגנונות טקסט, גווני תמונה, מיקום, גופן, יישור מכולות ועוד.

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

קצה ראשי 2

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

אלמנטים עיקריים

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

קצה 3

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

אלמנטים מונפשים

מלבד יצירת תואם לדפדפנים צולביםתוכן אנימציה לכל דפדפני האינטרנט הפופולריים, לרבות Firefox, Chrome, Internet Explorer 9, תוכן אינטרנט שנוצר באמצעות כלי זה יעבוד בצורה חלקה גם בפלטפורמות iOS ו- Android. על פי הקהילה הרשמית, Edge Preview נמצא בפיתוח פעיל ובקרוב יעודכן עם שלל תכונות. Adobe Edge עובד ב- Windows Vista ו- Windows 7.

הורד את אדובי אדג '

הערות