มาตรฐานเว็บล่าสุด HTML5 และ CSS3 ในการร่วมมือกับ JavaScript ช่วยลดเวลาและความพยายามในการสร้างเว็บไซต์ที่มีกราฟิกข้อความและภาพเคลื่อนไหวได้อย่างแท้จริง ด้วยการใช้พลังของ HTML5 คุณไม่จำเป็นต้องเขียนโค้ดด้วยตนเองอีกต่อไปสำหรับการฝังเนื้อหามัลติมีเดียในขณะที่ CSS3 ทำให้องค์ประกอบ UI เว็บของคุณมีความยืดหยุ่นแข็งแกร่งและง่ายต่อการจัดการ หากคุณกำลังมองหาเครื่องมือออกแบบเว็บที่ช่วยให้คุณได้รับประโยชน์สูงสุดจากมาตรฐานเว็บล่าสุดโดยไม่ต้องให้คุณป้อนรหัสสำหรับองค์ประกอบ UI แต่ละรายการด้วยตนเองการเปิดตัวใหม่ Adobe Edge อาจเป็นสิ่งที่คุณต้องการ
Adobe Edge ได้รับการเขียนขึ้นเป็นพิเศษสำหรับนักออกแบบภาพเว็บและการโต้ตอบที่มักต่อสู้กับการสร้างการเคลื่อนไหวของเว็บและเนื้อหาภาพเคลื่อนไหวโดยใช้ HTML5, CSS3 และ JavaScript มาตรฐานเว็บ โดยทั่วไปจะเป็นเครื่องมือออกแบบเว็บและการโต้ตอบเพื่อสร้างเนื้อหาภาพเคลื่อนไหวโดยใช้ HTML5, CSS3 และ JavaScript ในขณะที่มันรวมเครื่องมือพื้นฐานทั้งหมดในการสร้างแก้ไขปรับแต่งและออกแบบองค์ประกอบ UI ของเว็บ แต่ก็มีนักออกแบบท่าเคลื่อนไหวภาพเคลื่อนไหวที่ใช้งานง่ายเพื่อสร้างและปรับเนื้อหาภาพเคลื่อนไหวในหน้าเว็บของคุณได้อย่างง่ายดาย ยิ่งไปกว่านั้นมันไม่ได้บังคับให้คุณเริ่มโครงการใหม่ตั้งแต่ต้นคุณสามารถนำเข้าไฟล์ HTML ของคุณเพื่อรวมองค์ประกอบ UI ใหม่และคนจรจัดไปรอบ ๆ ด้วยองค์ประกอบ UI ที่มีอยู่เช่นตารางสไตล์ข้อความเฉดสีรูปภาพตำแหน่ง แบบอักษรการจัดตำแหน่งคอนเทนเนอร์และอื่น ๆ
อินเทอร์เฟซหลักแบ่งออกเป็น 3 ส่วน แถบด้านซ้ายถือเครื่องมือองค์ประกอบองค์ประกอบ UI ที่เลือกแถบด้านข้างขวามีรายการองค์ประกอบเว็บ UI หลักทั้งหมดรวมถึงเอฟเฟกต์เงาภาพข้อความในขณะที่ส่วนด้านล่างมีตัวแก้ไขเส้นเวลาเพื่อสร้างภาพเคลื่อนไหวการออกแบบท่าเต้น
บานหน้าต่างองค์ประกอบให้คุณแสดง / ซ่อนรายการที่เลือกองค์ประกอบและล็อคมันลงเพื่อป้องกันการแก้ไขเพิ่มเติม เมื่อคุณเลือกองค์ประกอบจากหน้าจอหลักองค์ประกอบนั้นจะไฮไลต์องค์ประกอบนั้นในบานหน้าต่างองค์ประกอบทันทีทำให้ง่ายต่อการซ่อนหรือล็อค เมื่อคุณวางตัวชี้เมาส์เหนือรายการที่อยู่ในองค์ประกอบมันจะบอกชื่อย่อของคลาสให้คุณทราบดังนั้นคุณสามารถระบุได้อย่างง่ายดายในไฟล์ CSS
บานหน้าต่างคุณสมบัติที่ด้านซ้ายแสดงเครื่องมือการแต่งเพลงสำหรับองค์ประกอบ UI ที่เลือกของหน้าเว็บของคุณ เมื่อเลือกแล้วคุณสามารถเปลี่ยนขนาดตำแหน่งที่ตั้งความทึบตระกูลตัวอักษรข้อความขนาดและรูปแบบข้อความตั้งค่าจุดเริ่มต้นการแปลงการหมุนภาพและอื่น ๆ
เครื่องมือแก้ไขไทม์ไลน์ช่วยให้คุณดูไทม์ไลน์ขององค์ประกอบภาพเคลื่อนไหวแต่ละรายการ หากคุณกำลังจัดการกับไฟล์ CSS ขนาดใหญ่หนึ่งไฟล์ให้คลิกปุ่มตัวกรองเพื่อแสดงเฉพาะองค์ประกอบภาพเคลื่อนไหวในบานหน้าต่างองค์ประกอบเพื่อแก้ไขตำแหน่งสีขนาด ฯลฯ อย่างรวดเร็วที่ด้านล่างซ้ายของบานหน้าต่างคุณมีปุ่มซูมเพื่อขยายเส้นเวลา สำหรับการตรวจสอบเวลาที่จัดสรรและผลการเปลี่ยนแปลงขององค์ประกอบภาพเคลื่อนไหวทั้งหมด
นอกเหนือจากการสร้างข้ามเบราว์เซอร์ที่รองรับเนื้อหาภาพเคลื่อนไหวสำหรับเว็บเบราว์เซอร์ยอดนิยมทั้งหมดรวมถึง Firefox, Chrome, Internet Explorer 9 เนื้อหาเว็บที่สร้างผ่านเครื่องมือนี้จะทำงานได้อย่างราบรื่นบนแพลตฟอร์ม iOS และ Android เช่นกัน ชุมชนตัวอย่างอย่างเป็นทางการนั้น Edge Preview กำลังอยู่ในระหว่างการพัฒนาและจะมีการอัพเดทด้วยฟีเจอร์มากมาย Adobe Edge ทำงานบน Windows Vista และ Windows 7
ดาวน์โหลด Adobe Edge
ความคิดเห็น