Design System คืออะไร? ข้อดีของการมีระบบในการออกแบบช่วยเหลือทีมเราได้อย่างไร? ปูความรู้ให้ผู้เริ่มต้น พร้อมตัวอย่างจากแบรนด์ดังหลายเจ้า
Natk : 01 January, 11 mins read
บทความออกแบบ UI, UX, Web design สำหรับมือใหม่ที่เพิ่งเริ่มต้นศึกษาเราแนะนำคู่มือในเมนู Design directory
Design System คืออะไร? ข้อดีของการมีระบบในการออกแบบช่วยเหลือทีมเราได้อย่างไร? ปูความรู้ให้ผู้เริ่มต้น พร้อมตัวอย่างจากแบรนด์ดังหลายเจ้า
เมื่อวานแอดมินได้มีโอกาสไปนั่งเรียนคอร์สฟรีสั้น ๆ Introduction to UX ที่ทีม General Assembly จัดขึ้นมาครับ ซึ่งได้ประโยชน์มาก และเห็นว่าเป็นเรื่องที่คนที่อยากเป็นเว็บดีไซเนอร์ หรืออยากเป็นนักออกแบบสาย UX ควรจะต้องรู้ก่อนกระโดดเข้ามาในโลกสายเทคโนโลยีนี้ ก็เลยเอามาเขียนบทความแชร์กันครับ
สวัสดีปีใหม่ 2018 ครับ จากที่ทีมงาน Designil ได้ทำงานในสายออกแบบ และสังเกตุความเปลี่ยนแปลงในการออกแบบเว็บไซต์มาหลายปี ก็พบหลาย ๆ เรื่องที่น่าสนใจ และอยากมาแชร์กันให้กับคนที่เป็นดีไซเนอร์อยู่แล้วหรือคนที่อยากเป็นเว็บดีไซเนอร์ในปี 2018 นี้ได้ลองไปศึกษากันดูครับ
อินโฟกราฟฟิก มาจากคำว่า Information (ข้อมูล) + Graphic (รูป) รวมเป็น “การนำข้อมูลต่าง ๆ มาทำเป็นรูป” วันนี้เราจะมาดูวิธีทำ + เครื่องมือฟรี ๆ ทำออนไลน์ได้เอง
สำหรับเว็บดีไซเนอร์ เวลาดูงานดีไซน์ของ Designer เก่ง ๆ ในต่างประเทศ เช่น ใน Dribbble น่าจะเคยเห็นคำว่า “Lorem Ipsum…” มาไม่มากก็น้อยครับ วันนี้เราจะมาดูกันว่า Lorem Ipsum คืออะไร และแจกเครื่องมือสร้าง Lorem Ipsum ภาษาไทยดี ๆ ครับ
ฟ้อนต์ Maledpan (เมล็ดพันธุ์) เกิดขึ้นมาจากความตั้งใจของ SeedThemes บริษัทธีม WordPress โดยคนไทย ที่ได้รับเงินสนับสนุนจากกองทุน INTANIA OPEN INNOVATION CLUB ของคณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัย ตั้งแต่ปี 2016 ที่ต้องการยกระดับคุณภาพฟ้อนต์ไทยบนเว็บไซต์ ให้ทัดเทียมกับเว็บไซต์ราคาสูงได้
คนตาบอดสีนับเป็น 4.5% ของคนทั้งหมด แปลว่าถ้าเราออกแบบโดยไม่สนใจคนกลุ่มนี้ เราก็เสียลูกค้าไปแล้วกว่า 3 ล้านคนในไทย ! ความรู้อันนี้สามารถนำไปปรับใช้ได้ทุกสาขาของดีไซน์เลยนะครับ ไม่ว่าจะทำ UI Design, Web Design, Graphics Design ฯลฯ
ท่านใดที่อยู่ในวงการดีไซน์ด้าน UI/UX มาสักพัก น่าจะเคยเข้าไปดูงานใน Design Community ที่งานเนี้ยบที่สุดแห่งหนึ่ง ชื่อว่า Dribbble กันมาบ้างครับ ซึ่งไม่ใช่ว่าใครก็สามารถสมัครสมาชิกแล้วเข้าไปอัพโหลดผลงานได้เลย เพราะต้องให้สมาชิกใน Dribbble เชิญ (Invite) เท่านั้น
การเลือกหาชุดสีสวย ๆ มาใช้ เป็นสิ่งที่ Designer ทุกสายต้องทำกันเป็นประจำแทบทุกวัน ซึ่งกว่าจะหาชุดสีมาได้ กว่าจะเอามาเทสว่าเหมาะมั้ย ก็เสียเวลามากกว่าจะเจอสีที่ถูกใจ วันนี้ทาง Designil มีเทคนิคการหาชุดสีสวย ๆ มาแนะนำกันครับ
ปี 2016 จนถึงปี 2017 จัดได้ว่าเป็นปีที่มีความเปลี่ยนทางด้านการออกแบบเป็นอย่างมาก ไม่ว่าจะเป็นการเปลี่ยนแปลงโลโก้ของ Kodak, Mastercard, Instragram, Uber และอีกมากมายที่ทะยอยปรับภาพลักษณ์ขององค์กรเพื่อให้ตอบรับกับยุคเทคโนโลยีที่กำลังมาถึงในยุคปัจจุบัน
Microsoft เพิ่งเปิดตัวระบบดีไซน์ใหม่ของตัวเอง ซึ่งก่อนหน้านี้มี ภาพหลุด ออกมาในชื่อ Project Neon โดยเปิดตัวมาในชื่อ Fluent Design System ซึ่งจะถูกนำไปใช้กับ Windows 10
ผู้เขียนได้ไปรวบรวมชื่อฟอนต์แบบเสียเงินที่เป็นที่นิยมมาจาก Web fonts ชื่อดังอย่าง Typekit, Myfonts ก็ได้รายชื่อฟอนต์ Sans Serif มาเพียบ วันนี้เราจะมาดูฟอนต์ยอดนิยม Brandon Grotesque กัน และแจกลิสต์ Google Fonts สวย ๆ ที่หน้าตาคล้ายกัน
