เหตุใด Adobe จึงต้องการ "Figmatize" ไม่ใช่วิธีอื่น

Nov 24 2022
วิวัฒนาการของอินเทอร์เฟซผู้ใช้ในเครื่องมือแก้ไขแบบดิจิทัล
(ดูเวอร์ชั่นอื่นของ Español) เมื่อสองสามสัปดาห์ก่อน ฉันได้ดูสารคดีของ Briar Levit ที่มีชื่อว่า “Graphic Means” ซึ่งพูดถึงประวัติของการออกแบบกราฟิก ตั้งแต่การพิมพ์แบบลิโนไทป์ไปจนถึงองค์ประกอบภาพถ่าย และสุดท้ายคือ Pasteup ซึ่งเป็นเวอร์ชันแอนะล็อกของ การออกแบบกราฟิกดิจิทัลในปัจจุบัน ภาพด้านบนช่วยให้ฉันเข้าใจคำอุปมาที่ใช้ในแอปตัดต่อดิจิทัลแอปแรก
Foto de Shubham Dhage บน Unsplash

( Leer la versión en Español )

สองสามสัปดาห์ก่อน ฉันได้ดูสารคดีของBriar Levitที่มีชื่อว่า “ Graphic Means ” ซึ่งพูดถึงประวัติของการออกแบบกราฟิก ตั้งแต่การพิมพ์แบบลิโนไทป์ไปจนถึงองค์ประกอบภาพถ่าย และสุดท้ายคือ Pasteup ซึ่งเป็นเวอร์ชันแอนะล็อกของการออกแบบกราฟิกดิจิทัลในปัจจุบัน

การออกแบบก่อนที่คอมพิวเตอร์จะปกครองจักรวาล

ภาพด้านบนช่วยให้ฉันเข้าใจคำอุปมาที่ใช้ในแอปตัดต่อดิจิทัลแอปแรก แปรง เครื่องหมาย และชุดตัวอักษรเป็นตัวอย่างของเครื่องมือที่อ้างอิงในแถบเครื่องมือจากซอฟต์แวร์ เช่น Adobe Photoshop หรือ Illustrator

เวอร์ชันแรกของ Photoshop

ประวัติเล็กน้อย

อันดับแรกคือ Illustrator จากนั้น Photoshop และ Pagemaker (ซึ่งสุดท้ายก็กลายมาเป็น InDesign) แอปแรกเหล่านี้ใช้ Paste-up Desk เป็นคำอุปมาที่หน้าและสิ่งพิมพ์ได้รับการออกแบบก่อนยุคคอมพิวเตอร์

เมื่อเวลาผ่านไป คอมพิวเตอร์กลายเป็นมาตรฐานในอุตสาหกรรม การทำซ้ำและการปรับปรุงในทุก ๆ การเปิดตัวแอพเหล่านี้นั้นยอดเยี่ยมมาก ตัวอย่างเช่นPhotoshop 3.0 นำเสนอแนวคิดของเลเยอร์ ซึ่ง Gimp, Figma, Procreate, Affinity และแม้แต่ Canva ได้รับการสืบทอดมาในปัจจุบัน

Adobe เริ่มมองว่าแอปเหล่านี้เป็นฮับแก้ไขดิจิทัลที่มีวัตถุประสงค์หลายประการ ซึ่งมีความคาบเกี่ยวระหว่างสิ่งที่คุณทำได้ใน Illustrator, Photoshop และ InDesign

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

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

ในปี 2008 มีการออกแบบอินเทอร์เฟซที่เฟื่องฟู และหลังจากที่ Apple เปลี่ยนแปลงอุตสาหกรรมด้วยการเปิดตัวแอพและ iPhone Web 2.0 ก็เริ่มการออกแบบเว็บที่ซับซ้อนมากขึ้น รวมถึงskeuomorphism ในเวลาเดียวกัน การเคลื่อนไหวด้านการออกแบบเว็บแบบอื่นเริ่มเกิดขึ้นจริง ซึ่งตอบสนองต่อเว็บไซต์ที่มีมาตรฐานมากกว่าเว็บไซต์ที่สร้างจากการออกแบบของผู้เขียนเอง

Flat Design ซึ่งเริ่มต้นด้วย Metro ของ Microsoft และดำเนินการต่อด้วย Google และ Material Design ทำให้เกิดรูปแบบภาพที่สะอาดตา และในปี 2013 ก็กลายเป็นมาตรฐานหลังจากที่ iOS7 เปิดตัวรูปแบบ Flat Design ของตัวเอง จำเป็นต้องใช้เครื่องมือที่เน้นการพัฒนาและออกแบบ UI แบบแบน ซึ่งไม่ต้องการฟีเจอร์สำหรับนักวาดภาพประกอบดิจิทัล Sketch App เปิดตัวในปี 2010 และในปี 2016 Figma ได้เปิดตัวเวอร์ชันสาธารณะ ในเวลานั้น พวกเขาเป็นคู่แข่งรองของ Adobe แต่พวกเขาได้รับความสนใจมากขึ้นเนื่องจากแนวทางของพวกเขามุ่งไปที่นักออกแบบ UI

Sketch ดูเหมือนจะเป็นส่วนผสมที่น่าสนใจระหว่าง Adobe Illustrator และ Photoshop มันให้ความสำคัญกับการบรรลุวิธีที่มีประสิทธิภาพสูงสุดในการส่งออกสินทรัพย์ ซึ่งเป็นฝันร้ายใน Adobe Apps เมื่อ Sketch ลบคุณลักษณะการแก้ไขภาพทั้งหมดที่คุณไม่ต้องการแล้ว คุณจะเหลือเพียงเครื่องมือที่เน้นการออกแบบส่วนต่อประสาน

