Adobe Edge Reflow CCAdobe Muse CC

3 เหตุผลที่ทำให้ Adobe Edge Reflow และ Adobe Muse แตกต่างกัน

เรื่องที่เกี่ยวข้อง - Adobe Edge Reflow CC, Adobe Muse CC

หลายๆ คนที่ได้ลองใช้งาน Adobe Edge Reflow CC และ Adobe Muse CC จะรู้สึกว่า

“เห้ย ไอนี่ก็ออกแบบหน้า Web ได้ ไอนั่นก็ออกแบบ Web ได้ ทำไม Adobe ต้องทำเครื่องมือออกมาซ้ำๆ กันนะ”

วันนี้เรามานั่งคุยกันครับ ว่าจริงๆ มันแตกต่างยังไง

 1. การทำ Responsive Layout ที่ต่างกัน

ตรงนี้จะเห็นชัดเจนที่สุดครับ

เพราะใน Adobe Muse นั้น การสร้าง Web Layout จะแบ่งตามขนาดของอุปกรณ์พกพาในปัจจุบันที่ “แก้ไขไม่ได้” (จะชอบเรียกกันว่า Fixed size) และมีเพียง 3 แบบ นั่นก็คือ Desktop, Tablet, และ Phone ดังภาพตัวอย่างด้านล่าง

Adobe Muse CC Web Layout, covers traditional fixed desktop, tablet, mobile
Layout Menu ใน Adobe Muse CC (ปัจจุบันที่เขียนบทความ) มีแต่ 3 ขนาดและไม่สามารถปรับเปลี่ยนความกว้างในแต่ละ Layout ได้

แต่ใน Adobe Edge Reflow พวกเราจะสามารถแบ่งขนาดของแต่ละ Layout ออกได้ตามต้องการ โดยใช้ Visual Media Query Breakpoint และทดสอบได้โดยใช้ Flexible Layout (ดูวิดีโอตัวอย่างได้ที่นี่) ซึ่งไม่จำกัดจำนวน ทำให้ลงรายละเอียดในแต่ละอุปกรณ์ได้เยอะกว่า ดังภาพตัวอย่างด้านล่าง

Edge Reflow's Visual Media Queries breakpoint photo by nextflow.in.th
Visual Media Queries breakpoints จะทำให้เราจัดการ Layout ได้เท่าที่ต้องการ (photo by nextflow.in.th)

2. Workflow และเป้าหมายในการใช้งานที่ต่างกันโดยสิ้นเชิง

http://www.flickr.com/photos/40385177@N07/4169106197/sizes/o/in/photostream/
photo by nociveglia, flickr

ถ้าเพิ่งอ่านข้อแรกเสร็จ อย่าเพิ่งทึกทักไปว่า “รู้แล้วใช้ Edge Reflow ดีกว่า”​แต่ไม่มีโปรแกรมไหนครอบจักรวาลครับ ไม่งั้น Adobe คงเอา Photoshop ไปรวมกับ Illustrator แล้ว

ส่วนที่สองที่ผมจะเล่า คือจุดประสงค์ในการใช้งานของแต่ละโปรแกรม

หลายๆ คนจะถามว่า “ทำไม Edge Reflow มันไม่เหมือน Dreamweaver มันใช่โปรแกรมสร้าง Web จริงๆ หรือ?” แหม่ ไม่ทันไร จะเอา Dreamweaver มาครอบจักรวาลแล้ว

Edge Reflow ออกแบบมาให้ Web Designer สามารถสร้าง และดูผลของการออกแบบ Web Layout ได้ทันที ก่อนส่งต่อไปยังส่วนที่รับผิดชอบด้าน HTML/CSS ครับ ชัดเจนว่ามันไม่มีระบบการแก้ไข Code ที่อยู่ใน Adobe Dreamweaver และไม่ได้เบ็ดเสร็จมี Widget ให้ใช้อย่างใน Adobe Muse

