אפליקציות ענן של אדובי אדג '

• אַפּרִיל 25, 2024

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

אנימציה של ציר זמן היא עדיין הדרך הפופולרית ביותר להנפשה ואדובי הקלה על נתיבי התנועה Edge Animate החדשים, שיכולים לחקות תנועות בעולם האמיתי ועם הקלות מובנות. אתה יכול להוסיף בקלות אנימציה לאורך ציר הזמן באמצעות כפתור ה- Pin שמוסיף סמני אנימציה לציר הזמן או על ידי גרירה ושחרור של מיקום אובייקטים על הבמה ש- Edge Animate ממיר אוטומטית לנתיבי תנועה. אתה יכול אפילו להשתמש בלחצן ההקלטה שרושם שינויים שאתה מבצע לאובייקטים על הבמה וממיר שינויים אלה לאנימציה של keyframe. ל- Edge יש גם גרסה משלה של החלונית 'פעולות', אשר אינה מסודרת כאשר לכל פעולה יש לשונית משלה בחלונית. קל לבחון את האנימציות שלך עם שילוב של Adobe Edge ודפדפן Google Chrome.

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

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

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

אחת מתכונות Edge החוסכות זמן ביותר היא כיצד תוכלו לעשות שימוש חוזר בקלות בסגנונות ה- CSS3 המותאמים אישית שלכם לאורך מספר פרויקטים וכך לשמור על סגנונות עקביים. זה גם גורם לעדכון כמעט אוטומטי. Adobe הפכה את זה לחלק מזרימת העבודה שלך באמצעות החלונית Edge Reflow Styling. כדי לשמור על דברים לא מסודרים, לכל סגנון, כמו רקעים או גבולות, יש קטע אישי משלו. אתה יכול לשלוט בצבע ופרמטרים אחרים, כמו גם בהיררכיה של שכבות, ישירות מתוך כרטיסיות אלה. סגנונות מותאמים אישית אלה ממירים אוטומטית לכללי סגנון CSS, אשר ניתן להעתיק / להדביק אותם לשימוש חוזר.

בעבר, כדי להציג תצוגה מקדימה של דף האינטרנט שלך, היית צריך לשמור את השינויים, לעבור לדפדפן אינטרנט ולרענן את הדף. Adobe הפחיתה את מספר הצעדים הללו באמצעות שילוב של Edge Inspect ודפדפן Chrome. עכשיו אתה יכול להציג תצוגה מקדימה של איך הפרויקט שלך יוצג במספר מכשירים משולחן העבודה, טאבלט לטלפון נייד. תכונה אחת שאני מאוד אוהבת היא היכולת לצלם צילום מסך של תצוגה מקדימה זו כדי לשלוח דוא"ל ללקוחות וחברי צוות או להשתמש ב- Creative Cloud לשיתוף פעולה.

לבסוף, לאלו מאיתנו שעדיין אוהבים לעבוד עם קוד גולמי, ל- Adobe יש קוד קצה. חלון הקוד אינו מסודר עם רק כמה פקדים משמאל וקוד Edge משתלב עם Google Chrome כדי לתת לך תצוגה מקדימה חיה. כאשר הקוד שלך הופך להיות ארוך ולא מתוח, אתה יכול להתעמק ברמת האלמנט האישית באמצעות התכונה 'עריכה מהירה' המפרטת את כל הסגנונות המחוברים לאלמנט בחלון שכבת-על. מכיוון שאפליקציות Edge הן חלק מ Creative Cloud, תוכלו להשתמש בגופני Adobe Edge, גופני האינטרנט של גוגל וגופני Typekit ישירות מתוך קוד Edge. קוד קצה יפיק את תג סקריפט הכותרות שמושך את הגופן החיצוני.

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

גילוי נאות: לא קיבלתי פיצוי כספי בגין מאמר זה. Adobe סיפקה חברות Creative Cloud לצורך סקירה זו.הדעות הן לגמרי משלי על סמך הניסיון שלי.

זכויות יוצרים 2018 Adobe Systems Incorporated. כל הזכויות שמורות. צילומי מסך של מוצרי אדובי הודפסו מחדש עם אישור של Adobe Systems Incorporated. אדובי, פוטושופ, אלבום פוטושופ, אלמנטים פוטושופ, אילוסטרייטור, InDesign, GoLive, Acrobat, Cue, Premiere Pro, אלמנטים בכורה, גשר, After Effects, InCopy, Dreamweaver, Flash, ActionScript, זיקוקים, לתרום, לכידת, Flash Catalyst ונייר פלאש. הוא / הם [a] סימנים מסחריים רשומים או סימנים מסחריים של Adobe Systems Incorporated בארצות הברית ו / או במדינות אחרות.

הוראות וידאו: לייטרום מבוסס ענן | קורס למתחילים (אַפּרִיל 2024).