หาก Photoshop มีส่วนร่วมกับแนวคิดของเลเยอร์ Sketch จะนำ Symbols กลับมามีชีวิตอีกครั้งจากไลบรารี Flash ในตำนาน ซึ่ง Figma ได้ปรับปรุงและจัดแนวให้สอดคล้องกับสิ่งที่นักพัฒนาใช้จริงที่เรียกว่า Components มากขึ้น เป็นผลให้ Design Systems กลายเป็นส่วนหนึ่งของแกนหลักในการพัฒนาผลิตภัณฑ์และบริการดิจิทัล

Adobe เพิ่งตระหนักได้ว่าผู้ใช้ต้องการบางสิ่งที่เบากว่าและมีขอบเขตมากขึ้นตามความต้องการของพวกเขา ดังนั้นจนกระทั่งปี 2015 จึงมีการเปิดตัว Adobe XD เพื่อตอบสนองต่อการสูญเสียตลาดที่ Sketch และ Figma นำเสนอ พวกเขาสร้างแอพที่เรียบง่ายขึ้น แทนที่จะเป็น Photoshop แบบ "รวมทุกอย่าง" ที่หนักอึ้งซึ่งกินแรมของคุณ

Niche Apps: กระบวนทัศน์ใหม่

ในแอปการออกแบบที่ซับซ้อน เรามักจะมีอินเทอร์เฟซที่ซับซ้อนกว่า ด้วยเหตุนี้ Adobe จึงสร้างพื้นที่ทำงานขึ้นในแอปของตน เป็นวิธีปรับแต่ง UI ให้เหมาะกับการใช้งานที่เฉพาะเจาะจงมากขึ้น ตัวอย่างเช่น พื้นที่ทำงานสำหรับศิลปินดิจิทัล ผู้ผลิตวิดีโอหรือช่างภาพ เป็นต้น อินเทอร์เฟซที่ใช้สำหรับผู้ชมที่แตกต่างกันจะต้องมีการปรับแต่งในระดับที่สูงขึ้น

ในทางกลับกัน เมื่อ Design App มีแนวทางที่แคบลง ก็จะสามารถแก้ปัญหาได้แม่นยำยิ่งขึ้น และช่วยให้เราไม่ต้องใช้งานคุณลักษณะต่างๆ ที่เราไม่ต้องการ ส่วนต่อประสานของเรานั้นเรียบง่ายกว่าและช่วงการเรียนรู้ของเรายังน้อย

ปัจจุบันเราสามารถเห็นแนวทางสุดท้ายนี้ Sketch, Figma และแม้แต่ Framer ก็ใช้หลักการเดียวกันนี้: แอพที่มีการใช้งานเฉพาะ ไม่มีใครมีความคิดที่ถูกต้องที่จะใช้แอพเหล่านี้เพื่อแก้ไขรูปภาพ เราไม่คาดหวังว่านักวาดภาพประกอบดิจิทัลจะใช้มัน แม้ว่าจะเป็นเวกเตอร์ก็ตาม

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

การออกแบบโพสต์โซเชียลมีเดียเป็นอีกช่องทางหนึ่งที่นำมาใช้โดยแอพทางเลือก เช่นCanva , Desygner , Crello , Snappa , StencylหรือVisme ; ซึ่งผู้ใช้ต้องการแอพเพื่อออกแบบโพสต์สำหรับแพลตฟอร์มโซเชียลมีเดียหรือใบปลิวดิจิทัล แต่ไม่ค่อยมีสำหรับการพิมพ์ แม้แต่ Adobe ก็แนะนำ Spark เป็นส่วนผสมระหว่าง Photoshop และ illustrator ด้วยอินเทอร์เฟซที่เรียบง่ายซึ่งใช้เทมเพลตเช่น Canva

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

อย่างไรก็ตาม Figma และ Sketch Enterprise นั้นห่างไกลจากราคาถูก แต่ก็มีเวอร์ชันที่เริ่มต้นที่ 12 ดอลลาร์ และยังมีเวอร์ชันฟรีสำหรับผู้ใช้ทั่วไป ซึ่งเป็นสิ่งที่ Adobe ไม่เคยเต็มใจที่จะทำ

ด้วยเหตุผลนี้ฉัน เชื่อว่าสิ่งที่แย่ที่สุดสำหรับ Figma ก็คือการเป็น App ที่ซับซ้อนมากขึ้น ตัวอย่างเช่น การอัปเดตครั้งล่าสุดซึ่งรองรับความคิดเห็นที่แตกแยกของวิดีโอ ระหว่างผู้ที่ชื่นชมฟีเจอร์นี้กับคนอื่นๆ ที่ไม่พบการใช้งานจริงสำหรับสิ่งนั้น

การผสานรวมขั้นสูงจะตอบสนองต่อผู้ชมที่กว้างขึ้น และจะเกี่ยวข้องกับกลุ่มเฉพาะที่แตกต่างกัน แอปที่มีประสิทธิภาพและอเนกประสงค์สามารถกำหนดเป้าหมายไปยังผู้คนจำนวนมากขึ้น แต่จะทำให้อินเทอร์เฟซมีความเรียบง่ายน้อยลง บางทีในอนาคต เราอาจเห็นพื้นที่ทำงานสำหรับ Figma หรือบางที Adobe กำลังเรียนรู้บางอย่างและจะเริ่มให้ความสนใจกับผู้ใช้ทั่วไป โดยออกแบบผลิตภัณฑ์ที่เรียบง่ายขึ้นด้วยราคาที่เข้าถึงได้มากขึ้น