6 โปรแกรมออกแบบ Ui ยอดนิยม

6 โปรแกรมออกแบบ Ui ยอดนิยม สำหรับมือใหม่และมือเก๋าที่ต้องการย้ายถิ่นฐาน

หากมีโปรแกรมอื่นที่ใช้แล้วดีเข้ามาแบ่งปั่นพูดคุยกันได้นะครับ

1.Adobe XD

โปรแกรมฟรีเหมาะสำหรับคนที่เริ่มต้นออกแบบ UI หรือ Uxมี Interface ที่สบายตาและใช้งานง่าย 

ทำได้ตั้งแต่ Wireframe ยัน Phototype แต่การสร้าง Vector หรือ Element ต่างๆในงานยังต้องไปทำใน Ai หรือ Photoshop ก่อนแล้วนำมาจัดวางรวมใน Xd 

ซึ่งXDรองรับการออกแบบ แบบ Responsive design ทุก Device ไม่ว่าจะเป็น Desktop, Tablet, Mobile ติดตามและอัพเดตงานกับ Dev ได้สะดวกสุดๆ 

แถมขนาดไฟล์ยังเบาสบายเครื่อง ลื่นหัวแตกกันเลยทีเดียว มี Tools และ plug-in ต่างๆที่ช่วยในการออกแบบให้ง่ายและไวขึ้น หากใครยังใช้ Ai หรือ Ps ในการทำ Interfaceอยู่ ลองย้ายมาใช้ XD รับรองจะติดใจ

ตัวฟรีจะสามารถสร้าง Link Phototype ได้แค่ลิงค์เดียวหากต้องการสร้างมากกว่านั้นต้องจ่ายเพิ่มครับ

ดาวน์โหลดได้ที่: https://adobe.ly/2m3ewMh


2.Figma

เป็นอีกโปรแกรมฟรีที่ความสามารถคล้ายๆ XD แต่สามารถใช้งานได้บน Browser เหมือน Google Doc หรือจะ Download มาลงได้ทั้ง Windows และ MacOs 

ข้อดีของโปรแกรมนี้คือ สามารถทำงานร่วมกับคนในทีมได้แบบ Real-time โดยจะเห็นเมาส์ของเพื่อนร่วมทีมที่กำลังทำงานแก้ไขอยู่ได้เลย

และ ยังมีระบบคอมเม้นในงานได้ทำให้สามารถคุยกันได้ระหว่างลูกค้าและทีม Design แก้ไขได้ทันที เรียกได้ว่าใช้เป็นโปรแกรมที่สะดวกและใช้งานง่ายมากเลยทีเดียว

ดาวน์โหลดได้ที่: http://bit.ly/2muKwsZ


3.Sketch

เป็นโปรแกรมลูกครึ่งระหว่าง Photoshop กับ Illustrator ที่มีให้ใช้แค่บนระบบ MacOs มีปลั๊กอินให้โหลดเพิ่มและยังสามารถสร้างเองได้ด้วย 

รองรับการทำงานหลายประเภท
ไม่ว่าจะเป็นการทำ UI (User Interface), UX (User Experience) ,Icon, Web Design, Mobile App ทำให้ได้รับความนิยมในหมู่ Designer เป็นอย่างมาก
จนแทบจะลืม Photoshop หรือ illustrator เลย แต่จะไม่สามารถนำไฟล์ Ai หรือ Psd มาใช้ออกแบบต่อได้ ต่างจาก XD ที่ลากข้ามโปรแกรมมาได้เลย

และแน่นอนดีขนาดนี้ไม่ฟรีนะครับผม สนนราคาที่ $99/ปี หากอยากได้ถูกลงหาเพื่อนจับกลุ่มกันสมัครเยอะๆราคาจะถูกลงไปอีกครับ

ดาวน์โหลดได้ที่: http://bit.ly/2kJSmyl


4.Invision studio

