แนะนำโปรแกรม 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 ได้ที่นี่