FINAL PROJECT : GRAPHICAL USER INTERFACE

"TRICK KID"

ICON

SPLASH PAGE

MAIN MENU

PAGE 1

PAGE 2

PAGE 3

PAGE 4

DESIGN WORKS

ICON

        จะเป็นแอพพลิเคชันที่เกี่ยวกับเคล็ดลับหรือวิธีในการเลี้ยงลูก ใช้ชื่อแอพพลิเคชันว่า "TRICK KID" ออกแบบโดยใช้รถเข็นเด็กมาแทนที่ตัว "C" แล้วใช้ล้อของรถเข็นมาทำเป็นตัว "I" ซึ่งมีธีมเป็นสีชมพู

หน้าจอโทรศัพท์เมื่อนำไอคอนไปวางเทียบกับไอคอนตัวอื่นๆ

SPLASH  PAGE ออกแบบโดยใช้ภาพที่แสดงออกถึงความรักความสัมพันธ์ของแม่และลูก

MAIN MENU จะใช้ธีมสีชมพู ลักษณะการลิงก์จะใช้ TRANSITION - FADE เมื่อเวลากดจะทำให้เมนูจางหายไปแล้วเปลี่ยนเป็นหน้าใหม่

PAGE 1 นำภาพของแม่และลูกมาประกอบ ในหน้านี้จะมีปุ่ม BACK, HOME และ NEXT และสามารถย่อขยายเพื่อดูข้อความได้

PAGE 2 จะนำภาพท่าอุ้มลูกมาประกอบตามหัวข้อ สามารถย่อขยายได้

PAGE 3 ในหน้านี้ข้อความอาจจะเยอะ สามารถย่อขยายได้ เผื่อตัวอักษรเล็กไป

PAGE 4 ไม่มีภาพประกอบ แต่ตัวอักษรหรือข้อความจะดูเยอะไปและใช้ฟองน้ำมาเป็นพื้นหลังข้อความ เพื่อที่จะไม่ให้ดูกลืนกัน

สามารถเข้าไปลองเล่นได้ที่ https://popapp.in/w/projects/553736c5607b7d2142d29b7f/mockups/5537389f9316213938b731f7

เทศกาลนวัตศิลป์ นานาชาติ 2558 INTERNATIONAL INNOVATIVE CRAFT FAIR 2015

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

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

กิจกรรมภายในงาน
1. กิจกรรม “เชิดชูทายาทช่างศิลปหัตถกรรม” การแสดงประวัติผลงานและการสาธิตงานศิลปหัตถกรรม
2. จัดแสดงนิทรรศการและกิจกรรมเผยแพร่องค์ความรู้ด้านงานหัตถกรรมที่ผ่านการคิดค้นสิ่งใหม่ๆ ได้แก่
       SACICT Craft Trend
       Innovative Craft Award
       Innovative Craft Award : ASEAN Selection
       SACICT Prototype Design
3. การสัมมนา ASEAN Craft Trend Talk
4. การเสวนาธุรกิจการค้าและการตลาด (Business Training & Seminar)
5. การจัดแสดงและจาหน่ายผลิตภัณฑ์ของผู้ประกอบการสมาชิก ศ.ศ.ป. ที่ผ่านการอบรมพัฒนาศักยภาพผู้ประกอบการ และ เครือข่ายจากทั้งในและต่างประเทศ
6. การสาธิตงานหัตถกรรม (Workshop)
7. Business Matching Zone
8. แกลอรี่แสดงผลงาน SACICT Mobile Gallery

ที่มา : http://www.thaifranchisecenter.com/event/show.php?etID=10038

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

 

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

VARA เป็นผลิตภัณฑ์ที่มีคอลเลกชันที่แตกต่างในเรื่องของสี ทำให้กระเป๋ามีความโดดเด่น สวยงาม 

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

เชียงใหม่ ศิลาดล เป็นผลิตภัณฑ์ประเภทสโตนแวร์ (Stoneware) ที่เคลือบขี้เถ้าพืชผสมกับดินผิวหน้านา เมื่อเผาแล้วผลิตภัณฑ์ที่ได้จะออกเป็นสีเขียวแบบเซลาดอน มีความสวยงามและคลาสสิคในตัว เป็นผลิตภัณฑ์ที่เลียนแบบสังคโลก ส่วนน้ำเคลือบจะใช้ขี้เถ้าพืชที่ได้จากไม้ก่อ ไม้ฮกฟ้ามาผสมกับดินผิวหน้านา 

ปั้นคนโทโบราณ 

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

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

กระเป๋าจากใบลาน ชาวบ้านจะนำใบลานมาจักเป็นตอกไว้มัดข้าว นำใบมาทำคัมภีร์งอบสำหรับใส่กันแดดกันฝน ต่อมาส่วนราชการส่งเสริมให้ชาวบ้านนำมาทำเป็นผลิตภัณฑ์ต่างๆ เพื่อให้ชาวบ้านทำเป็นอาชีพเสริมและเป็นสินค้า OTOP ระดับ 5 ดาว เช่น นำมาสานเป็นหมวก กระเป๋า โคมไฟ กล่องทิชชู เป็นต้น

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