เป็นโปรแกรมที่คลอดออกมาจาก Skecth ทำให้สามารถ Export งานจาก Skecth ออกมายัง Invision เพื่อทำ Flow การใช้งานได้โดยไม่ต้องแปลงไฟล์เลย  

โดยสามารถใช้งานผ่าน Browser ได้เลย อัพเดตงานกันผ่าน cloud ของ invision ได้ไม่หนักเครื่อง

เรื่องฟังก์ชั่นก็จะมีครบเหมือนกับ Sketch และ Adobe XD 
สามารถทำ Prototype จบได้ในตัว ซึ่งตัว Invision มีระบบการทำงานเรื่องการคอมเม้นและสามารถเข้ามาดูประวัติการใช้งานได้ว่าใครมาแก้ไขตรงไหน หรือสามารถโยน Source ไฟล์ต่างๆรวมไว้ในที่เดียวได้อีกด้วย

สามารถใช้งานได้ที่: http://bit.ly/2kW24gU


5.Adobe Illustrator 

เป็นโปรแกรมจากทาง Adobe อีกตัว ที่อยู่คู่ Designer มาอย่างยาวนาน แก่กว่า Photoshop ตั้ง 3ปี ตอนนี้เหลือหน้าที่แค่ ทำ Vector และ Element หรือ Component ต่างเพื่อนำไปใช้ในโปรแกรมอื่นๆ 

เพราะไม่สามารถโยง Flow การใช้งานได้ให้เห็นภาพได้ ซึ่งยังไงก็ยังต้องพึ่งเขาในเรื่องการสร้าง Element ต่างๆอยู่ถึงแม้ว่าโปรแกรมอื่นจะเริ่มทำได้แล้ว

แต่ส่วนตัวก็ยังชอบการทำใน Ai ก่อนแล้วค่อย Exportไปใช้ในโปรแกรมอื่นเพราะมีการแยกเลเยอร์และฟังชั่นอื่นๆที่ละเอียดกว่า

แน่นอนว่าไม่ฟรีแต่สามารถแบ่งจ่ายเป็นรายเดือนได้แถมมีราคานักศึกษาน่ารักๆอีกด้วย

ดาวน์โหลดได้ที่: https://adobe.ly/2ktMVTT


6.Adobe Photoshop

เป็นตระกูล Adobe อีกตัวที่กอดคอกับ Ai เฝ้าดูโปรแกรมออกแบบ Ui Gen ใหม่เติบโตและปลดระหว่างจากการใช้ออกแบบ Ui เหลือเพียงฟังชั่นแต่งภาพ วาดรูป เพื่อนำไปใช้ในโปรแกรมออกแบบ Ui อื่น ซึ่งในสมัยก่อนการออกแบบ Ui นี่ไม่พ้น Ai กับ Ps แน่ๆ

แต่ถึงอย่างนั้นในปัจจุบันยังคงต้องทำงานร่วมกันไป และค่อยๆนั่งเฝ้าดูโปรแกรมออกแบบ Ui ใหม่เติบโตเหมือนปู่เฝ้าดูหลานๆแล้วครับ ซึ่งด้วยทั้ง AI และ Ps มีขนาดไฟล์ที่ใหญ่ การใช้งานอาจมีหน่วงบ้างเพราะต้องใช้ทรัพยากณ์ในเครื่องเยอะและไม่สามารถทำ Flow การใช้งานได้ 

แน่นอนว่าไม่ฟรีแต่สามารถแบ่งจ่ายเป็นรายเดือนได้แถมมีราคานักศึกษาน่ารักๆอีกด้วย

ดาวน์โหลดได้ที่: https://adobe.ly/2m00Wt4

หากใครมีข้อมูลดีๆสามารถนำมาแบ่งปันกันได้นะครับ หรือ ติดตามได้ที่ Facebook.com/uxuithailand

บทความที่เกี่ยวข้อง