Designing for the Web with Illustrator and Photoshop

การเชื่อมช่องว่างระหว่างการออกแบบเชิงสร้างสรรค์และการพัฒนาเว็บที่ใช้งานได้จริงอาจเป็นเรื่องท้าทายเมื่อต้องทำงานข้ามแอปพลิเคชันออกแบบที่แตกต่างกัน คอร์สนี้จะสอนวิธีรวมจุดเด่นที่เป็นเอกลักษณ์ของ Illustrator และ Photoshop เพื่อสร้างเว็บดีไซน์ที่สะอาดตาและมีความเป็นมืออาชีพ ซึ่งเตรียมพร้อมไว้อย่างสมบูรณ์แบบสำหรับขั้นตอนการเขียนโค้ด คุณจะได้เปลี่ยนผ่านจากแนวคิดเลย์เอาต์พื้นฐานไปสู่งานออกแบบดิจิทัลที่มีโครงสร้างและพร้อมสำหรับการส่งออก การเข้าใจวิธีทำงานร่วมกันอย่างลงตัวระหว่างองค์ประกอบที่เป็น Vector และ Raster จะทำให้คุณเรียนรู้วิธีสร้างแอสเซทที่ปรับให้เหมาะสมซึ่งนักพัฒนาเว็บสามารถนำไปปรับใช้ได้ง่าย สิ่งที่คุณจะได้เรียนรู้: ทำความเข้าใจความแตกต่างพื้นฐานระหว่างแอสเซทประเภท Vector และ Raster ในงานเว็บดีไซน์; ตั้งค่าเส้นกริดและอาร์ตบอร์ดของเอกสารให้รองรับกับเว็บทั้งใน Illustrator และ Photoshop; สร้างเลย์เอาต์ที่สะอาดตาและรองรับ Responsive ด้วยเครื่องมือจัดตำแหน่งและระยะห่างที่มีมาให้; ปรับแต่งและส่งออกแอสเซทในรูปแบบที่เป็นมิตรกับเว็บยุคใหม่ เช่น SVG และ WebP; จัดเตรียมไฟล์ออกแบบที่มีโครงสร้างเพื่อใหัแน่ใจว่าการส่งต่องานไปยังนักพัฒนาจะเป็นไปอย่างราบรื่น คอร์สนี้เริ่มต้นด้วยหลักการเว็บดีไซน์พื้นฐานและการตั้งค่าเอกสาร นำทางคุณผ่านการสร้างเลย์เอาต์ และปิดท้ายด้วยเทคนิคการส่งออกแอสเซทขั้นสูง ด้วยคำอธิบายรูปแบบข้อความที่เป็นขั้นตอนชัดเจนและสถานการณ์จำลองเชิงปฏิบัติ คุณจะได้สร้างเวิร์กโฟลว์ที่น่าเชื่อถือตั้งแต่ผืนผ้าใบว่างเปล่าไปจนถึงการส่งออกขั้นสุดท้าย ออกแบบมาเป็นพิเศษสำหรับผู้เริ่มต้น คอร์สนี้ไม่จำเป็นต้องมีประสบการณ์เขียนโค้ดหรือการออกแบบขั้นสูงมาก่อน เริ่มอ่านตั้งแต่วันนี้เพื่อเพิ่มประสิทธิภาพให้เวิร์กโฟลว์การออกแบบดิจิทัลของคุณและสร้างเลย์เอาต์เว็บที่เป็นมิตรกับนักพัฒนา