สร้าง Flow Diagrams ใน Sketch ด้วยโปรแกรมเสริม Flow User

นักออกแบบส่วนต่อประสานอย่างรวดเร็ว ตกหลุมรัก Sketch เป็นเครื่องมือออกแบบ UI / UX ออกมานอกกรอบเลยก็สามารถ ชักขึ้นอินเตอร์เฟซที่เรียบง่าย เร็วกว่า Photoshop หรือ Illustrator มาก.

คุณลักษณะที่ดีอย่างหนึ่งที่ขาดหายไปจาก Sketch คือความสามารถในการ กระดานเชื่อมโยงกับแผนภูมิการไหล. แต่ด้วยความที่ ปลั๊กอินการไหลของผู้ใช้ คุณสามารถทำสิ่งนั้นได้!

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

กระแสก็สามารถช่วยคุณได้ กำหนดจำลองที่สมบูรณ์ กับ แม่แบบไดอะแกรม. คุณสมบัตินี้โดยอัตโนมัติ รวม artboards ทั้งหมดและสายการไหลของพวกเขา รวมกันเป็นไฟล์ร่างใหญ่ไฟล์เดียว วิธีนี้คุณสามารถ ส่งออกแนวคิดการไหลของคุณ โดยตรงจาก Sketch.

คุณสามารถเปลี่ยน สีของเส้น, ขนาด, และ ตัวเลือกการส่งออก สำหรับขนาด @ 1x หรือ @ 2x.

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

อันนี้ง่าย หนึ่งในเครื่องมือที่มีประโยชน์ที่สุดสำหรับนักออกแบบ UI / UX, และไม่ใช่สิ่งที่คุณจะได้รับจากเวิร์กโฟลว์ Photoshop.

นักออกแบบมีเหตุผลมากมาย สลับไปที่ Sketch. มัน ราคาถูกกว่า, ใช้งานง่ายขึ้น, และมันสามารถ สร้างจำลองคุณภาพสูง เช่นเดียวกับ Photoshop และตอนนี้ด้วย User Flows คุณมีอีกหนึ่งเหตุผลที่จะทำให้สวิตช์.

ปลั๊กอินนี้คือ สมบูรณ์ฟรี และ โอเพ่นซอร์ส ด้วย repo ของ GitHub หากคุณสังเกตเห็นปัญหาหรือข้อบกพร่องใด ๆ คุณสามารถส่งรายงานเกี่ยวกับ GitHub หรือส่งข้อความถึงผู้สร้างบน Twitter @abynim.