Final Project Graphical User Interface

Graphical user interface

Application " Cake Roll "

แนวคิด.

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

โดย Concept จะเน้นสีชมพู น้ำตาลเป็นหลัก และตามด้วยสีพาสเทลสีออกนมๆ ภาพวาดจะออกแบบโดยใช้ลายเส้นเหมือนภาพเขียนสีเทียน 

Cake Roll

Icon Application

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

หน้า Home เมื่อนำแอพฯไปวางเปรียบเทียบกับแอพฯอื่น

หน้าแรก หน้า LOADING

ออกแบบ เป็นสองลักษณธคือยังไม่ได้โหลด กับโหลดเสร็จแล้ว จะสังเกตุได้ว่าถ้ายังไม่เริ่มต้นโหลด รูปขั้นตอนการทำขนมจะไม่มีสี สีจะค่อยเพิ่มไล่จากข้างบนลงมาข้างล่าง ตามลำดับขั้นตอนการทำขนม จนสีเต็มทุกส่วนจะถือว่าทำการดาวน์โหลดเสร็จสิ้น 100%

หน้า Main Menu

หน้าเมนูหลัก จะมีทั้งหมด 4 ไอคอนหลัก คือ 1. อุปกรณ์ (Equipment) 2. ส่วนประกอบ (Ingredient) 3. เค้กโรลแฟนตาซี (Cake Roll Fantasy) 4. เค้กโรลเทศกาล (Cake Roll Festival)

หน้าอุปกรณ์ Equipment

บอกรายละเอียดว่าจำเป็นต้องใช้อุปกรณ์หลักๆอะไรบ้าง ออกแบบโดยอุปกรณ์จะวาดภาพด้วยมือใช้ลายเส้นเหมือนเขียนด้วยสีเทียน ใช้โทนสีพาสเทล หรือสีที่ออกนมๆ

หน้าส่วนประกอบ Ingredient

บอกรายละเอียดว่าส่วนผสมต่างๆของขนมใช้อะไรบ้าง ออกแบบโดยอุปกรณ์จะวาดภาพด้วยมือใช้ลายเส้นเหมือนเขียนด้วยสีเทียน ใช้โทนสีพาสเทล หรือสีที่ออกนมๆ เช่นเดียวกันกับหน้าอุปกรณ์

หน้าเค้กโรลแฟนตาซี (Cake Roll Fantasy)

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

หน้าเค้กโรลเทศกาล (Cake Roll Festival)

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

ทดสอบแอปพลิเคชั่นที่ออกแบบ โดยแอปพลิเคชั่น POP

แบบ SKETCH 

                          

                          

INTERNATIONAL INNOVATIVE CRAFT FAIR 2015

เมื่อวันที่ 20 มีนาคม ได้มีโอกาสไปศึกษาดูงานนอกสถานที่

ที่ BITEC Bangna ไบเทค บางนา 

INTERNATIONAL INNOVATIVE CRAFT FAIR 2015

งานที่ได้รับมอบหมาย ♥

1. ผ้าผลิตภัณฑ์จากผ้า

ครูช่าง

สิริวัทน์ เทียนปัญญา

ผ้าปักกองหลวง

หอเกียรติยศ SACICT Gallery

-  ช่างฝีมืองานศิลปหัตถกรรมของไทยในแขนงต่างๆ ที่ได้มีการพัฒนาทักษาความรู้ และสั่งสม ประสบการณ์ต่อยอดผสมผสานภูมืปัญญา พัฒนาหัตถกรรมให้มีความโดดเด่น และถ่ายทอดองค์ความรู้ให้แก่ทายาท กลุ่มคน หรือผู้สนใจในงานหัตถกรรม จากรุ่นสู่รุ่นให้คงอยู่สืบไป

จิตนภา โพนะทา

เชิดชูทายาทช่างศิลปหัตถกรรม
ดอกลายไหมแพรวา หัตถศิลป์ถิ่นภูไท
ปากเกร็ด

- บรรพบุรุษสอนให้เรารักงานหัตถศิลป์ไทยทุกแขนง จึงอยากให้มีการปลูกฝังคนรุ่นใหม่ให้มีใจรักตั้งแต่เด็ก เพราะถ้าหากงานศิลปหัตถกรรมที่มีคุณค่าของชาติหมดไป ชาติไทยก็จะไม่เหลือวัฒนธรรมอะไรที่ต้องสืบสานอีก


2. เครื่องปั้นดินเผา

work shop ภายในงาน

สอนปั้นคนโทโบราณ Molding Long Neck Jar

A Clay Ceramic

