Final Project Graphical user interface

Final Project Graphical user interface

- Icon app
- Splash page
- Page 1
- Page 2
- Page 3
- Page 4   ขนาดหน้าจอ iPhone 6 ระบบ ios 8.3 จอภาพ Retina HD จอภาพ Multi-Touch แบบ LED-backlit ไวด์สกรีน ขนาด 4.7 นิ้ว (แนวทแยง) พร้อมเทคโนโลยี IPS ความละเอียด 1334 x 750 พิกเซลที่ 326 ppi อัตราส่วนคอนทราสต์ 1400:1 (ทั่วไป)

แนวคิดการออกแบบ

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

สีที่ใช้ในการออกแบบ

          สีชมพู ความหมาย: อบอุ่น, มีพลัง, ความสมดุล, กระตือรือร้น, มีชีวิตชีวา

          สีน้ำตาล ความหมาย: มิตรภาพ, เทศกาลพิเศษ, พื้นดิน, วัตถุนิยม, ความจริง, สะดวกสบาย, ทนทาน, มั่นคง, เรียบง่าย, อายุยืน

          สีขาว ความหมาย: เทวดา, สันติภาพ, บริสุทธิ์, สาวบริสุทธิ์, ความเรียบง่าย, ความสะอาด, ไร้เดียงสา, หนุ่มสาว, การเกิด, หน้าหนาว, หิมะ, ความดี, ปลอดเชื้อ, หนาวเย็น, ชัดเจน, สมบูรณ์แบบ, ยุติธรรม, ความปลอดภัย

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

Sketch

icon App Kin Tim

KIN TIM

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

Page 1 : iPhone capture screen whit  KIN  TIM Icon 

iPhone 6 : 750 x 1334  พิกเซลที่ 326 ppi อัตราส่วนคอนทราสต์ 1400:1 (ทั่วไป)

นำ icon application Kin  Tim มาวางกับ icon อื่นๆ

ที่มา : นางสาวศิรินันท์  สะอาด,2558

Page 2 : iPhone capture screen whit  KIN  TIM Icon 

iPhone 6 : 750 x 1334  พิกเซลที่ 326 ppi อัตราส่วนคอนทราสต์ 1400:1 (ทั่วไป)

หน้า Loading เพื่อจะเข้าไปในหน้า Splash page

Page 3 : iPhone capture screen whit  KIN  TIM Icon 

iPhone 6 : 750 x 1334  พิกเซลที่ 326 ppi อัตราส่วนคอนทราสต์ 1400:1 (ทั่วไป)

หน้า  Splash page เป็นหน้าหลักที่จะคลิ๊กเข้าไปดูหน้าต่างๆของ page

Page 4 : iPhone capture screen whit  KIN  TIM Icon 

iPhone 6 : 750 x 1334  พิกเซลที่ 326 ppi อัตราส่วนคอนทราสต์ 1400:1 (ทั่วไป)

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

Page 5 : iPhone capture screen whit  KIN  TIM Icon 

iPhone 6 : 750 x 1334  พิกเซลที่ 326 ppi อัตราส่วนคอนทราสต์ 1400:1 (ทั่วไป)

สำหรับหน้านี้ หลังจากที่ได้ภาชนะใส่ไอครีมแล้ว ก็มาเลือก รสชาติของไอครีม แล้วกด OK 

Page 6 : iPhone capture screen whit  KIN  TIM Icon 

iPhone 6 : 750 x 1334  พิกเซลที่ 326 ppi อัตราส่วนคอนทราสต์ 1400:1 (ทั่วไป)

เมื่อเรากด OK แล้ว หน้าต่อมาคือ หน้า ที่จะให้เลือก popping แล้วกด  OK

Page 7 : iPhone capture screen whit  KIN  TIM Icon 

iPhone 6 : 750 x 1334  พิกเซลที่ 326 ppi อัตราส่วนคอนทราสต์ 1400:1 (ทั่วไป)

เมื่อเราเลือกทั้งหมดที่เราจะรับประทาน app ก็จะประมวล ทั้งหมดที่เลือก ออกมาแล้วคิดเป็นราคาให้เราทราบ  แล้วกด OK

Page 8 : iPhone capture screen whit  KIN  TIM Icon 

iPhone 6 : 750 x 1334  พิกเซลที่ 326 ppi อัตราส่วนคอนทราสต์ 1400:1 (ทั่วไป)

เมื่อเรากด OK app ก็จะประมวลผลเป็นหน้าตาของไอครีมที่เราเลือก  ออกมาให้ดู แล้วก็บอกเวลาว่า 15 นาที ถึงจะได้กินไอครีมที่สั่ง 

Page 9 : iPhone capture screen whit  KIN  TIM Icon 

iPhone 6 : 750 x 1334  พิกเซลที่ 326 ppi อัตราส่วนคอนทราสต์ 1400:1 (ทั่วไป)

เมื่อเรารับกินเสร็จ ไม่ต้องไปเรียกพนักงาน แค่ คลิกที่ collection ก็จะพบหน้า ยอดเงินที่ต้องชำระ แล้วพนักงานจะมาเก็บเงินเอง

