design-taste-frontend

สอนให้ AI ออกแบบเหมือนเอเจนซี่ระดับไฮเอนด์ กำหนดฟอนต์ ระยะห่าง เงา โครงสร้างการ์ด และแอนิเมชันที่ทำให้เว็บไซต์ดูมีระดับ ปิดกั้นค่าเริ่มต้นทั่วไปที่ทำให้งานออกแบบของ AI ดูถูกหรือดูทั่วไป

อัปเกรดเว็บไซต์และแอปที่มีอยู่ให้มีคุณภาพระดับพรีเมียม ตรวจสอบการออกแบบปัจจุบัน ระบุรูปแบบ AI ทั่วไป และใช้มาตรฐานการออกแบบระดับสูงโดยไม่ทำให้ฟังก์ชันการทำงานเสียหาย ทำงานร่วมกับเฟรมเวิร์ก CSS หรือ CSS ธรรมดาได้

อินเทอร์เฟซสไตล์บรรณาธิการที่สะอาดตา จานสีโมโนโครมอบอุ่น คอนทราสต์ของตัวพิมพ์ ตารางเบนโตะแบบแบน สีพาสเทลอ่อน ไม่มีการไล่สี ไม่มีเงาหนัก

ผู้เชี่ยวชาญด้าน UX/UI ระดับสูง และวิศวกร GSAP Motion ขั้นสูง บังคับใช้การสุ่มแบบแท้จริงที่ขับเคลื่อนด้วย Python เพื่อความหลากหลายของเลย์เอาต์ โครงสร้างหน้าแบบ AIDA ที่เคร่งครัด การพิมพ์แบบบรรณาธิการที่กว้าง (ห้ามตัดคำ 6 บรรทัด) ตารางเบนโตะไร้ช่องว่าง การใช้ GSAP ScrollTriggers ที่เคร่งครัด (การปักหมุด การซ้อน การขัดถู) ภาพขนาดเล็กในบรรทัด และระยะห่างระหว่างส่วนที่กว้างมาก

ทักษะการสร้างภาพแบรนด์ระดับพรีเมียมสำหรับสร้างบอร์ดแนวทางแบรนด์ระดับสูง ระบบโลโก้ ชุดเอกลักษณ์องค์กร และการนำเสนอโลกภาพที่สวยงาม ฝึกฝนมาเพื่อระบบแบรนด์แนวมินิมอล ภาพยนตร์ บรรณาธิการ เทคดำ หรูหรา วัฒนธรรม ความปลอดภัย เกม เครื่องมือนักพัฒนา และแอปผู้บริโภค ปรับแต่งเพื่อการคอนเซ็ปต์โลโก้ที่มีจุดมุ่งหมาย องค์ประกอบที่ประณีต การใช้ตัวอักษรน้อย ความหมายเชิงสัญลักษณ์ที่แข็งแกร่ง ม็อกอัพพรีเมียม ภาพที่กำกับด้วยศิลปะ และเค้าโครงกริดที่ยืดหยุ่น

สกิลฟร้อนท์เอนด์ชั้นนำสำหรับสร้างภาพอ้างอิงการออกแบบเว็บไซต์ระดับพรีเมียมที่คำนึงถึงการแปลงผู้ใช้ กฎผลลัพธ์ที่สำคัญ — สร้างภาพแนวนอนแยกหนึ่งภาพสำหรับทุกส่วน หน้าแลนดิ้งที่มี 8 ส่วนจะสร้าง 8 ภาพ ห้ามบีบอัดหลายส่วนเป็นภาพเดียว บังคับใช้ความหลากหลายขององค์ประกอบ (ไม่ใช่ข้อความซ้าย/ภาพขวาเสมอไป) อิสระในการใช้ภาพพื้นหลัง CTA ที่หลากหลาย ขนาดฮีโร่ที่แตกต่างกัน (ใหญ่/กลาง/เล็กแบบมินิมอล) โครงสร้างแนวคิดแบบเล่าเรื่อง ช่วงเวลาสำหรับการอ่านซ้ำ และ...

แทนที่พฤติกรรมการตัดทอนเริ่มต้นของ LLM บังคับให้สร้างโค้ดที่สมบูรณ์ ห้ามรูปแบบตัวยึดตำแหน่ง และจัดการการแบ่งตามขีดจำกัดโทเค็นอย่างสะอาด ใช้กับงานใดๆ ที่ต้องการผลลัพธ์ที่ละเอียดถี่ถ้วนและไม่ถูกตัดทอน

ทักษะการแปลงภาพเว็บไซต์ระดับพรีเมียมเป็นโค้ดสำหรับ Codex สำหรับงานเว็บที่สำคัญทางสายตา จะต้องสร้างภาพดีไซน์ขึ้นมาก่อน วิเคราะห์อย่างละเอียด จากนั้นจึงพัฒนาเว็บไซต์ให้ตรงกับภาพเหล่านั้นให้มากที่สุด ใน Codex จะต้องเลือกใช้ภาพขนาดใหญ่ อ่านง่าย และเฉพาะส่วน แทนที่จะใช้บอร์ดขนาดเล็กที่ถูกบีบอัด สร้างภาพใหม่แบบแยกส่วนสำหรับแต่ละส่วนหรือมุมมองรายละเอียด แทนที่จะตัดภาพเก่ามาใช้ หลีกเลี่ยงการสร้างงานน้อยเกินไป หลีกเลี่ยง UI แบบการ์ดซ้อนการ์ดซ้อนการ์ด และคงไว้ซึ่ง...