เรียน UX UI จากบทความ

สารบัญรวมบทความ UX UI ทั้งหมดจาก Designil แบ่งแยกตามหมวดหมู่

---

เรียน UX

UX คืออะไร?

• UX UI คืออะไร?
• UX Researcher คืออะไร? สรุปคำแนะนำพร้อมเนื้อหาการศึกษาต่อ
• Intro to UX: กับคุณดาริน User Experience Designer แห่ง Amazon.com
• User Experience Design (UXD) คืออะไร ทำไมคนชอบเข้าใจผิด
• ทำ UX ในองค์กรใหญ่ ต้องรู้อะไรบ้าง – สรุปความรู้ดี ๆ จากงาน UX Talk 02 Part 1
• เคล็ดลับ UX Design เพื่อการวัดผล – สรุปความรู้ดี ๆ จากงาน UX Talk 02 Part 2
• พื้นฐาน UX Design ที่สำคัญ สรุปครบทุกหัวข้อจากคอร์สที่ออสเตรเลีย
• รวมเว็บเรียนคำศัพท์ UX Glossary สำหรับมือใหม่

จิตวิทยากับ UX

• 5 จิตวิทยาพื้นฐานมนุษย์ที่คุณต้องรู้ ถ้าคิดจะออกแบบ UX
• 5 เคล็ดลับง่าย ๆ ออกแบบเว็บไซต์ให้ดูน่าเชื่อถือ

เรียน UX จากบทความ

• สอน UX Design สรุปครบทุกหัวข้อจากคอร์สระยะยาวที่ออสเตรเลีย Day1
• สอน UX Design สรุปครบทุกหัวข้อจากคอร์สระยะยาวที่ออสเตรเลีย Day2

UX Method และสิ่งที่ควรรู้

• Card Sorting คือ ? สอนใช้เครื่องมือทำ UX ยอดนิยม
• Information architecture (IA) คืออะไร? อยากเป็น UX Designer ต้องรู้
• 9 ข้อผิดพลาดใน User Experience (UX Design) ที่เว็บไซต์ส่วนใหญ่ทำ
• 7 ข้อที่ไม่ควรทำ สำหรับ UX Designer
• 4 หัวข้อต้องเตรียมพร้อม ก่อนยกทีมออกไปทำ UX user interview

เครื่องมือในการทำ UX

• รวมเว็บคุณภาพสำหรับ UX Researcher
• ตัวอย่างการทำ Spreadsheet เก็บข้อมูล User สำหรับ UX
• สรุปประจำปี UX UI Tools ที่มาแรงที่สุด พร้อมเทรนด์ปีนี้

เทคนิคการทำ Portfolio

• เทคนิคการทำ Portfolio สำหรับสาย UI UX

ย้ายสายงานมาทำ UX

• วิธีเปลี่ยนงานจาก Graphic มาทำ UX UI
• เทคนิคสัมภาษณ์งาน UX UI และ 20 คำถาม Interview ยอดฮิต
• เทคนิคลับกับการหา Coaching ในสายงาน UX UI
• ทำไมสมัครงาน UX UI ยากจัง? รวม 10 ขั้นตอนสมัครงานให้ได้งาน

หนังสือที่แนะนำ

• แนะนำหนังสือ UX books ออกใหม่ที่ทุกคนควรอ่านของปี

CHALLENGE ฝึกทำงานเก็บพอร์ตภายใน 100 วัน

• อยากเป็น UI/UX มั้ย? มาลองทำโจทย์ 100 วันกับเว็บนี้
• อยากเป็น UI/UX มั้ย? มาลองทำโจทย์ 100 วันกับเว็บนี้ (ตอน 2)

อ่านบทความ UX

---

เรียน UI

UI คืออะไร?

• UI designer คืออะไร? ต่างจาก UX designer อย่างไร

เรียนรู้การใช้สี และจิตวิทยาการออกแบบ

• [Color Theory] การเลือกสีของแบรนด์เว็บไซต์ดัง ๆ ทั่วโลก
• [Graphic Design] กราฟฟิกดีไซน์กับจิตวิทยามนุษย์ (part I)
• ทฤษฎีสี HSL ออกแบบเว็บไซต์ UI อย่างมือโปร
• เครื่องมือออนไลน์ช่วยเลือกสีสำหรับ การทำเว็บไซต์
• Tool ช่วยออกแบบสี Leonardocolor

การทำ UI เรียนรู้กันตั้งแต่ออกแบบไปทีละชิ้นส่วน