Beautiful Quilling บ้านกระดาษสวย เครื่องประดับอย่างต่างหูที่ทำมาจากกระดาษ โดยเทคนิคศิลปะการม้วนกระดาษ เกิดจากความคิดสร้างสรรค์ที่นำมาออกแบบเป็นเครื่องประดับเก๋ๆ 

ROC The Only One เครื่องประดับที่นำใบไม้ ดอกไม้จริงมาเคลือบน้ำยา 99.99% เพื่อรักษารูปทรงของใบไม้ ดอกไม้ที่นำมาเคลือบ โดยจะเคลือบเป็นเงิน ทอง อย่างเช่น ใบเมเปิ้ลจากเกาะชิโกกุ ประเทศญี่ปุ่น จากรูปทรงของใบที่มีเอกลักษณ์ไม่เหมือนใบไม้ทั่วไป ลวดลายบนใบที่โดดเด่นเป็นการสร้างสรรค์โดยธรรมชาติได้อย่างลงตัว มาเป็นเครื่องประดับ ROC

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

Emit Clock นาฬิกาแขวน ของตกแต่งบ้านและงานาแฮนด์เมด มีลักษณะที่โดดเด่นที่ได้ทำการออกแบบมาประยุกต์จากวัสดุเหลือใช้

KLAPs เฟอร์นิเจอร์หลากหลายรูปแบบรูปทรง สามารถใช้ตกแต่งบ้านและใช้งานได้จริง

Infographic

Infographic

หัวข้อสุขภาพ เรื่องดื่มนมเป็นเวลา ดีต่อร่างกาย

โทนสีของเว็บไซต์

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

       - สีส้ม เป็นสีแห่งความสร้างสรรค์ อบอุ่น สดใส มีสติปัญญา ทะเยอทะยาน

       - สีแดง กระตุ้นระบบประสาท เร้าใจ ตื่นเต้น ท้าทาย ตื่นตัว

       - สีเขียว สีที่เด่นที่สุดบนโลก ร่มเย็น สบายตา ผ่อนคลาย ปลอดภัย

       - สีฟ้า สงบเยือกเย็น อิสระ ปลอดโปร่ง สบาย ปลอดภัย ใจเย็น สะอาด

       - สีขาว บริสุทธิ์ สะอาด สดใส เบาบาง อ่อนโยน

       - สีชมพู อบอุ่น อ่อนโยน นุ่มนวล อ่อนหวาน ความรัก

       - สีเหลือง แจ่มใส สดใส อบอุ่น ร่าเริง สุกสว่างใส

       - สีน้ำเงิน สุขุม เยือกเย็น หนักแน่น ละเอียดรอบคอบ น่าเชื่อถือ

       - สีม่วง สีแห่งผู้รู้ มีเสน่ห์ น่าติดตาม เร้นลับ น่าค้นหา

       - สีทอง หรูหรา โอ่อ่า มีราคา สง่างาม

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

เว็บไซต์ร้านรับซักรีดเสื้อผ้า จะใช้โทนสีขาวและสีฟ้า เพราะสีขาวสื่อถึงความสะอาด สีฟ้าสื่อถึงน้ำหรือความสดใสของเสื้อผ้า

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

       เลือกใช้สีตัวอักษรให้อ่านง่าย หากเว็บไซต์พื้นหลังสีอ่อน ควรใช้สีตัวอักษรสีเข้ม พื้นหลังสีเข้ม สีตัวอักษรก็ควรจะเป็นสีอ่อนหรือสีที่สว่าง

ที่มา : http://manual.readyplanet.com/index.php?lay=show&ac=article&Id=539434435

* อาทิตย์หน้าออกแบบเว็บไซต์มาในโปรแกรม เช่น Ai, Photoshop แล้วจะเรียนโปรแกรมในห้อง โดยออกแบบเว็บไซต์ทั้งหมด 4 หน้า

       - Home

       - About Me

       - My Portfolio

       - Contact

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

CURVED/labs pays tribute to design history of original apple macintosh

the CURVED/labs 'mac' concept pays tribute to the forgotten design style of apple’s first desktop computer, ‘lisa’, and the original macintosh released in 1984. since then, the californian company has produced many updates of their computers with the latest 'mac' being launched in 2014, but according to CURVED/labs, they have neglected the origins of the products that shaped future technology. featuring the same high quality aluminum casing that is used for macbooks, iPhones and iPads, it also has similar technological components as the current macbook ‘air’. some most notable differences are the 11.6 inch touchscreen which can be controlled via a mouse and keyboard too, and the illuminated logo on the back. keeping up with modern advances, the product which is available in silver, gray and gold, features SD card slots, a camera, speakers, microphones and both a USB and lightning port.

