วันจันทร์ที่ 4 พฤษภาคม พ.ศ. 2563

งานชิ้นที่ 9 การออกแบบส่วนต่อประสานกับผู้ใช้แอปพลิเคชันรายบุคคล


Easy Trip






แอปพลิเคชั่น : Easy Trip

แนวความคิด : ส่วนตัวชอบการท่องเที่ยวและมีประสบการณ์ที่ตนเองได้ไปท่องเที่ยวโดยมีปัญหาระหว่างทางในบางครั้งเช่น การหาที่พัก,ที่กิน,ที่เที่ยว ค่อนข้างลำบาก เพราะการประชาสัมพันธ์ยังไม่ทั่วถึงในแต่ละพื้นที่นั้นๆ และปัญหาในการหาปั้มน้ำมันและตู้ATMนั้น ค่อนข้างลำบากเพราะในบางพื้นที่นั้นยังไม่เจริญเท่าที่ควร
แนวความคิด icon : นำตัวอักษรนำหน้าของชื่อแอปมาออกแบบร่วมกับหมุด 

กลุ่มเป้าหมาย : กลุ่มวัยรุ่น/วัยทำงาน อายุตั้งแต่19-35ปี  ที่มีความสนใจในการท่องเที่ยว

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

Wireframe




การจำลอง icon บน Smart Phone





Splash Page
   



Menu Page
ซึ่งประกอบด้วยข้อมูล

หัวข้อ ค้นหา ให้ค้นหารายละเอียดเกี่ยวกับสถานที่
หัวข้อ ที่พัก ให้รายละเอียดเกี่ยวกับที่พักต่างๆ ที่อยู่ระแวกใกล้เคียงในระยะไม่เกิน10กิโลเมตร
หัวข้อ ที่กิน ให้รายละเอียดเกี่ยวกับที่กินต่างๆ ที่อยู่ระแวกใกล้เคียงในระยะไม่เกิน10กิโลเมตร
หัวข้อ ที่เที่ยวให้รายละเอียดเกี่ยวกับที่เที่ยวต่างๆ ที่อยู่ระแวกใกล้เคียงในระยะไม่เกิน10กิโลเมตร
หัวข้อ แนะนำ แนะนำสถานที่ต่างๆ 
หัวข้อ แผนที่ ให้รายละเอียดเกี่ยวกับที่ตั้งของสถานที่ต่างๆ และช่วยในการนำทางเพื่อให้ถึงจุดหมายในสถานที่ต่างๆ และยังมีหมุดสถานที่ตั้งของ ปั้มน้ำมัน,ตู้ATM




Page 1 ค้นหา
ให้รายละเอียดเกี่ยวกับการค้นหาสถานที่ต่างๆ ที่ผู้ใช้ต้องการค้นหา



หน้าตัวอย่างย่อยของ Page 1
ให้รายละเอียดเกี่ยวกับการค้นหาสถานที่ ที่ผู้ใช้ค้นหา 



หน้าตัวอย่างย่อยของ Page 1 
ให้รายละเอียดเกี่ยวกับการค้นหาสถานที่ ที่ผู้ใช้ค้นหา 



Page 2 ที่พัก
แนะนำที่พักระแวกใกล้เคียงในระยะไม่เกิน 10 กิโลเมตร 
เพื่ออำนวยความสะดวกแก่ผู้ใช้งาน




หน้าตัวอย่างย่อยของ Page 2
ให้รายละเอียดเกี่ยวกับที่พักสำหรับผู้ใช้งาน





หน้าตัวอย่างย่อยของ Page 2
ให้รายละเอียดเกี่ยวกับที่พักสำหรับผู้ใช้งาน



Page 3 ที่กิน
แนะนำร้านอาหารระแวกใกล้เคียงในระยะไม่เกิน 10 กิโลเมตร
เพื่ออำนวยความสะดวกแก่ผู้ใช้งาน


หน้าตัวอย่างย่อยของ Page 3
ให้รายละเอียดเกี่ยวกับร้านอาหารที่ผู้ใช้งานต้องการ



หน้าตัวอย่างย่อยของ Page 3
ให้รายละเอียดเกี่ยวกับร้านอาหารที่ผู้ใช้งานต้องการ



Page 4 ที่เที่ยว
แนะนำสถานที่ท่องเที่ยวระแวกใกล้เคียงในระยะไม่เกิน 10 กิโลเมตร
เพื่ออำนวยความสะดวกแก่ผู้ใช้งาน


หน้าตัวอย่างย่อยของ Page 4
ให้รายละเอียดเกี่ยวกับสถานที่ท่องเที่ยวแก่ผู้ใช้งาน


หน้าตัวอย่างย่อยของ Page 4
ให้รายละเอียดเกี่ยวกับสถานที่ท่องเที่ยวแก่ผู้ใช้งาน



Page 5 แถบเมนู แนะนำ
ให้คำแนะนำเกี่ยวกับ ที่พัก,ที่กิน,ที่เที่ยว ที่เป็นที่นิยม


หน้าตัวอย่างย่อยของ Page 5
ให้รายละเอียดเกี่ยวกับสถานที่ต่างๆ


หน้าตัวอย่างย่อยของ Page 5
ให้รายละเอียดเกี่ยวกับสถานที่ต่างๆ


Page 6 แถบเมนู แผนที่
บอกรายละเอียดเกี่ยวกับ สถานที่ต่างๆ และหมุดสีแดง = ตู้ATM หมุดสีฟ้า = ปั้มน้ำมัน