ในขณะที่ปัจจุบัน Adobe Muse นั้น ออกแบบมาเพื่อให้ Designer ที่ไม่จำเป็นต้องมีความรู้ด้าน HTML/CSS เหมือนที่ Web Designer ต้องรู้ สามารถสร้าง Website ตั้งแต่เริ่มจนจบเอาขึ้น server โดยไม่ต้องแตะ Code เลยแม้แต่นิดเดียว

ถ้าเปรียบเทียบดีๆ เจ้า Edge Reflow นี้อาจจะเหมือนเป็นเมนูต้มยำ ในมื้ออาหารชุดใหญ่ แต่เป็นต้มยำกุ้งรสเข้มข้น ถึงพริกถึงมะนาว

เหมาะสำหรับเอาไปใช้สร้าง Responsive Web Layout ที่จริงจังมากๆ

ในขณะที่ Adobe Muse เหมือนชุดอาหารชุดใหญ่นั่นแหละ มีตั้งแต่ออเดิร์ฟเรียกน้ำย่อย อาหารจานหลัก จนจบด้วยของหวาน เพียงแต่ความอร่อยจะเฉลี่ยๆ กัน ไม่มีตัวไหนโดดออกมาชัดเจน เหมือนเมนูเดี่ยวๆ อย่าง Edge Reflow

3. ความต้องการของทักษะในการใช้งาน

ส่วนสุดท้ายที่จะเล่าคือ ใช่ว่า Edge Reflow จะเป็นเครื่องมือสำหรับ Designer ทั่วไปนะครับ มันเป็นเครื่องมือสำหรับ Web Designer ตัวจริงต่างหาก

ซึ่งคนที่จะใช้งานต้องมีความเข้าใจพื้นฐานด้าน CSS พอสมควรด้วย เพราะการจัดวางของต่างๆ ใน Edge Reflow มันไม่ได้ลากแล้ววางเป๊ะๆ เหมือนใน Adobe Muse ที่เวลาทำงานเหมือนกับลากและวางภาพใน Photoshop หรือ InDesign ยังไงยังงั้น

Adobe Muse จะเหมาะกับ Designer ทั่วไป และผู้ที่มีไอเดียนึกออกแบบหน้าเว็บ อยากสร้างเว็บ แต่ไม่มีความรู้ด้าน HTML และ CSS มากกว่าครับ

สรุป

จากที่เปรียบเทียบให้ดู จะเห็นว่า Adobe Edge Reflow และ Adobe Muse เหมือนจะเป็นเครื่องมือที่ทำงานเหมือนกัน แต่จริงๆ แล้วแตกต่างกันมาก

ถ้าคุณสนใจใน Adobe Edge Reflow และ Adobe Muse แล้วล่ะก็ ไปสมัคร Adobe Creative Cloud และ download มาติดตั้งได้เลย

ทั้ง 2 ตัวนี้ไม่มีแผ่นปั๊มขายกันนะจ๊ะ ต้องโหลดและติดตั้งผ่าน Account ที่สมัครเท่านั้น

อย่าลืม เลือกเครื่องมือให้เหมาะกับตัวเอง และเป้าหมายในการทำงาน จะพาตัวเองสบาย และงานเสร็จเร็ว ดี มีคุณภาพ

อย่าเลือกหยิบค้อนมาผัดผักนะครับ สวัสดีครับ

** ดูหัวข้ออื่นๆ เกี่ยวกับเครื่องมือ Adobe CC ได้ด้านบนในหัวข้อ Learn นะครับ

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

  • เข้าใจง่าย ใช้ได้จริง ออกแบบการสอนอย่างเข้าใจโดยโค้ชพล
  • มีคอร์สสำหรับคนใช้งานทั่วไป จนถึงเรียนรู้เพื่อใช้งานในสายอาชีพขั้นสูง
  • ทุกคอร์สมีใบประกาศณียบัตรรับรองหลังเรียนจบ

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save