Page 10 : iPhone capture screen whit  KIN  TIM Icon 

iPhone 6 : 750 x 1334  พิกเซลที่ 326 ppi อัตราส่วนคอนทราสต์ 1400:1 (ทั่วไป)

หน้าสุดท้ายจะเป็นการติชมของลูกค้าที่เข้ามาใช้บริการ ให้คลิกไปที่หน้า comments แล้ว กด save จบการทำงาน
https://popapp.in/w/projects/5538e3517941a39c496f7e00/preview/5538e3517941a39c496f7e03

ตัวอย่าง application Kin Tim

การนำไปใช้ในโทรศัพท์มือถือในระบบ iPhone 6   ios 8.3

">                     

เทศกาลนวัตศิลป์นานาชาติ 2558 International Innovative Craft Fair 2015 (IICF 2015)

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

Theme งาน : Thailand-ASEAN & International Craft ConnectivityIICF 2015 นาเสนอความเชื่อมโยงทางวัฒนธรรมเฉพาะด้านงานศิลปหัตถกรรมในภูมิภาคอาเซียน และ นานาชาติ เพื่อให้สอดคล้องกับแนวทางสู่การเข้าสู่ประชาคมอาเซียน (ASEAN Community) ที่ต้องการเชื่อมโยงความร่วมมือของประเทศอาเซียนในหลายด้าน IICF 2015 จึงไม่ใช่เพียงงานที่จัดแสดงเพื่อการแลกเปลี่ยนความรู้ ประสบการณ์ด้านงานศิลปหัตถกรรม แต่ยังรวมถึงการสัมมนาในเรื่อง สมัยนิยม (trend) และการออกแบบผลงานที่ทันสมัยให้เป็นที่ยอมรับในระดับสากล รวมทั้ง การสร้างพันธมิตรทางการค้า - อ่านต่อได้ที่ ThaiFranchiseCenter : http://www.thaifranchisecenter.com/event/show.php?etID=10038

หัวข้อในการศึกษาดูงานประเภทผลิตภัณฑ์ ได้เเก่
1.ผ้าและผลิตภัณฑ์จากผ้า
    2.เครื่องปั้นดินเผา
    3.เครื่องจักสาน
    4.เครื่องประดับ
    5.เครื่องใช้ของตกแต่งบ้าน

ผลิตภัณฑ์นวัตศิลป์อื่นๆ - อ่านต่อได้ที่ ThaiFranchiseCenter : http://www.thaifranchisecenter.com/event/show.php?etID=10038

นิทัศการที่น่าสนใจ
1.ประเภทผลิตภัณฑ์ผ้าและผลิตภัณฑ์จากผ้า

Manila FAMEกระเป๋าลวดลายสีสันสวยๆที่ทำจากผ้า มีมากมายหลากหลายรูปแบบ

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

2.ประเภทผลิตภัณฑ์เครื่องปั้นดินเผา

มีเครื่องปั้นดินเผาตั้งแต่สมัยโบราญ แถมยังสอนวิธีการปั้นดินเผาให้ทดลอดปั้นฟรีอีกด้วย

เครื่องปั้นดินเผาที่มีลวดลายสวยงามเป็นเอกลักษณ์ของคนไทย

3.ประเภทผลิตภัณฑ์เครื่องจักสาน

เป็นการสานไม้ไผ่มาเป็นของใช้ เช่นเก้าอี้ โต๊ะ โคมไฟ ที่สามารถนำมาใช้ประโยชน์จริงในชีวิตประจำวันได้ และมีการฝึกสอนให้ทำฟรี

โหดนึ่งข้าว อัตโนมัติสามารถใส่ในหม้อหุงข้าวไฟฟ้าได้ เป็นการผสมผสานนวัตกรรมมาใช้ร่วมกันได้อย่างดี

4.ประเภทผลิตภัณฑ์เครื่องประดับ

เป็นสร้อยข้อมือที่ทำมาจากหินสี มีสีสันที่สวยงดงาม

MOISSUE แหวนที่ทำมาจากไม้ มีลักษณะเก๋ ในแบบของคนรักเครื่องประดับ

5.ประเภทผลิตภัณฑ์เครื่องใช้ของตกแต่งบ้าน

เป็นของตกแต่งบ้านที่ทำมาจากผ้า และเครื่องจักรสานทีนำมาตกแต่งกันได้อย่างผสมผสานเลยที่เดียว

SUKKEE HANDICRA เป็นชุดเครื่องเรือนที่ตกแต่งบ้าน ที่ทำมาจากไม้หวาย มีการทำให้สามรถนำมาใช้ประโยชน์ได้จริงในชีวิตประจำวัน

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

TileArt

Microsoft has just launched a new app for Windows Phone called #TileArt, which offers a quick way to customize the tiles on the Start screen, along with creating a custom lock screen. The app was made by Microsoft team member Ricc Webb.

Here's what you can do with it:

•Create your own custom tile layout
•Upload transparent PNG images
•Access free #TileArt Gallery
•Customize your lock screen
•Share home screen with your friends"

Here's what Webb had to say about this new app:

