สวัสดีครับ, ผมคือ kkobi ผู้นำทีม UX ของ GCOO วันนี้ผมอยากจะมาแบ่งปันเรื่องราวเล็กๆ กับเพื่อนร่วมโปรเจคที่ได้คิดและเติบโตไปด้วยกันครับ.
ช่วงเวลาที่ต้องรอให้หมึกบนโครงการแห้งสนิท, การที่สีของการออกแบบเริ่มจางลงจนถึงขั้นยอมรับไฟล์ที่ได้รับการยืนยันเท่านั้น. และความรู้สึกเสียดายเมื่อเกือบ 6 เดือนผ่านไปและเริ่มต้นการพัฒนาแต่โครงการและการออกแบบไม่ตรงกับสถานการณ์ปัจจุบัน... 😢
ขณะที่ขออัปเกรด MacBook ผมได้กลับมาทบทวนเครื่องมือและภาษาที่ได้ใช้งานใน 6 เดือนที่ผ่านมา มันน่าตกใจว่ามันหลากหลายเกินกว่าที่ผมคิดไว้. ประสบการณ์นี้คือจุดเริ่มต้นของบทความบนบล็อกนี้.
เครื่องมือและภาษาเหล่านี้ไม่เพียงแต่เป็นเพียงเทคนิคที่ใช้งาน แต่การ 'ทำไม' และ 'ยังไง' ที่จะใช้เครื่องมือเหล่านี้ให้ได้ประสิทธิภาพคือสิ่งที่สำคัญ. และมากกว่านั้นคือการตัดสินใจเลือกใช้เครื่องมือที่เหมาะสมในระยะเวลาที่ดีที่สุด. การเลือกที่เหมาะสมในช่วงเวลาที่เหมาะสมนั้นคือกุญแจสำคัญที่จะดึงดูดคุณภาพของผลลัพธ์.
ดังนั้น ตอนนี้ผมให้ความสำคัญกับการใช้เครื่องมือและเทคโนโลยีให้เหมาะสมกับวงจรชีวิตของโปรเจค. ตลอดจนพยายามที่จะแน่ใจว่าทีมและตัวผมเองสามารถพัฒนาและเติบโตอย่างต่อเนื่องแม้จะอยู่ในตลาดและสภาพแวดล้อมทางเทคโนโลยีที่เปลี่ยนแปลงอยู่เสมอ นี่คือส่วนที่สำคัญที่สุดของงานผม. และผมก็อยากจะมาแบ่งปันประสบการณ์นี้กับทุกท่านที่เติบโตไปด้วยกันครับ.
เครื่องมือออกแบบ: เครื่องมือที่ทำให้จินตนาการและความคิดสร้างสรรค์เป็นจริง
Figma (ฟิกมา): แพลตฟอร์มที่ออกแบบให้นักออกแบบและผู้วางแผนได้ร่วมมือกันวาดภาพจินตนาการและทดสอบการใช้งานเป็นต้นแบบ. เป็นเครื่องมือที่ช่วยให้สามารถรับรู้ไอเดียต่างๆ และพัฒนาศักยภาพในการวางแผนและความคิดสร้างสรรค์ของคุณให้เติบโตขึ้นได้.
Framer (เฟรมเมอร์): เครื่องมือที่ใช้สำหรับการออกแบบปฏิสัมพันธ์และการสร้างต้นแบบ ทำให้สามารถเลียนแบบประสบการณ์ของผู้ใช้แบบเร่งด่วนและช่วยเพิ่มความสามารถในการใช้งาน. สิ่งที่น่าสนใจของเฟรมเมอร์ที่ผมใช้จนทุกวันนี้คือ สามารถทำการวางแผน ออกแบบ และพัฒนาไปพร้อมกันได้ และก่อนที่จะเขียนสคริปต์ สามารถจัดการ UX ให้เหมาะสมอย่างดีที่สุด.
Photoshop (โฟโต้ช็อป): เครื่องมือช่วยให้สามารถเปลี่ยนจินตนาการของคุณเป็นภาพได้อย่างง่ายดายโดยมีการปรับใช้ AI ล่าสุด. ลดความซับซ้อนของกระบวนการทำงานและทำให้เสร็จสิ้นได้แค่คลิกเพียงไม่กี่ครั้ง.
Illustrator (อิลลัสเตรเตอร์): เครื่องมือออกแบบกราฟิกที่ใช้ฐานข้อมูลของเวคเตอร์ ช่วยในการสร้างงานศิลปะที่ชัดเจนและปราณีตได้อย่างดีเยี่ยม.
MidJourneyAI (มิดเจอร์นีย์ AI): เครื่องมือออกแบบที่ช่วยให้คุณสร้างดีไซน์ตั้งแต่ไอคอน โลโก้ ไปจนถึงภาพตัวละครในสไตล์ที่คุณต้องการได้ง่ายดาย ด้วยอินเตอร์เฟซที่ใช้งานง่าย.
Stable Diffusion (สเตเบิลดิฟฟิวชัน): เครื่องมือที่ช่วยให้คุณสร้างการออกแบบที่ต้องการได้โดยไม่มีขีดจำกัด เป็นเครื่องมือที่ทรงพลังในการแสดงความคิดสร้างสรรค์ของคุณ.
เครื่องมือ 3D: เครื่องมือทำความรู้จักและสร้างโลกสามมิติ
Blender (เบล็นเดอร์): ซอฟต์แวร์ทั้งหมดสำหรับการออกแบบ 3D รวมถึงการสร้างภาพเคลื่อนไหวและการเรนเดอร์ เป็นการสร้างโลก 3D ที่แสดงสภาพแวดล้อมที่เหมือนจริง.
Spline (สไปน์): เครื่องมือที่ใช้งานง่ายสำหรับการออกแบบและสร้าง 3D เหมาะสำหรับมือใหม่ที่จะทำการสร้างและศึกษา 3D ได้อย่างง่ายดาย ซึ่งเรียกกันว่า "Figma ของโลกสามมิติ" สไปน์ทำให้ทุกคนสามารถสัมผัสประสบการณ์การออกแบสามมิติได้.
KeyShot (คีย์ชอต): เครื่องมือที่ใช้ออกแบบให้มีความสมจริงซึ่งช่วยให้ผู้ใช้งานสามารถปรับทุกรายละเอียดเพื่อสร้างผลลัพธ์ที่น่าประทับใจ.
เครื่องมือพัฒนา: การเดินทางที่ไม่มีขีดจำกัดเพื่อสร้างสรรค์และประสิทธิภาพ
ภาษา: พื้นฐานและพื้นฐานที่มุ่งมั่น
React: ไลบรารี่ที่แนะนำสำหรับการสร้างหน้าต่างผู้ใช้ ด้วยสถาปัตยกรรมที่พึ่งพาอาศัยตัวประกอบ ช่วยขยายการบำรุงรักษาและการปรับขยาย.
React Native: เฟรมเวิร์กที่ใช้สำหรับการพัฒนาแอพมือถือ ช่วยให้สามารถทำการพัฒนาหนึ่งครั้งแล้วรันได้บนแพลตฟอร์มหลายแห่ง.
Typescript: การขยายแนวคิดสนับสนุนการกำหนดประเภทคงที่สำหรับ JavaScript ช่วยเพิ่มความมั่นคงและการปรับขยาย.
Python: ภาษาโปรแกรมมิ่งประสงค์ทั่วไปแบบง่ายๆ มีประสิทธิภาพที่ใช้สำหรับการวิเคราะห์ข้อมูล การพัฒนาเว็บไซต์และการอัตโนมัติ.
Node.js: สภาพแวดล้อมการดำเนินการ JavaScript บนเซิร์ฟเวอร์ มีความสามารถในการประมวลผล I/O แบบไม่ต้องรอต่อ ทำให้สามารถสร้างเซิร์ฟเวอร์ได้อย่างมีประสิทธิภาพ.
เฟรมเวิร์กและเครื่องมืออื่นๆ: การทำงานที่นำสมัยและเกิดประสิทธิผล
Next.js: เฟรมเวิร์ก React ที่รองรับการเรนเดอร์ที่เซิร์ฟเวอร์ ช่วยให้สามารถปรับปรุงประสบการณ์ผู้ใช้และประสิทธิภาพภายพร้อมภายพร้อม.
Vercel: แพลตฟอร์มบนคลาวด์ที่ทำให้การพัฒนาไปยังการปล่อยผลัพธ์ง่ายขึ้น ช่วยเพิ่มผลผลิต.
Postgres Database: ฐานข้อมูลที่มีความสัมพันธ์กับอ็อบเจ็ค มีความมั่นคงและปรับขยายได้ดี.
redis: ที่เก้บข้อมูลในหน่วยความจำ ทำให้สามารถตอบสนองได้เร็วและมีโครงสร้างที่ยืดหยุ่น.
GPT4 + Chainlink (Python, JavaScript): การผสมผสานที่ทรงพลังสำหรับการประมวลผลภาษาธรรมชาติและการเรียนการสอนของเครื่อง ช่วยให้สามารถสร้างบริการที่มีความฉลาด.
tailwindcss: เฟรมเวิร์ก CSS ที่พึ่งพาความสามารถใช้งานได้ ช่วยให้สามารถสร้างการออกแบบที่ตอบสนองรวดเร็ว.