เซรามิค แบบแฮนเมด น่ารักๆ สไตล์วัยรุ่นสมัยใหม่ 

ceramics handmade and made to order

Bkk, Thailand

Instagram : aclayceramic

3. เครื่องจักสาน

คมกริช บริบูรณ์

เชิดชูทายาทช่างศิลปหัตถกรรม

สืบสานหัตถกรรมพื้นบ้าน จักสานไม้ไผ่พนัสนิคม

พนัสนิคม

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

พัชร หนานพิวงศ์

เชิดชูทายาทช่างศิลปหัตถกรรม

จักสานเสื่อกก ภูมิปัญญาปห่งบ้านนาหว้า

นครพนม

- ถ้าวันหนึ่งงานที่ทำอยู่ต้องเลอนหายไป ก็คงเสียใจเพราะงานแบบนี้เหมือนงานศิลปะที่มีความสวยงาม แต่เมื่อขายไม่ค่อยได้เราก็พัฒนารูปแบบให้ถูกตาต้องใจตลาดมากที่สุด จึงอยากให้ทุกคนช่วยกันรักษางานหัตถกรรมของเราไว้ให้อยู่คู่กับสังคมไทย

4. เครื่องประดับ 

 

       
                        

 

BangOnShop

www.facebook.com/ByBangOnShop

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

ณัฐวุฒิ พลเหิม

เชิดชูทายาทช่างศิลปหัตถกรรม

เครื่องเงินสุโขทัย เอกลักษณ์ไทยที่คงอยู่

สุโขทัย

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

5. เครื่องใช้ของตกแต่งบ้าน

Nawatan Rungdilokroajn

Nubneung | นับหนึ่ง
ผลงานชิ้นนี้ได้รับแรงบันดาลใจมาจากเครื่องแขวนดอกไม้สด เป็นความประทับใจที่ได้เห็นงานฝีมือชิ้นใหญ่ๆว่าเกิดจากหน่วยเล็กๆมาร้อยเรียงต่อกันจนเป็นชิ้นใหญ่

Kenneth Cobonpue
Philippines
Bloom Easy Armchair
ความสวยงามในแบบของสวนร่ม ได้แรงบันดาลใจจากกลีบดอกไม้ที่บางเบาพริ้วไหว ผลงานนี้เป็นผลงานที่บรรจงเย็บด้วยมือและเริ่มเย็บจากจุดกลางของเก้าอี้ ค่อยๆแผ่ออกทำให้รูปปทรงของเก้าอี้นั้นมีความพริ้วไหวเปรียบเสมือนกลีบดอกไม้จริงการใช้ไมรโครไฟเบอร์และวัสดุไฟเบอร์กลาสและเพื่อเพิ่มความแข็งแรงให้กับวัสดุแต่ยังคงความพริ้วไหว ความอ่อนโยน ของความเป็นดอกไม้ไว้ในงานออกแบบ





โซนที่ชื่นชอบมากที่สุด

Info Graphic

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

Gravity Sketch: 3D Sketching Tablet

Gravity Sketch is a group project of four Innovation Design Engineering students of the Royal College of Art namely: Daniela Paredes Fuentes, Guillaume Couche, Oluwaseyi Sosanya, and Pierre Paslier. Their aim is to enable users to create a 3D image using augmented reality. Gravity Sketch consists of a clear acrylic tablet that has joysticks on the side (called Landing Pad), a stylus, and a virtual reality headset like Oculus Rift or augmented reality device like Google Glass. The joysticks on the side of the Landing Pad that can be used to change the planes that the current pen illustrated. This device will be helpful for people who use CAD or computer aided design software to create models and illustrations.

The device consists of a clear acrylic tablet with a joystick and a sliding control on one side. The user sketches on the tablet – called a "landing pad" – in 2D with a stylus held in one hand while manipulating the controls with the other, to create the third dimension of the drawing.

สรุปผลการศึกษาครั้งที่ 3 ( 23 มกราคม 2558 )

มีการนำเสนอหน้าชั้นเรียนโดยการใช้แผนผังทางความคิด mind map ในหัวข้อ  " ความสัมพันธ์ระหว่างเทคโนโลยี กับการออกแบบนิเทศศิลป์ "

การบ้าน
แปลสรุปบทความข่าวสารด้านเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
- บทความอัพเดท ปี2557-2558
-เน้นเรื่องเกี่ยวกับการออกแบบนิเทศศิลป์

ความสัมพันธ์ระหว่างเทคโนโลยีกับการออกแบบนิเทศศิลป์

งานชิ้นที่1

Mind Mapping ความสัมพันธ์ระหว่างเทคโนโลยีกับการออกแบบนิเทศศิลป์