Web Design Foundations: Wireframes and Prototypes

การแปลงแนวคิดที่เป็นนามธรรมให้เป็นอินเทอร์เฟซเว็บที่ใช้งานได้นั้น จำเป็นต้องมีกระบวนการออกแบบที่มีโครงสร้าง ซึ่งเชื่อมช่องว่างระหว่างการวิจัยและความเป็นจริง หลักสูตรนี้มอบเส้นทางที่ครอบคลุมสำหรับผู้เริ่มต้นในการทำความเข้าใจว่าเลย์เอาต์เว็บระดับมืออาชีพถูกสร้างขึ้น ปรับปรุง และเตรียมพร้อมสำหรับการพัฒนาอย่างไร คุณจะได้รับความเข้าใจที่ชัดเจนเกี่ยวกับการเปลี่ยนผ่านจากสเก็ตช์แบบ low-fidelity ไปสู่ต้นแบบแบบโต้ตอบ โดยคำนึงถึงข้อจำกัดทางเทคนิคของเว็บสมัยใหม่ สิ่งที่คุณจะได้เรียนรู้: - เรียนรู้หลักการพื้นฐานของการออกแบบส่วนต่อประสานผู้ใช้ (UI) และประสบการณ์ผู้ใช้ (UX) - สร้าง Wireframes ที่ชัดเจนซึ่งกำหนดลำดับชั้นเนื้อหาและการนำทางที่เป็นตรรกะ - ใช้เทคนิคการจัดวางตัวอักษรสมัยใหม่และการออกแบบที่ตอบสนองได้สำหรับโลก Mobile-first - ทำความเข้าใจพื้นฐานทางเทคนิคของเว็บ รวมถึง HTML, CSS และพื้นฐานการเข้าถึงได้ (accessibility) - ฝึกสร้างต้นแบบที่คลิกได้เพื่อจำลองการโต้ตอบของผู้ใช้จริง - เชี่ยวชาญรูปแบบการทำงานร่วมกันในการออกแบบสมัยใหม่และขั้นตอนการส่งมอบงาน (handoff workflows) เนื้อหาเริ่มต้นด้วยคำศัพท์หลักและการวางแผนเชิงแนวคิด ก่อนที่จะเข้าสู่การสร้างอินเทอร์เฟซโดยละเอียดและข้อควรพิจารณาทางเทคนิค คุณจะได้อ่านคำอธิบายโดยละเอียดและวิเคราะห์โครงสร้างที่อิงตามโค้ดซึ่งกำหนดว่าการออกแบบทำงานบนเว็บได้อย่างไร หลักสูตรนี้ออกแบบมาสำหรับผู้เริ่มต้นที่ไม่มีประสบการณ์ด้านการออกแบบหรือการเขียนโค้ดมาก่อน ซึ่งต้องการทำความเข้าใจวงจรชีวิตการออกแบบเว็บสมัยใหม่ เริ่มต้นสร้างรากฐานของคุณในการออกแบบผลิตภัณฑ์ดิจิทัลวันนี้