โปรแกรม Sketch ออกแบบ UX UI บน Mac ยอดนิยม
Natk
April 13, 2020
แนะนำโปรแกรม Sketch โปรแกรมออกแบบ UX UI พร้อมเทคนิคลับสำหรับเพิ่มความเร็วให้กับโปรแกรม สอนการใช้งานฟีเจอร์อย่าง Symbol, Smart layout ครบจบในบทความนี้
Menu
แนะนำโปรแกรม Sketch โปรแกรมออกแบบ UX UI พร้อมเทคนิคลับสำหรับเพิ่มความเร็วให้กับโปรแกรม สอนการใช้งานฟีเจอร์อย่าง Symbol, Smart layout ครบจบในบทความนี้
การออกแบบที่ต้องนำเสนอบนหน้าจอดิจิตัล ผู้ออกแบบต้องคำนึงถึงการแสดงผล ความคมชัด อ่านได้ง่าย เราจึงจะต้องใช้สีที่มี Contrast ที่ดี เพื่อให้คนอยากอ่านเว็บไซต์ของเรานาน ๆ
การตั้งชื่อไฟล์ยังไงเป็นคำถามที่เราเชื่อว่าหลาย ๆ คนคงจะเคยประสบในการทำงาน ด้วยข้อแม้ของทีมที่มีทั้งหลายคน, มีการแก้ไขจำนวนมาก ทำให้การจัดการไฟล์ที่ลูกค้าสั่งมาแก้มาซะหลายร้อย ดังนั้นการตั้งชื่อไฟล์ที่ดีก็เลยสามารถช่วยลดระยะเวลาในการทำงานลงได้
เมื่อวานแอดมินได้มีโอกาสไปนั่งเรียนคอร์สฟรีสั้น ๆ Introduction to UX ที่ทีม General Assembly จัดขึ้นมาครับ ซึ่งได้ประโยชน์มาก และเห็นว่าเป็นเรื่องที่คนที่อยากเป็นเว็บดีไซเนอร์ หรืออยากเป็นนักออกแบบสาย UX ควรจะต้องรู้ก่อนกระโดดเข้ามาในโลกสายเทคโนโลยีนี้ ก็เลยเอามาเขียนบทความแชร์กันครับ
สวัสดีปีใหม่ 2018 ครับ จากที่ทีมงาน Designil ได้ทำงานในสายออกแบบ และสังเกตุความเปลี่ยนแปลงในการออกแบบเว็บไซต์มาหลายปี ก็พบหลาย ๆ เรื่องที่น่าสนใจ และอยากมาแชร์กันให้กับคนที่เป็นดีไซเนอร์อยู่แล้วหรือคนที่อยากเป็นเว็บดีไซเนอร์ในปี 2018 นี้ได้ลองไปศึกษากันดูครับ
สำหรับเว็บดีไซเนอร์ เวลาดูงานดีไซน์ของ Designer เก่ง ๆ ในต่างประเทศ เช่น ใน Dribbble น่าจะเคยเห็นคำว่า “Lorem Ipsum…” มาไม่มากก็น้อยครับ วันนี้เราจะมาดูกันว่า Lorem Ipsum คืออะไร และแจกเครื่องมือสร้าง Lorem Ipsum ภาษาไทยดี ๆ ครับ
วิธีการออกแบบ Landing Page ซึ่งเป็นหน้าเว็บไซต์สำหรับขายของ หรือบริการของเรา เพื่อให้เกิดประโยชน์สูงสุด ได้ Conversation Rate พุ่งกระฉูด
รวมเทรนด์การออกแบบเว็บไซต์สำคัญ ๆ ที่กำลังมาแรงในปี 2016 เช่น Flat Design 2.0 ที่พัฒนาต่อยอดมาจาก Flat Design เมื่อหลายปีที่แล้ว เพื่อแก้ปัญหา UX Usability
บทความนี้เรียบเรียงมาจาก 7 Rules for Creating Gorgeous UI ซึ่งเขียนโดยคุณ Erik D. Kennedy ที่เรียนจบวิศวะ แต่มาทำงาน UX Designer และอยากหัดเรียนดีไซน์แต่พบว่ามันช่างยากเหลือเกิน เค้าเลยศึกษาเยอะมากจนพบกับ 7 กฎการดีไซน์ที่ใครก็เข้าใจได้ง่าย
7 เทคนิคการออกแบบ UI Design ให้สวยง่าย ๆ ที่จะทำให้แม้แต่คนที่ไม่มีเซ้นส์ด้านดีไซน์เลย (Programmer, Sales) ก็สามารถดีไซน์เว็บ / แอพที่ดูดีได้
Wireframe ถือเป็นขั้นตอนหนึ่งที่สำคัญมากในทำเว็บไซต์ของมืออาชีพครับ การทำ Wireframe จะทำให้เราเห็นเนื้อหาในเว็บไซต์จริง ๆ
หลายคนคิดว่างาน Web Design หมายถึง เปิดโปรแกรม Photoshop แล้วใส่สี ใส่ Font ได้เลย จริง ๆ แล้วคนทำเว็บไซต์มืออาชีพจะมีการทำ “Wireframe” ขึ้นมาก่อนเสมอครับ
อ่านบทความใหม่ล่าสุดของ Designil ได้ที่นี่