วันศุกร์ที่ 1 พฤษภาคม พ.ศ. 2563

งานชิ้นที่ 3 การออกแบบสื่อออนไลน์แบนเนอร์


 "ยินดีต้อนรับนักศึกษาใหม่ของสาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏจันทรเกษม" 




วันอาทิตย์ที่ 19 เมษายน พ.ศ. 2563

wireframe



Application : Easy Trip

แนวความคิด : ส่วนตัวเป็นคนชอบเที่ยว โดยขณะเดินทางมักมีปัญหา หาที่พัก ที่กิน ที่เที่ยว ปั้มน้ำมัน ตู้ATM ยาก เพราะสถานที่ท่องเที่ยว อยู่นอกตัวเมือง ทำให้การหาสถานที่ต่างๆไม่ค่อยสะดวก

Icon Application

หน้า Loading



Page : 1 Main Menu







Page : 2




Page : 3





Page : 4





Page : 5





Page : 6



Page : 7



วันอาทิตย์ที่ 8 มีนาคม พ.ศ. 2563

งานชิ้นที่ 6 Midterm WordPress 1.2


1. หน้าแรก Home เป็นหน้าหลักของเว็บไซค์ มีแถบเมนู และสไลค์ Final Project 




2. My Profile  เป็นหน้าประวัติส่วนตัว บอกรายละเอียดเกี่ยวกับประวัติ

3. My Portfolio ด้านบนมีสไลค์ผลงานต่างๆ ส่วนด้านล่างเป็นผลงานพร้อม



4. Contact Me เป็นช่องทางการติดต่อและผู้ชมสามารถมาแสดงความคิดเห็นหรือคอมเมนต์ได้

ลิงค์ Wordpress : https://poomchadra.wordpress.com/

วันจันทร์ที่ 20 มกราคม พ.ศ. 2563

วันศุกร์ที่ 10 มกราคม พ.ศ. 2563

งานชิ้นที่ 1 ข่าวเกี่ยวกับเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

Adobe After Effect เพิ่ม Body Tracker ที่สามารถสร้างคาแรคเตอร์ 2D จากวิดีโอได้



                  Adobe กำลังลองตัวอย่างฟีเจอร์ R&D สำหรับ After Effects ที่สามารถติดตามการเคลื่อนไหวของมนุษย์โดยอัตโนมัติและนำไปใช้กับภาพเคลื่อนไหว ตัวติดตามตัวตรวจจับการเคลื่อนไหวของร่างกายมนุษย์ในวิดีโอต้นแบบเพื่อสร้างจุดติดตามสำหรับข้อต่อ 18 แขน, ลำตัวและขาซึ่งสามารถถ่ายโอนไปยังตัวละครที่เคลื่อนไหวได้ เช่นเดียวกับที่ Character Animator ของ Adobe สามารถติดตามการแสดงออกทางสีหน้าคุณลักษณะนี้อาจเป็นวิธีที่รวดเร็วในการสร้างภาพเคลื่อนไหว 2D ของร่างกาย

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

          ฟีเจอร์ของเขาใช้ประโยชน์จากแพลตฟอร์มปัญญาประดิษฐ์ของ Adobe sensei ซึ่งได้รับการฝึกอบรมมากกว่า 10,000 ภาพเพื่อระบุจุดร่างกายด้วยตนเอง จี๋เหม่ย หยาง นักวิทยาศาสตร์การวิจัยของ Adobe กล่าวระหว่างการสาธิต “ ฉันสามารถเชื่อมโยงจุดติดตามกับตัวควบคุมที่เกี่ยวข้องกับตัวละครของฉันได้อย่างง่ายดายเพื่อให้สามารถถ่ายโอนคีย์เฟรมได้” หยางกล่าว

          ตัวติดตามร่างกายไม่ได้หมายถึงการแทนที่กระบวนการเคลื่อนไหว แต่เป็นการลดการคีย์เฟรมด้วยตนเองและประหยัดเวลา มันอาจจะคิดว่าเป็นเครื่องมือเสริมที่ทรงพลังเช่นเดียวกับปลั๊กอินของบุคคลที่สามเช่น  Duik Bassel เครื่องมือแอนิเมชันอิสระที่จะทำการขุดโครงสร้างมนุษย์และสร้างวัฏจักรการเดิน “ เราหวังว่า [อนิเมเตอร์จะ] มีความสุขกับผลลัพธ์ที่เป็นจุดเริ่มต้นในการประหยัดเวลามากในผลิตภัณฑ์ขั้นสุดท้ายของพวกเขา” หยางกล่าว

          คุณลักษณะนี้จะปรากฏในการประชุมการออกแบบ Max ประจำปีของ Adobe ในระหว่างการปราศรัย Sneaks ซึ่งมีการแสดงคุณลักษณะของห้องปฏิบัติการทดลอง แม้ว่าคุณสมบัติทั้งหมดของ Sneaks จะไม่ใช่ผลิตภัณฑ์สุดท้าย แต่คุณสมบัติก่อนหน้านี้ที่แสดงใน Sneaks เช่น Content-Aware Fill มีดังนั้นหวังว่า Body Tracker จะทำให้เป็น After Effects เร็ว ๆ นี้

ที่มาของข้อมูล :
https://www.theverge.com/2019/11/5/20938360/adobe-max-after-effects-sneaks-body-tracker-feature-animations