นักออกแบบ
การพัฒนาอินเทอร์เฟซของแอปพลิเคชัน เว็บไซต์ หรือเกมเป็นกระบวนการที่ค่อนข้างซับซ้อน และจำเป็นต้องอาศัยความรู้จากสาขาต่างๆ ได้แก่ วิศวกรรมศาสตร์ จิตวิทยา และการออกแบบ ผู้ออกแบบส่วนต่อประสานผู้ใช้ (ภาษาอังกฤษ - ส่วนต่อประสานผู้ใช้หรือ UI) มุ่งเน้นไปที่วิธีการแสดงฟังก์ชันการทำงานของไซต์ (การค้นหา แท็บ เมนู) และรายละเอียดการโต้ตอบระหว่างไคลเอนต์และส่วนต่อประสาน เป้าหมายของนักออกแบบ UI คือการออกแบบผลิตภัณฑ์สมัยใหม่ที่มีความสวยงามและเป็นที่ยอมรับ UX ย่อมาจาก User Experience ซึ่งหมายถึง "ประสบการณ์ผู้ใช้" นักออกแบบ UX ให้ความสำคัญกับการใช้งานและความเข้าใจอินเทอร์เฟซของผู้ใช้ที่มีศักยภาพมากขึ้น ผู้เชี่ยวชาญดังกล่าวมักจะทำการวิจัยและสำรวจซึ่งจะเป็นพื้นฐานสำหรับการสร้างแนวคิดการออกแบบและทดสอบแนวคิดระหว่างและหลังการพัฒนา โดยทั่วไปจะเน้นไปที่โครงสร้าง เนื้อหา การนำทาง และวิธีที่ผู้ใช้โต้ตอบกับองค์ประกอบเหล่านี้
สิ่งที่นักออกแบบ UX/UI จำเป็นต้องรู้
-
โปรแกรม แก้ไขกราฟิก เครื่องมือยอดนิยมในตลาด ได้แก่ Adobe Photoshop, Adobe Illustrator รวมถึง Sketch, Figma เลือกโปรแกรมแก้ไขที่สะดวกสำหรับคุณและก่อนอื่นให้ลองวาดภาพหน้าจอของเว็บไซต์หรือแอปพลิเคชันและปรับปรุงให้ทันสมัยเล็กน้อย
-
เครื่องมือสร้างต้นแบบ (Mockplus, Axure ) เครื่องมือสร้างต้นแบบคือการเชื่อมโยงระหว่างแนวคิดและการนำไปปฏิบัติ ไม่สำคัญว่าคุณใช้เครื่องมืออะไร คุณสามารถลองหลายๆ แบบและตัดสินใจเลือกแบบที่เหมาะกับสไตล์และความชอบของคุณ
-
จิตวิทยาผู้ใช้ อยู่ในขั้นตอนการออกแบบแล้ว คุณควรพิจารณาว่าจะสะดวกสำหรับคุณหรือคนอื่นที่จะใช้อินเทอร์เฟซนี้หรือไม่ สวมบทบาทของลูกค้า สร้างความสัมพันธ์ที่แน่นแฟ้นกับเขา และเอาใจใส่ต่อความต้องการของเขา ท้ายที่สุดแล้ว ผลิตภัณฑ์จะประสบความสำเร็จได้หากมีความต้องการ
จิตวิทยาการออกแบบ: หลักการทางจิตวิทยา 8 ประการที่จะเป็นประโยชน์ในการออกแบบ
-
คุณจะต้องมีความรู้เกี่ยวกับทฤษฎีสีด้วย เรารู้บางสิ่งตั้งแต่สมัยเด็กๆ โดยเฉพาะคนที่เรียนโรงเรียนศิลปะ อย่างไรก็ตาม มีลักษณะเฉพาะบางประการเกี่ยวกับงานของนักออกแบบ ความรู้พื้นฐานหาได้จากหนังสือหรือบทความทางอินเตอร์เน็ต
-
ขอแนะนำให้มีความเข้าใจเกี่ยวกับการพิมพ์ซึ่งเป็นวิธีการรวมข้อความและองค์ประกอบภาพ
-
องค์ประกอบของไซต์และการใช้งาน
-
ขึ้นอยู่กับลักษณะเฉพาะของงาน คุณอาจต้องเข้าใจ HTML และ CSS หรือภาษาการเขียนโปรแกรม (บางส่วน) (ลิงก์ไปยังแหล่งข้อมูลอยู่ด้านล่าง ในส่วน “สิ่งที่นักพัฒนา Front-end ควรรู้”)

