Skip to content

htmlcheatsheet.com faviconhttps://htmlcheatsheet.com/css/

htmlcheatsheet.com faviconhttps://htmlcheatsheet.com/

grid.malven.co faviconhttps://grid.malven.co/

การเข้าใจ CSS Basic เป็นสิ่งที่ดี แต่มันไม่ได้หมายความว่าถ้าเข้าใจแล้วจะออกแบบ styles มาได้สวยงาม

เมื่อเข้าใจ CSS Basic แล้ว เราจะเป็นต้องเข้าใจ UI Design ด้วย และการเข้าใจ UI Design ที่ง่ายที่สุดคือการเรียนรู้จาก Design Tools ที่ Designer ใช้ เช่น Framer

WARNING

ในยุคก่อนหน้านี้ไม่นานก่อนที่จะมี AI ขั้นตอนที่เราใช้ในการออกแบบ คือออกแบบ Prototype ใน Figma, Framer แล้วแปลงเป็น UI เมื่อเมื่อ AI เข้าใจการต้องออกแบบก่อนอาจไม่จำเป็น

เข้าใจ UI Design

แนะนำให้ www.framer.com faviconFramer Template

ออกแบบ UI Design

แนะนำให้จ่ายเงิน AI Coding ไว้สักตัว เช่น Windsurf, Continue, Aide แล้วเวลาใช้งานให้เข้าใจ concept ว่าต้องการทำอะไรแล้วสั่งมัน

// todo การออกแบบ UI ด้วย AI

👍แนะนำให้อ่านเพิ่มเติม => UI Design