Curved / Labsการออกแบบเพื่อยกย่องประวัติศาสตร์ของแอปเปิ้ลแมคอินทอชจาก
แบบดั้งเดิม

     CURVED / Labs(ระบบปฏิบัติการ) 'แม็ค' มีแนวคิดที่จะยกย่องสไตล์การออกแบบที่ถูกลืมเลือนของคอมพิวเตอร์เดสก์ทอปแรกของแอปเปิ้ล ลิซ่าและแมคอินทอชแบบดั้งเดิมที่ปล่อยออกมาในปี 1984 ตั้งแต่นั้นมา บริษัท แคลิฟอร์เนียได้มีการผลิตการปรับปรุงอย่างมากของเครื่องคอมพิวเตอร์ของพวกเขาด้วย ล่าสุด 'iMac 'จะถูกเปิดตัวในปี 2014 แต่ตามที่CURVED และระบบปฏิบัติการที่พวกเขาได้ละเลยต้นกำเนิดของผลิตภัณฑ์ที่มีรูปร่างทางเทคโนโลยีในอนาคต ที่มีคุณภาพสูงเช่นเดียวกับเคสอลูมิเนียมที่ใช้สำหรับ MacBooks iPhones และ iPads ก็ยังมีส่วนประกอบทางเทคโนโลยีเช่นเดียวกับ MacBook ในปัจจุบันความแตกต่างที่โดดเด่นมากที่สุดคือหน้าจอสัมผัส 11.6 นิ้วซึ่งสามารถควบคุมผ่านเมาส์และคีย์บอร์ดเช่นเดียวกันกับโลโก้เรืองแสงอยู่ที่ด้านหลัง ส่วนการรักษาขึ้นอยู่กับความก้าวหน้าที่ทันสมัย, ผลิตภัณฑ์ที่มีอยู่จะมีสีเงิน, สีเทาและสีทอง มีช่องเสียบการ์ด SD, กล้อง, ลำโพง,ไมโครโฟนและพอร์ต USB

แนวความคิดในการแสดง

สีจะมีอยู่ 3 สี คือ สีเทา สีทองและสีเงิน

มุมมองด้านบนของการออกแบบ

แนวคิดของแม็คที่จะนำต้นกำเนิดของการออกแบบของระบบปฏิบัติการแมคอินทอชแบบดั้งเดิมในยุคปัจจุบัน

Close Up ของผลิตภัณฑ์อะลูมิเนียม

วิดีโอ

CREDIT : http://www.designboom.com/technology/curvedlabs-mac-design-apple-macintosh-01-14-2015/ 

สรุปผลการเรียนรู้สัปดาห์ที่ 3 23/1/2558

อาจารย์ได้ให้นำเสนอ MindMap หัวข้อเรื่องความสัมพันธ์ระหว่างเทคโนโลยีกับการออกแบบนิเทศศิลป์

การบ้าน

Technology for visual communication news

แปลสรุปข่าวสารหรือบทความด้านเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (นำเสนอหน้าชั้นเรียน)

* โพสต์เป็นบทความลงใน Blogger ของนักศึกษา (ภาษาอังกฤษและภาษาไทย)

* บทความเกี่ยวกับเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ UPDATE ปี 2557 - 2558

* ใส่ CREDIT ที่มาด้วย

* มีรูปประกอบ ถ้ามีคลิปวิดีโอก็ใส่ลงด้วย

เน้นเกี่ยวกับการออกแบบนิเทศศิลป์เท่านั้น

สรุปผลการเรียนรู้สัปดาห์ที่ 1 9/1/2558 และสัปดาห์ที่ 2 16/1/2558

     อาจารย์นรรชนภ ทาสุวรรณได้ชี้แจงเกี่ยวกับเรื่องคำอธิบายรายวิชาและข้อตกลงในการเรียน  โดยจะเริ่มเรียนตั้งแต่เวลา 09.30 น. ไม่มีเลท สายหัก 0.5 คะแนน สาย 3 ครั้ง ถือว่าขาดเรียน หัก 1 คะแนน ส่งงานช้าหักครึ่งคะแนน งานจะดูแบบร่างก่อนทุกครั้ง (แบบร่างจะต้องตรงกับงาน  ถ้าไม่ตรงหักคะแนน  ไม่ส่งแบบร่างจะไม่รับงาน)

     โปรแกรมที่ใช้ Photoshop, Illustrator, Dreamweaver (ออกแบบเว็บไซต์ อินเตอร์เฟส - ออกแบบหน้าจอและแอพ)

     อีเมลที่ติดต่อและส่งงาน https://www.facebook.com/artcru?fref=ts    

                      

     ในสัปดาห์ที่  2  อาจารย์ได้อธิบายและให้ทำ  Pre-Test  ทดสอบก่อนเรียนและเขียนแผนผังความคิด โดยการ Search google หาแอพหรือเครื่องมือออนไลน์ในการสร้างแผนผังความคิดในหัวข้อ "ความสัมพันธ์ระหว่างเทคโนโลยีกับการออกแบบนิเทศศิลป์"

ที่มา : นางสาวธัญชนก ถองทอง

ที่มาจากเว็บไซต์ : https://www.mindomo.com/mindmap/_=_