• เรียนรู้เรื่องของการออกแบบปุ่มและออกแบบชิ้นส่วนใน UI
• 17 UI เทคนิคลับสำหรับออกแบบ Form บนเว็บไซต์
• 7 กฎการออกแบบ UI Design ให้สวยงาม สำหรับ Non-Designer
• 7 กฎการออกแบบ UI Design ให้สวยงาม สำหรับ Non-Designer (ตอน 2)
• 7 สูตรลับ ดีไซน์เว็บแบบ Low Calorie UI ใช้งานยังไงก็ไม่เหนื่อย
• 6 วิธีการออกแบบโลโก้ที่ดี พร้อมตัวอย่างประกอบ
• UI (น่า) ค้นหา ภาคต้น
• UI (น่า) ค้นหา 2 – เรียนรู้ UI Design จากเว็บ E-Commerce ชื่อดัง
• สร้าง UI รักษ์โลก (Environmentally-Friendly UI) ด้วย 5 วิธีสุดแสนง่าย
• Pixel Perfect ออกแบบ UI DESIGN ให้สวยด้วยความแตกต่าง 1 Pixel
• Card Design – User Interface เทรนด์ดีไซน์ใหม่ที่คุณต้องรู้
• 8 วิธีออกแบบ UI ให้รองรับสถานการณ์ที่ไม่คาดคิด (unexpected state)
• แนะนำ 7 วิธีการออกแบบ UI แบบ Dark Theme

Design System ออกแบบให้เป็นระบบ

• Design System คืออะไร? เล่าเคสการทำงานจริงพร้อมตัวอย่างประกอบ
• 5 Tips ข้อควรรู้ก่อนทำ Design system
• [วิดีโอ] สอน Design system จากงาน Invision Design exchange
• ทีมงาน Design system ต้องมีใครบ้าง + แจกหนังสือสอนทำ Design System ฟรี

สอนการใช้งาน Figma

• 10 ข้อผิดพลาดในการสร้าง Design system บน Figma
• [วิดีโอ] สรุปงาน Figma Schema 2022 ภาษาไทยเข้าใจง่าย
• 10 Figma plugins for Design system
• สอนใช้ Figma Variants แบบมือโปร
• 10 Figma plugins ฟรี ทำงานเร็วขึ้นทันทีหลังติดตั้ง

เรียนรู้จาก Podcast

• แนะนำ Podcast ชื่อดัง UX UI ไม่ควรพลาด

เลือกโปรแกรมการออกแบบ

• สรุปประจำปี UX UI Tools ที่มาแรงที่สุดประจำปี
• เปรียบเทียบโปรแกรมออกแบบ UI UX: Sketch, Adobe XD, Figma
• Affinity Designer โปรแกรมออกแบบที่เปิดไฟล์ PSD, AI
• Adobe เปิดให้ใช้ Adobe XD ฟรี 100% เว็บและแอพดีไซเนอร์ทุกคนควรลองใช้
• Figma Design Tool for Teamwork สายดีไซน์ต้องลอง!
• โปรแกรม Sketch ออกแบบ UX UI บน Mac ยอดนิยม

คำศัพท์ที่น่าสนใจ

• 20 คำศัพท์เด็ดวงการ UI Design พร้อมความหมายที่ต้องรู้
• ระวัง! Flat Design ทำให้ผู้ใช้สับสนกับเว็บเรามากขึ้นถึง 70% + 5 วิธีแก้ไขง่าย ๆ

Font ในงาน UI

• รวม System Font ฟอนต์ไทยและอังกฤษบน Mac, Windows, iOS, Android

Accessibility การออกแบบให้ผ่านมาตรฐาน WCAG

• Web Accessibility คืออะไร ทำไมจึงสำคัญ
• กฏหมาย Accessibility และคดีความกับการออกแบบเว็บไซต์
• เครื่องมือ เช็ค Accessibility สำหรับ Designer
• แจกฟรี! โปสเตอร์ Accessibility การออกแบบให้เข้าถึงได้
• การทดสอบเว็บกับผู้พิการทางสายตา Web Accessibility

อ่านบทความ UI

---

บทความสัมภาษณ์​ Designer

• Designil Chats EP.1 สัมภาษณ์คุณพิชญ์ Product Designer คนไทยในออสเตรเลีย
• EP2 ทำความรู้จักอาชีพขายธีมบน Themeforest กับ Nutzumi
• EP3 เส้นทางอาชีพกับป๋อม สุธัม UX Designer
• EP4 AOMAM สร้างรายได้กับการขาย Icon
• EP5 แรงบันดาลใจในการเรียนรู้ คุณหลง พัทยา Experience Designer
• EP6 ขั้นตอนการทำ UX กับคุณปอมจากแอพพาเที่ยว Sneak
• EP7 คุณปุ้ม Head of UX แห่ง Skooldio

---

---