Doing this takes time, and a lot of effort, so the idea behind the app was to make customizing your Lumia as easy ible. I'm not saying it's perfect, but I think the combination of creating your own tile template, PNG support, lock screen customization and the #TileArt gallery make this a great starting point for anyone who's interested in creating awesome home screens.

icrosoft is launching a new competition in conjunction with the new #TileArt app, teaming up with TalentHouse to pick four artists that will have their creations published in the #TileArt app gallery. The winners will also get $1,500 and a Surface Pro 3. The deadline for entries is Feb. 24.

A little closer to home, be sure to drop by the Windows Central forums and share your creations with us. You'll find the thread here

•Download TileArt from the Windows Phone Store

Microsoft เปิดตัว TileArt แอพฯ ตกแต่งหน้า Tiles และหน้า Lock Screen ของ Windows Phone 8.1 ด้วยภาพพื้นหลังของผู้ใช้เองหรือจะดาวน์โหลดเพิ่มเองได้

เมื่อวันที่ 4 กุมภาพันธ์ 2558 Microsoft ออกแอพฯ ตัวใหม่ชื่อ TileArt ที่ให้ผู้ใช้งานWindows Phone 8.1 สามารถเลือกภาพมาปรับแต่งหน้า Tiles และหน้า Lock Screen ตามแบบฉบับของตัวเองได้ โดยสามารถเลือกภาพของตัวเองที่มีอยู่แล้ว เช่น รูปถ่าย และยังสามารถดาวน์โหลดภาพเพิ่มเติมได้จาก TileArt Gallery ที่มีให้ผู้ใช้คนอื่น ๆ แบ่งปันมาให้ รวมถึงผู้ใช้แอพฯ นี้ก็สามารถแบ่งปันหน้าจอของตัวเองที่แต่งเสร็จแล้วให้กับคนอื่น ๆ ได้เช่นกัน

สำหรับใครที่กำลังใช้งาน Windows Phone 8.1 สามารถดาวน์โหลดแอพฯ TileArt ไปตกแต่งหน้าจอมือถือตามแบบฉบับของตัวเองได้แล้วผ่าน Windows Phone Storeด้านล่าง

 

ขอบคุณแหล่งข้อมูลจาก: http://www.windowscentral.com/microsoft-launches-tileart-app-help-customize-your-windows-phone-tiles

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

TileArt

Microsoft has just launched a new app for Windows Phone called #TileArt, which offers a quick way to customize the tiles on the Start screen, along with creating a custom lock screen. The app was made by Microsoft team member Ricc Webb.

Here's what you can do with it:

•Create your own custom tile layout
•Upload transparent PNG images
•Access free #TileArt Gallery
•Customize your lock screen
•Share home screen with your friends"

Here's what Webb had to say about this new app:

Doing this takes time, and a lot of effort, so the idea behind the app was to make customizing your Lumia as easy ible. I'm not saying it's perfect, but I think the combination of creating your own tile template, PNG support, lock screen customization and the #TileArt gallery make this a great starting point for anyone who's interested in creating awesome home screens.

icrosoft is launching a new competition in conjunction with the new #TileArt app, teaming up with TalentHouse to pick four artists that will have their creations published in the #TileArt app gallery. The winners will also get $1,500 and a Surface Pro 3. The deadline for entries is Feb. 24.

A little closer to home, be sure to drop by the Windows Central forums and share your creations with us. You'll find the thread here

•Download TileArt from the Windows Phone Store

Microsoft เปิดตัว TileArt แอพฯ ตกแต่งหน้า Tiles และหน้า Lock Screen ของ Windows Phone 8.1 ด้วยภาพพื้นหลังของผู้ใช้เองหรือจะดาวน์โหลดเพิ่มเองได้

เมื่อวันที่ 4 กุมภาพันธ์ 2558 Microsoft ออกแอพฯ ตัวใหม่ชื่อ TileArt ที่ให้ผู้ใช้งานWindows Phone 8.1 สามารถเลือกภาพมาปรับแต่งหน้า Tiles และหน้า Lock Screen ตามแบบฉบับของตัวเองได้ โดยสามารถเลือกภาพของตัวเองที่มีอยู่แล้ว เช่น รูปถ่าย และยังสามารถดาวน์โหลดภาพเพิ่มเติมได้จาก TileArt Gallery ที่มีให้ผู้ใช้คนอื่น ๆ แบ่งปันมาให้ รวมถึงผู้ใช้แอพฯ นี้ก็สามารถแบ่งปันหน้าจอของตัวเองที่แต่งเสร็จแล้วให้กับคนอื่น ๆ ได้เช่นกัน

สำหรับใครที่กำลังใช้งาน Windows Phone 8.1 สามารถดาวน์โหลดแอพฯ TileArt ไปตกแต่งหน้าจอมือถือตามแบบฉบับของตัวเองได้แล้วผ่าน Windows Phone Storeด้านล่าง

สรุปผลการเรียนรู้ วันศุกร์ที่ 16 มกราคม พ.ศ.2558

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

ดูข้อมูลได้ที่ : https://www.mindmup.com/#m:a1576f2b10846a0132cd906a49f12abcca