Very scary - Design System
😱 So scary!!
.
Tomorrow there is UI DAY 3 - Design System & Design Token
.
✅ wanted to make the content of the creation of Tokens in Primitive / Atomic - > Semantic easy to understand, visualize, unequivocally. 🤣🤣🤣
.
So try to give claude code to create interactive, easy to understand, visual, press.
.
🚨 is awesome. Create a simple picture in your head for students. Now I add it with course updates and teaching materials, haha.
.
See you tomorrow with UXUI version 49: UI DAY 3.
P.S. Don't forget to do homework too.
.
🔥 Tomorrow, let's go from the basics to the Advance of the Design System & Design Token, which we have to understand a lot about before we order AI, or it's definitely "confusing."
.
.
* * * P.2 For those who are waiting for the next version of the UXUI to be announced soon. Interested in giving an IB notification.
.
👉 Reservation / Inquiry
FB PAGE: https://m.me/uxuistudio9
.
# uxuistudio # uxdesign # uidesign # Graphicdesign # uxui# uxuiworkshop # uxworkshop # uiworkshop
# Because we understand what newbies want
ในประสบการณ์ของผม การเข้าใจ Design System และ Design Token อย่างลึกซึ้งช่วยประหยัดเวลาและลดความสับสนในการออกแบบอย่างมาก โดยเฉพาะเมื่อเราต้องสร้าง UI ที่มีความสม่ำเสมอและสามารถปรับเปลี่ยนได้ง่าย การใช้ Tokens แบบ Primitive/Atomic ไปจนถึง Semantic ทำให้สามารถควบคุมสี ฟ้อนต์ ช่องว่าง และองค์ประกอบต่าง ๆ ได้ในที่เดียว ซึ่งเป็นหัวใจสำคัญของการสร้าง UI ที่มีความยืดหยุ่นและปรับแต่งได้เร็ว จากภาพที่แชร์ในการสอน จะเห็นการจัดกลุ่ม Token เช่น BG/Primary สำหรับสีพื้นหลัง, Button/Primary สำหรับปุ่มหลัก และ Badge/Active สำหรับแบนเนอร์ที่แสดงสถานะใช้งาน ซึ่งการตั้งชื่อที่ชัดเจนและมี alias ช่วยให้ทีมสามารถเข้าใจและใช้งานได้ตรงกัน นอกจากนี้ การใช้ Interactive Tools ที่ช่วยให้ผู้เรียนสามารถทดลองกดเปลี่ยนสีและดูการเปลี่ยนแปลงในทันที เป็นวิธีที่ดีมากในการเรียนรู้ เพราะจะช่วยให้สามารถเข้าใจผลลัพธ์ของแต่ละ Token ได้อย่างเป็นรูปธรรม และทำให้การเรียนรู้สนุกและน่าสนใจมากขึ้น สำหรับใครที่เพิ่งเริ่มต้น ผมอยากแนะนำให้รู้จักการแบ่งประเภท Tokens ให้ชัดเจน ตั้งแต่ระดับพื้นฐานอย่าง Primitive (เช่น สี, ขนาดฟ้อนต์) ไปจนถึงระดับ Semantic ที่จับความหมายในการใช้งาน (เช่น สีสำหรับปุ่มหลัก, สีสำหรับแจ้งเตือน) เพราะสิ่งนี้จะช่วยให้การพัฒนา UI มีความเป็นระบบและแก้ไขง่ายเมื่อต้องเปลี่ยนแปลง การอบรมอย่างต่อเนื่องและการทำการบ้านตามที่สอนช่วยให้เราเข้าใจและนำไปใช้ได้จริง รวมถึงยังมีการอัปเดตเนื้อหาและเครื่องมือการสอนใหม่ ๆ ที่ทำให้เราไม่ตกเทรนด์และใช้เทคโนโลยีล่าสุดได้อย่างมีประสิทธิภาพ สำหรับผู้ที่สนใจ สามารถติดตามและลงทะเบียนเพื่อเรียนในรุ่นถัดไปหรือสอบถามรายละเอียดเพิ่มเติมได้ทาง Facebook Messenger ของ UXUI STUDIO สรุปแล้ว Design System และ Design Token ไม่ได้น่ากลัวอย่างที่คิด หากเข้าใจตั้งแต่เบื้องต้นและฝึกฝนอย่างเป็นระบบ จะช่วยให้การออกแบบ UI มีประสิทธิภาพและมีความเป็นมืออาชีพมากขึ้นแน่นอน