นักพัฒนาส่วนหน้า
ภารกิจหลักของนักพัฒนาส่วนหน้าคือการพัฒนาส่วนไคลเอ็นต์ของอินเทอร์เฟซ นั่นคือผู้เชี่ยวชาญดังกล่าว "ฟื้นฟู" สิ่งที่นักออกแบบออกแบบไว้ เขามีหน้าที่รับผิดชอบในการทำงานและการทำงานของอินเทอร์เฟซและรับผิดชอบด้านเนื้อหาภาพน้อยลง นักพัฒนาส่วนหน้ามักจะต้องค้นหาโซลูชันที่ดีสำหรับอินเทอร์เฟซผู้ใช้ในระหว่างขั้นตอนการพัฒนา ดังนั้นเขาจึงมักจะทำงานร่วมกับนักออกแบบ UX/UI โค้ดที่เขียนโดยนักพัฒนาส่วนหน้าจะทำงานในเบราว์เซอร์ของผู้ใช้ (ตามที่พวกเขาพูดว่า "ทางฝั่งไคลเอ็นต์") นอกจากนี้ หนึ่งในงานที่สำคัญที่สุดคือการตรวจสอบให้แน่ใจว่าไซต์หรือเว็บแอปพลิเคชันมีลักษณะเหมือนกันบนทุกแพลตฟอร์มและเบราว์เซอร์สิ่งที่นักพัฒนา Front-end ควรรู้
ตามกฎแล้ว ส่วนหน้าจะขึ้นอยู่กับสามเสาหลัก: ภาษามาร์กอัปหน้า HTML, สไตล์ชีท CSS และภาษาการเขียนโปรแกรม JavaScript นอกจากนี้ นักพัฒนาส่วนหน้าจะต้องเข้าใจหลักการทำงานของโปรโตคอล HTTP เซิร์ฟเวอร์และเบราว์เซอร์ และคุณสมบัติของการแสดงอินเทอร์เฟซบนอุปกรณ์ต่าง ๆ ที่มีอยู่ในตลาดปัจจุบัน เครื่องมือและวิธีการสร้างเว็บอินเตอร์เฟสมีการพัฒนาและเปลี่ยนแปลงอยู่ตลอดเวลา ดังนั้นนักพัฒนาจึงต้องตรวจสอบสิ่งนี้อย่างต่อเนื่อง
HTML และ CSS (เค้าโครง)
นี่คือเลย์เอาต์ซึ่งเป็นอิฐที่ใช้สร้างไซต์ ภาษามาร์กอัป HTML กำหนดองค์กร เนื้อหา และการโต้ตอบทั้งหมดระหว่างกัน ช่วยให้คุณสามารถกำหนดส่วนบนของหน้า, ด้านล่าง, บล็อกด้านข้างพร้อมเนื้อหา, ส่วนหัว, การแสดงข้อความและองค์ประกอบมัลติมีเดีย สไตล์ชีต CSS ใช้ในการตกแต่งองค์ประกอบ HTML กำหนดวิธีการแสดงองค์ประกอบกราฟิกแต่ละรายการที่อยู่บนเพจอย่างชัดเจน เมื่อใช้ HTML5 และ CSS3 เวอร์ชันล่าสุด คุณสามารถวางส่วนประกอบวิดีโอและเสียงบนเพจ สร้างภาพ 2 มิติและภาพเคลื่อนไหว และแม้แต่เขียนเกมง่ายๆ ได้ ไม่จำเป็นต้องพยายามจดจำแท็กและสไตล์ทั้งหมดพร้อมกัน การเรียนรู้พื้นฐานและนำไปปฏิบัติทันทีจะเป็นประโยชน์ เว็บไซต์ที่ดีมากที่คุณสามารถเรียนรู้พื้นฐานของ HTML และ CSS คือ W3School แต่ถ้าคุณมีความรู้ภาษาอังกฤษขั้นพื้นฐานเป็นอย่างน้อย นอกจากนี้ นักพัฒนาส่วนหน้าจะต้องเข้าใจการพัฒนาข้ามเบราว์เซอร์และข้ามแพลตฟอร์ม รูปแบบที่ปรับเปลี่ยนได้และตอบสนองบูทสแตรป
เป็นเฟรมเวิร์กสำหรับ HTML, CSS และ JavaScript นั่นคือเทมเพลตบางอย่างที่คุณสามารถประกอบไซต์ได้เร็วกว่าไม่มีเทมเพลตเหล่านี้เช่นเดียวกับจากตัวสร้าง แต่แน่นอนว่าคุณต้องปรับแต่งให้เหมาะกับความต้องการของคุณเอง หากคุณรู้ ภาษา อังกฤษเราขอแนะนำ เว็บไซต์ getbootstrap และ w3schoolsเดียวกันจาวาสคริปต์
Javascript เป็นแกนหลักของการพัฒนาส่วนหน้า นี่เป็นภาษาการเขียนโปรแกรมอินเทอร์เฟซแรกและแพร่หลายที่สุด สามารถเพิ่มคุณสมบัติมากมายให้กับไซต์ได้ ในระดับพื้นฐาน ภาษานี้อนุญาตให้คุณเพิ่มองค์ประกอบแบบโต้ตอบลงในเพจได้ ใช้เพื่อสร้างแผนที่ที่อัปเดตเกมและภาพยนตร์ออนไลน์เชิงโต้ตอบแบบเรียลไทม์ ในหลักสูตรอาวุโส JavaRush เราเรียนรู้ JavaScript เล็กน้อย คุณสามารถเรียนได้ที่ W3Schoolเดียวกันหรืออ่านเป็นภาษารัสเซียบนเว็บไซต์ javascript.ru
jQuery
jQuery เป็นไลบรารี Javascript ที่มีปลั๊กอินและส่วนขยายที่สามารถทำให้การพัฒนาง่ายและรวดเร็วยิ่งขึ้น แทนที่จะเขียนโค้ดตั้งแต่ต้น ไลบรารีช่วยให้คุณเพิ่มส่วนประกอบสำเร็จรูป ซึ่งสามารถปรับแต่งสำหรับโปรเจ็กต์เฉพาะได้ คุณสามารถใช้ฟังก์ชันการกรอกแบบฟอร์มค้นหาอัตโนมัติ การจัดเรียงและปรับขนาดตารางใหม่ และการตั้งเวลานับถอยหลัง หลักสูตร jQuery เชิงปฏิบัติที่ w3schoolกรอบงานจาวาสคริปต์
มีเฟรมเวิร์กหลายประเภท แต่คุณสามารถเลือกอันที่สะดวกสำหรับการใช้งานได้ ที่มีชื่อเสียงที่สุดคือ Angular, Backbone, Ember และ React แสดงถึงโครงสร้างสำเร็จรูปสำหรับโค้ด ช่วยเร่งการพัฒนา และเมื่อใช้ร่วมกับไลบรารี พวกเขาสามารถลดการพัฒนาเว็บไซต์หรือแอปพลิเคชันตั้งแต่เริ่มต้นได้ ทบทวน 5 เฟรมเวิร์กและไลบรารี JavaScript ยอดนิยมประจำปี 2560ระบบควบคุมเวอร์ชัน Git
ระบบควบคุมเวอร์ชันสามารถติดตามการเปลี่ยนแปลงที่เกิดขึ้นกับโค้ดเมื่อเวลาผ่านไป นอกจากนี้ยังอนุญาตให้คุณกลับสู่โปรเจ็กต์เวอร์ชันก่อนหน้าได้ Git เป็นระบบควบคุมเวอร์ชันที่ใช้กันอย่างแพร่หลาย การรู้วิธีทำงานกับ Git ถือเป็นทักษะที่สำคัญสำหรับนักพัฒนาทุกคน บทช่วยสอน Git ในภาษารัสเซีย
GO TO FULL VERSION