nannicha portfolio
DESCRIPTION
PORTFOLIO no.1 all about graphic design by nannichaTRANSCRIPT
![Page 1: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/1.jpg)
PORTFOLIO
SIMPLE CONTEMPORARY & CHEERFULIllustration & Digital paintGraphic designWeb designMedia art
NANNICHA
![Page 2: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/2.jpg)
| 2
![Page 3: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/3.jpg)
PROFILE
NANNICHASRIWUT
PHOTOSHOP ILLUSTRATION IN��SI�N �R�A���A�RPHOTOSHOP ILLUSTRATOR INDESIGN DREAMWEAVER
สร้างภาพตัดต่อ
ภาพretouchเบ้ืองต้น
และงานdigital painting
สร้างภาพประกอบกราฟิก
ออกแบบlogo,icon งาน
ออกแบบสิ่งพิมพ์และออก
แบบภาพเว็บไซต์
สร้างภาพประกอบกราฟิก
ออกแบบlogo,icon งาน
ออกแบบสิ่งพิมพ์และ
ออกแบบภาพเว็บไซต์
เขียนหน้าเว็บไซต์ด้วยการ
ใช้ JQuery,css และjava
script ออกแบบlayout
หน้าเว็บไซต์
| 3
![Page 4: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/4.jpg)
ALL MY WORKS
| 4
CONTENT
ILLUSTRATION 6
24
40
62
66
68
INFORGRAPHIC
JUXTA CORPERATE IDENTITY
LAYOUT
TYPOGRAPHY DESIGN
WEB DESING
![Page 5: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/5.jpg)
| 5
![Page 6: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/6.jpg)
| 6
![Page 7: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/7.jpg)
Illustration เป็นการผสผสานระหว่างการวาดภาพด้วยมือและการใช ้เทคนิก dig i ta l painting เข้ามาร่วมด้วยในผลงานที่มีความน่าสนใจ
| 7
![Page 8: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/8.jpg)
| 8
![Page 9: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/9.jpg)
Ilustration ภาพประกอบหน้าปกนิยายเร ื ่อง AS I LAY DYINGกว่าจะสิ ้นลมหายใจ ของ สำานักพิมพ์ lighthouse
| 9
![Page 10: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/10.jpg)
| 10
![Page 11: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/11.jpg)
หนังสือ AS I LAY DYINGเมื ่อตีพิมพ์และออกวางจำาหน่ายตามร้านหนังสือทั ่วไป
| 11
![Page 12: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/12.jpg)
Il lustrationออกแบบภาพบนปกสมุดของ มหาวิทยาลัยเชียงใหม่ ใน ปี 2556 ซึ ่งดึงเอกลักษณ์ต่างของ มช.มาออกแบบเป็นภาพตัวการ์ตูนและการใช้สีที ่น ่ารักสดใสเหมาะกับวันรุ ่น
| 12
![Page 13: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/13.jpg)
| 13
![Page 14: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/14.jpg)
Il lustrationcharacter design
| 14
![Page 15: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/15.jpg)
Il lustrationcharacter design
| 15
![Page 16: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/16.jpg)
| 16
![Page 17: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/17.jpg)
| 17
![Page 18: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/18.jpg)
| 18
![Page 19: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/19.jpg)
| 19
![Page 20: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/20.jpg)
| 20
![Page 21: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/21.jpg)
| 21
![Page 22: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/22.jpg)
| 22
![Page 23: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/23.jpg)
| 23
![Page 24: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/24.jpg)
| 24
![Page 25: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/25.jpg)
see more about meawron story
| 25
![Page 26: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/26.jpg)
ราจะพบเห็นอยูเสมอในระบบปายที่ใชบอกเสนทางในที่สาธารณะ เชน สนามกีฬา สนามบิน ทองถนน และโรงแรม ที่มากที่สุดคือ หองน้ำของสถานที่ราชการ ศูนยการคา และอาคารสำนักงานเกือบทุกแหงทั่วโลก ซึ่งทำใหมันเปนที่รูจักในนาม “มนุษยหองน้ำ”
All about
หัวใจของ “PICTOGRAM”
ลดทอนรายละเอียดของรูปใหเหลือเพียงองคประกอบสำคัญ
สื่อสารไดอยางรวดเร็ว งายดาย
ไรพรมแดนทางภาษา
ผูใหกำเนิดมนุษยหองน้ำที่แทจริงคือนักปรัชญาดานสังคมศาตรชาวออสเตรีย ชื่อ Otto Neurathป 1920 เขาไดบุกเบิกและออกแบบภาษาภาพแบบใหมในการทำขอมูลใหเปนกราฟ ตารางและไดอะแกรมทั้งนี้ก็เพื่ออธิบายสภาพของสังคมยุคสมัยใหมใหคนทั่วไปไดเขาใจโดยงาย นอยรัทไดตั้งสถาบันInternational System of Typographic Picture Education ขึ้นที่นั้น เขาเรียกสัญลักษณแบบน้ันวา ไอโซไทป ISOTYPE ตามช่ือยอของสถาบัน ซึ่งหลักการออกแบบของไอโซไทปซึ่งเปนรากฐานของพิกโตแกรมสากลแบบอ่ืนๆ คือ เนนการลดทอนและความตอเน่ือง เปนชุดเดียวกัน ซ่ึงคือการควบคุมสไตลของทั้งชุดใหเปนเอกภาพ เชน สรางรูปแตละรูปขึ้นดวยเสนหรือรูปทรงสี่เหลี่ยมที่มีความหนาหรือขนาดเทาๆกัน จะเห็นตัวอยาง ของความตอเนื่องเปนชุดเดียวกันไดในระบบปายของกรมขนสงของสหรัฐฯตั้งแตป 1974 ระบบนี้มีความสวยงาม เปนระเบียบเพราะใชเสนและวงกลมขนาดเดียวกัน ใหมีสไตลกลมมนเหมือนกัน ในเวลาตอมา ดีไซนนี้กลายเปนตนแบบของคนหรือมนุษยหองน้ำที่นิยมใชกันมากท่ีสุดในโลก
HISTORY OF“PICTOGRAM”
จาก ร ูปแบบส ัญล ักษณI S O T P Y Eสูการคลี่คลายเปนPICTOGRAMแบบใหมๆ
isotype บรรพบุรุษของpictogram
นำมาใชเพื่ออธิบายสภาพของสังคมใหประชาชนเขาใจไดงาย
ดัดแปลงลดทอนรายละเอียดใหเปนรูปแบบสากลที่มีขนาดเสน รูปทรงที่เทากัน
นำมาดัดแปลงเปนรูปแบบที่มีความหลากลายมากขึ้น
สวนประกอบของp i c tog ramมบัติคลายพยัญชนะที่เราใชเรียงกันเปนคำระบบนี้ประกอบดวยหนวยยอย พื้นฐาน อันไดแก
วงกลม รูปสงเหลี่ยม เสนการควบคุมสไตลของทั้งชุดใหเปนเอกภาพทำใหรูปดูแบนๆ เหมือนมีเพียงสองมิติ กลายเปนสัญลักษณ
สิ่งที่คำนึงถึง
สวนประกอบ“PICTOGRAM”
การเลือกใชทาทาง อริยบทตางๆที่ชัดเจนเขาใจงายเพื่อสื่อสาร ใสลงไปใน pictogramหรือภาพบริบทตางๆ เชน สิ่งของ สถานที่
หองน้ำหองน้ำแยก
หญิง | ชาย
หองหญิง
หองชาย
ทางไปหองน้ำ
ระบบที ่ทำใหเราเขาในpictogram
Iconic Mode เปนวิถีหนาที่แบบเสมือนมีเครื่องมือสื่อสารที่อาศัยความเหมือนความคลายคลึงกับสิ่งที่ถูกสื่อสาร ไมจำเปนตองเหมือนจริงทั้งหมด แตเราก็ยอมรับวามันทำหนาที่แบบเหมือนจริง บางคนชี้ใหเห็นวาการที่เรายอมรับ icon เพราะเรารูความรูความเชื่อมโยงมากอนแลวสัญญะที่เปน iconมักใหความรูสึกวามันใกลชิดกับความจริงหรือความเปนธรรมชาติมากกวาสัญญะแบบอื่นๆ มันทำใหเรามองขามความเปนสื่อของมันไปได
signic mode sign ภาษาในที่นี้ทำหนาที่เปนเครื่องบงบอกเครื่องหมายหรือปายเครื่องมือสื่อสารท่ีทำหนาท่ีเปนเครื่องหมายและปายนี้เกือบทั้งหมดเปนขอตกลงขอสังคมหรืองคกร หนวยงานหรือกลุมบุคคล เพ่ือความสะดวกในการทำงาน ทำหนาท่ีของตนและคอยๆเปนที่รับรูยอมรับกันกวางขวางไปเรื่อยๆ
เราเขาในpictogram ดวยระบบสัญญะ 2
ราจะพบเห็นอยูเสมอในระบบปายที่ใชบอกเสนทางในที่สาธารณะ เชน สนามกีฬา สนามบิน ทองถนน และโรงแรม ที่มากที่สุดคือ หองน้ำของสถานที่ราชการ ศูนยการคา และอาคารสำนักงานเกือบทุกแหงทั่วโลก ซึ่งทำใหมันเปนที่รูจักในนาม “มนุษยหองน้ำ”
All about
หัวใจของ “PICTOGRAM”
ลดทอนรายละเอียดของรูปใหเหลือเพียงองคประกอบสำคัญ
สื่อสารไดอยางรวดเร็ว งายดาย
ไรพรมแดนทางภาษา
ผูใหกำเนิดมนุษยหองน้ำที่แทจริงคือนักปรัชญาดานสังคมศาตรชาวออสเตรีย ชื่อ Otto Neurathป 1920 เขาไดบุกเบิกและออกแบบภาษาภาพแบบใหมในการทำขอมูลใหเปนกราฟ ตารางและไดอะแกรมทั้งนี้ก็เพื่ออธิบายสภาพของสังคมยุคสมัยใหมใหคนทั่วไปไดเขาใจโดยงาย นอยรัทไดตั้งสถาบันInternational System of Typographic Picture Education ขึ้นที่นั้น เขาเรียกสัญลักษณแบบน้ันวา ไอโซไทป ISOTYPE ตามช่ือยอของสถาบัน ซึ่งหลักการออกแบบของไอโซไทปซึ่งเปนรากฐานของพิกโตแกรมสากลแบบอ่ืนๆ คือ เนนการลดทอนและความตอเน่ือง เปนชุดเดียวกัน ซ่ึงคือการควบคุมสไตลของทั้งชุดใหเปนเอกภาพ เชน สรางรูปแตละรูปขึ้นดวยเสนหรือรูปทรงสี่เหลี่ยมที่มีความหนาหรือขนาดเทาๆกัน จะเห็นตัวอยาง ของความตอเนื่องเปนชุดเดียวกันไดในระบบปายของกรมขนสงของสหรัฐฯตั้งแตป 1974 ระบบนี้มีความสวยงาม เปนระเบียบเพราะใชเสนและวงกลมขนาดเดียวกัน ใหมีสไตลกลมมนเหมือนกัน ในเวลาตอมา ดีไซนนี้กลายเปนตนแบบของคนหรือมนุษยหองน้ำที่นิยมใชกันมากท่ีสุดในโลก
HISTORY OF“PICTOGRAM”
จาก ร ูปแบบส ัญล ักษณI S O T P Y Eสูการคลี่คลายเปนPICTOGRAMแบบใหมๆ
isotype บรรพบุรุษของpictogram
นำมาใชเพื่ออธิบายสภาพของสังคมใหประชาชนเขาใจไดงาย
ดัดแปลงลดทอนรายละเอียดใหเปนรูปแบบสากลที่มีขนาดเสน รูปทรงที่เทากัน
นำมาดัดแปลงเปนรูปแบบที่มีความหลากลายมากขึ้น
สวนประกอบของp i c tog ramมบัติคลายพยัญชนะที่เราใชเรียงกันเปนคำระบบนี้ประกอบดวยหนวยยอย พื้นฐาน อันไดแก
วงกลม รูปสงเหลี่ยม เสนการควบคุมสไตลของทั้งชุดใหเปนเอกภาพทำใหรูปดูแบนๆ เหมือนมีเพียงสองมิติ กลายเปนสัญลักษณ
สิ่งที่คำนึงถึง
สวนประกอบ“PICTOGRAM”
การเลือกใชทาทาง อริยบทตางๆที่ชัดเจนเขาใจงายเพื่อสื่อสาร ใสลงไปใน pictogramหรือภาพบริบทตางๆ เชน สิ่งของ สถานที่
หองน้ำหองน้ำแยก
หญิง | ชาย
หองหญิง
หองชาย
ทางไปหองน้ำ
ระบบที ่ทำใหเราเขาในpictogram
Iconic Mode เปนวิถีหนาที่แบบเสมือนมีเครื่องมือสื่อสารที่อาศัยความเหมือนความคลายคลึงกับสิ่งที่ถูกสื่อสาร ไมจำเปนตองเหมือนจริงทั้งหมด แตเราก็ยอมรับวามันทำหนาที่แบบเหมือนจริง บางคนชี้ใหเห็นวาการที่เรายอมรับ icon เพราะเรารูความรูความเชื่อมโยงมากอนแลวสัญญะที่เปน iconมักใหความรูสึกวามันใกลชิดกับความจริงหรือความเปนธรรมชาติมากกวาสัญญะแบบอื่นๆ มันทำใหเรามองขามความเปนสื่อของมันไปได
signic mode sign ภาษาในที่นี้ทำหนาที่เปนเครื่องบงบอกเครื่องหมายหรือปายเครื่องมือสื่อสารท่ีทำหนาท่ีเปนเครื่องหมายและปายนี้เกือบทั้งหมดเปนขอตกลงขอสังคมหรืองคกร หนวยงานหรือกลุมบุคคล เพ่ือความสะดวกในการทำงาน ทำหนาท่ีของตนและคอยๆเปนที่รับรูยอมรับกันกวางขวางไปเรื่อยๆ
เราเขาในpictogram ดวยระบบสัญญะ 2
| 26
![Page 27: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/27.jpg)
ราจะพบเห็นอยูเสมอในระบบปายที่ใชบอกเสนทางในที่สาธารณะ เชน สนามกีฬา สนามบิน ทองถนน และโรงแรม ที่มากที่สุดคือ หองน้ำของสถานที่ราชการ ศูนยการคา และอาคารสำนักงานเกือบทุกแหงทั่วโลก ซึ่งทำใหมันเปนที่รูจักในนาม “มนุษยหองน้ำ”
All about
หัวใจของ “PICTOGRAM”
ลดทอนรายละเอียดของรูปใหเหลือเพียงองคประกอบสำคัญ
สื่อสารไดอยางรวดเร็ว งายดาย
ไรพรมแดนทางภาษา
ผูใหกำเนิดมนุษยหองน้ำที่แทจริงคือนักปรัชญาดานสังคมศาตรชาวออสเตรีย ชื่อ Otto Neurathป 1920 เขาไดบุกเบิกและออกแบบภาษาภาพแบบใหมในการทำขอมูลใหเปนกราฟ ตารางและไดอะแกรมทั้งนี้ก็เพื่ออธิบายสภาพของสังคมยุคสมัยใหมใหคนทั่วไปไดเขาใจโดยงาย นอยรัทไดตั้งสถาบันInternational System of Typographic Picture Education ขึ้นที่นั้น เขาเรียกสัญลักษณแบบน้ันวา ไอโซไทป ISOTYPE ตามช่ือยอของสถาบัน ซึ่งหลักการออกแบบของไอโซไทปซึ่งเปนรากฐานของพิกโตแกรมสากลแบบอ่ืนๆ คือ เนนการลดทอนและความตอเน่ือง เปนชุดเดียวกัน ซ่ึงคือการควบคุมสไตลของทั้งชุดใหเปนเอกภาพ เชน สรางรูปแตละรูปขึ้นดวยเสนหรือรูปทรงสี่เหลี่ยมที่มีความหนาหรือขนาดเทาๆกัน จะเห็นตัวอยาง ของความตอเนื่องเปนชุดเดียวกันไดในระบบปายของกรมขนสงของสหรัฐฯตั้งแตป 1974 ระบบนี้มีความสวยงาม เปนระเบียบเพราะใชเสนและวงกลมขนาดเดียวกัน ใหมีสไตลกลมมนเหมือนกัน ในเวลาตอมา ดีไซนนี้กลายเปนตนแบบของคนหรือมนุษยหองน้ำที่นิยมใชกันมากท่ีสุดในโลก
HISTORY OF“PICTOGRAM”
จาก ร ูปแบบส ัญล ักษณI S O T P Y Eสูการคลี่คลายเปนPICTOGRAMแบบใหมๆ
isotype บรรพบุรุษของpictogram
นำมาใชเพื่ออธิบายสภาพของสังคมใหประชาชนเขาใจไดงาย
ดัดแปลงลดทอนรายละเอียดใหเปนรูปแบบสากลที่มีขนาดเสน รูปทรงที่เทากัน
นำมาดัดแปลงเปนรูปแบบที่มีความหลากลายมากขึ้น
สวนประกอบของp i c tog ramมบัติคลายพยัญชนะที่เราใชเรียงกันเปนคำระบบนี้ประกอบดวยหนวยยอย พื้นฐาน อันไดแก
วงกลม รูปสงเหลี่ยม เสนการควบคุมสไตลของทั้งชุดใหเปนเอกภาพทำใหรูปดูแบนๆ เหมือนมีเพียงสองมิติ กลายเปนสัญลักษณ
สิ่งที่คำนึงถึง
สวนประกอบ“PICTOGRAM”
การเลือกใชทาทาง อริยบทตางๆที่ชัดเจนเขาใจงายเพื่อสื่อสาร ใสลงไปใน pictogramหรือภาพบริบทตางๆ เชน สิ่งของ สถานที่
หองน้ำหองน้ำแยก
หญิง | ชาย
หองหญิง
หองชาย
ทางไปหองน้ำ
ระบบที ่ทำใหเราเขาในpictogram
Iconic Mode เปนวิถีหนาที่แบบเสมือนมีเครื่องมือสื่อสารที่อาศัยความเหมือนความคลายคลึงกับสิ่งที่ถูกสื่อสาร ไมจำเปนตองเหมือนจริงทั้งหมด แตเราก็ยอมรับวามันทำหนาที่แบบเหมือนจริง บางคนชี้ใหเห็นวาการที่เรายอมรับ icon เพราะเรารูความรูความเชื่อมโยงมากอนแลวสัญญะที่เปน iconมักใหความรูสึกวามันใกลชิดกับความจริงหรือความเปนธรรมชาติมากกวาสัญญะแบบอื่นๆ มันทำใหเรามองขามความเปนสื่อของมันไปได
signic mode sign ภาษาในที่นี้ทำหนาที่เปนเครื่องบงบอกเครื่องหมายหรือปายเครื่องมือสื่อสารท่ีทำหนาท่ีเปนเครื่องหมายและปายนี้เกือบทั้งหมดเปนขอตกลงขอสังคมหรืองคกร หนวยงานหรือกลุมบุคคล เพ่ือความสะดวกในการทำงาน ทำหนาท่ีของตนและคอยๆเปนที่รับรูยอมรับกันกวางขวางไปเรื่อยๆ
เราเขาในpictogram ดวยระบบสัญญะ 2
นักออกแบบ ควรเขาใจ
เขาใจพื้นฐานความรูเฉพาะเรื่องของFunctionalของตัวpictogramเอง และจากประสบการณ การใชงานจริง
มีทักษะการใชสวนประกอบศิลป ที่ดี เสน สี รูปทรง มาดัดแปรงใหลงตัว เปนชุดเดียวกัน
นำเอาสวนประกอบในระบบsign อื่นมาใชรวมกับpictogramใหลงตัวได
อยาลืมความเปนมาตรฐานของที่สามารถสื่อสารไดอยางสากล เห็นแวบแรกแลวเขาใจ หรือ อาจจะใชคำอธิบายสั้นๆ
นักออกแบบ ควรเขาใจ
บางคร้ัง ก็ตองการ ขอความมาอธอบาย pictogram เพ่ิมเติม ตองดูบริบทของพ้ืนท่ี หากบริเวณน้ัน เชน ปายแนะนำการดูpictogram ควรจะมีไวบริเวณทางท่ีเร่ิมตนใชงาน pictogram หรืออาจจะเปนแผนพับ ท่ีสามารถแนะนำแบบส้ันๆงายๆได
1.สื่อสารได 2.เปนชุดเดียวกัน 3.สะทอนอัตลักษณ
functional + Design
เมื ่อหยิบpictogramไปใช
เปนส่ิงท่ีตองมีในการนำเอา pictogram ไปปรับรูปแบบใชในองคกร และเราสามารถตรวจสอบไดวาเมื่อนำไปใช จะมี 3ขอนี้ที่สื่อออกมา
1.pictogramสีเขมบนพื้นสีออน
2.pictogram สีออนบนพื้นสีเขม
3.ควรมีเรื่องของแสงสวางเขามาชวย
การวางpictogram บนพื้นหลัง
ขนาดที่มีผลกับการใชระบบ sign
เปนเร่ืองของความสัมพันธเร่ือง ffiifigure and groundท่ีตองขับใหตัวpictogramโดดเดน เห็นชัด
เร่ืองของขนาดเปนส่ิงท่ีควรใหความสำคัญในการออกแบบตอการรับรูทางสายตา ขนาดมีผลกระทบเปนอยางมาก
DESTINATION A DESTINATION B
destination Bdestination Adestination A destination B
DEST
INAT
ION
A
DEST
INAT
ION
B
2.50 m.
1.80 m.2.08 m.
1.60 m.
1.02 m.
CBA
D
- ตำแหนงบนสุด สำหรับlabelแขวนติด เพดานระยะสายตาสังเกตได
- ตำแหนงบนสุดสำหรับlabelขนาดเล็ก- labelขนาดกลาง สังเกตงาย- ตำแหนงท่ีขนานกับระดับสายตา
A - ตำแหนงบนสุดของlabelขนาดใหญ- ใชปายท่ีติดชิดกับขอบประตูB
C - เหมาะกับระดับสายตาคนพิการน่ังรถเข็ - ปายต้ังกับพ้ืนควรมีความสูงชิดตำแหนงน้ี
D
DESTINATION ADESTINATION BDESTINATION C
toilet
auditorium 1
เมื่อ pictogramทำงานรวมกับลูกสอนชี้เสนทางควรเลือกตำแหนงลูกสอนใหชิดกับทางที่หัวลูกสอนหันไป
การรักษาสัดสวนของที่อยูของpictograใหมีสัดสวนที่เหมาะสมเชน การใชปายใหญ ควรมีขนาดใหญ บอกขอมูลทิศทางไดชัดเจนปายที่เล็กควรติดอยูที่ใกลตำแหนงจุดหมายที่สุด เชน มุมประตู
| 27
![Page 28: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/28.jpg)
นักออกแบบ ควรเขาใจ
เขาใจพื้นฐานความรูเฉพาะเรื่องของFunctionalของตัวpictogramเอง และจากประสบการณ การใชงานจริง
มีทักษะการใชสวนประกอบศิลป ที่ดี เสน สี รูปทรง มาดัดแปรงใหลงตัว เปนชุดเดียวกัน
นำเอาสวนประกอบในระบบsign อื่นมาใชรวมกับpictogramใหลงตัวได
อยาลืมความเปนมาตรฐานของที่สามารถสื่อสารไดอยางสากล เห็นแวบแรกแลวเขาใจ หรือ อาจจะใชคำอธิบายสั้นๆ
นักออกแบบ ควรเขาใจ
บางคร้ัง ก็ตองการ ขอความมาอธอบาย pictogram เพ่ิมเติม ตองดูบริบทของพ้ืนท่ี หากบริเวณน้ัน เชน ปายแนะนำการดูpictogram ควรจะมีไวบริเวณทางท่ีเร่ิมตนใชงาน pictogram หรืออาจจะเปนแผนพับ ท่ีสามารถแนะนำแบบส้ันๆงายๆได
1.สื่อสารได 2.เปนชุดเดียวกัน 3.สะทอนอัตลักษณ
functional + Design
เมื ่อหยิบpictogramไปใช
เปนส่ิงท่ีตองมีในการนำเอา pictogram ไปปรับรูปแบบใชในองคกร และเราสามารถตรวจสอบไดวาเมื่อนำไปใช จะมี 3ขอนี้ที่สื่อออกมา
1.pictogramสีเขมบนพื้นสีออน
2.pictogram สีออนบนพื้นสีเขม
3.ควรมีเรื่องของแสงสวางเขามาชวย
การวางpictogram บนพื้นหลัง
ขนาดที่มีผลกับการใชระบบ sign
เปนเร่ืองของความสัมพันธเร่ือง ffiifigure and groundท่ีตองขับใหตัวpictogramโดดเดน เห็นชัด
เร่ืองของขนาดเปนส่ิงท่ีควรใหความสำคัญในการออกแบบตอการรับรูทางสายตา ขนาดมีผลกระทบเปนอยางมาก
DESTINATION A DESTINATION B
destination Bdestination Adestination A destination B
DEST
INAT
ION
A
DEST
INAT
ION
B
2.50 m.
1.80 m.2.08 m.
1.60 m.
1.02 m.
CBA
D
- ตำแหนงบนสุด สำหรับlabelแขวนติด เพดานระยะสายตาสังเกตได
- ตำแหนงบนสุดสำหรับlabelขนาดเล็ก- labelขนาดกลาง สังเกตงาย- ตำแหนงท่ีขนานกับระดับสายตา
A - ตำแหนงบนสุดของlabelขนาดใหญ- ใชปายท่ีติดชิดกับขอบประตูB
C - เหมาะกับระดับสายตาคนพิการน่ังรถเข็ - ปายต้ังกับพ้ืนควรมีความสูงชิดตำแหนงน้ี
D
DESTINATION ADESTINATION BDESTINATION C
toilet
auditorium 1
เมื่อ pictogramทำงานรวมกับลูกสอนชี้เสนทางควรเลือกตำแหนงลูกสอนใหชิดกับทางที่หัวลูกสอนหันไป
การรักษาสัดสวนของที่อยูของpictograใหมีสัดสวนที่เหมาะสมเชน การใชปายใหญ ควรมีขนาดใหญ บอกขอมูลทิศทางไดชัดเจนปายที่เล็กควรติดอยูที่ใกลตำแหนงจุดหมายที่สุด เชน มุมประตู
นักออกแบบ ควรเขาใจ
เขาใจพื้นฐานความรูเฉพาะเรื่องของFunctionalของตัวpictogramเอง และจากประสบการณ การใชงานจริง
มีทักษะการใชสวนประกอบศิลป ที่ดี เสน สี รูปทรง มาดัดแปรงใหลงตัว เปนชุดเดียวกัน
นำเอาสวนประกอบในระบบsign อื่นมาใชรวมกับpictogramใหลงตัวได
อยาลืมความเปนมาตรฐานของที่สามารถสื่อสารไดอยางสากล เห็นแวบแรกแลวเขาใจ หรือ อาจจะใชคำอธิบายสั้นๆ
นักออกแบบ ควรเขาใจ
บางคร้ัง ก็ตองการ ขอความมาอธอบาย pictogram เพ่ิมเติม ตองดูบริบทของพ้ืนท่ี หากบริเวณน้ัน เชน ปายแนะนำการดูpictogram ควรจะมีไวบริเวณทางท่ีเร่ิมตนใชงาน pictogram หรืออาจจะเปนแผนพับ ท่ีสามารถแนะนำแบบส้ันๆงายๆได
1.สื่อสารได 2.เปนชุดเดียวกัน 3.สะทอนอัตลักษณ
functional + Design
เมื ่อหยิบpictogramไปใช
เปนส่ิงท่ีตองมีในการนำเอา pictogram ไปปรับรูปแบบใชในองคกร และเราสามารถตรวจสอบไดวาเมื่อนำไปใช จะมี 3ขอนี้ที่สื่อออกมา
1.pictogramสีเขมบนพื้นสีออน
2.pictogram สีออนบนพื้นสีเขม
3.ควรมีเรื่องของแสงสวางเขามาชวย
การวางpictogram บนพื้นหลัง
ขนาดที่มีผลกับการใชระบบ sign
เปนเร่ืองของความสัมพันธเร่ือง ffiifigure and groundท่ีตองขับใหตัวpictogramโดดเดน เห็นชัด
เร่ืองของขนาดเปนส่ิงท่ีควรใหความสำคัญในการออกแบบตอการรับรูทางสายตา ขนาดมีผลกระทบเปนอยางมาก
DESTINATION A DESTINATION B
destination Bdestination Adestination A destination B
DEST
INAT
ION
A
DEST
INAT
ION
B
2.50 m.
1.80 m.2.08 m.
1.60 m.
1.02 m.
CBA
D
- ตำแหนงบนสุด สำหรับlabelแขวนติด เพดานระยะสายตาสังเกตได
- ตำแหนงบนสุดสำหรับlabelขนาดเล็ก- labelขนาดกลาง สังเกตงาย- ตำแหนงท่ีขนานกับระดับสายตา
A - ตำแหนงบนสุดของlabelขนาดใหญ- ใชปายท่ีติดชิดกับขอบประตูB
C - เหมาะกับระดับสายตาคนพิการน่ังรถเข็ - ปายต้ังกับพ้ืนควรมีความสูงชิดตำแหนงน้ี
D
DESTINATION ADESTINATION BDESTINATION C
toilet
auditorium 1
เมื่อ pictogramทำงานรวมกับลูกสอนชี้เสนทางควรเลือกตำแหนงลูกสอนใหชิดกับทางที่หัวลูกสอนหันไป
การรักษาสัดสวนของที่อยูของpictograใหมีสัดสวนที่เหมาะสมเชน การใชปายใหญ ควรมีขนาดใหญ บอกขอมูลทิศทางไดชัดเจนปายที่เล็กควรติดอยูที่ใกลตำแหนงจุดหมายที่สุด เชน มุมประตู
นักออกแบบ ควรเขาใจ
เขาใจพื้นฐานความรูเฉพาะเรื่องของFunctionalของตัวpictogramเอง และจากประสบการณ การใชงานจริง
มีทักษะการใชสวนประกอบศิลป ที่ดี เสน สี รูปทรง มาดัดแปรงใหลงตัว เปนชุดเดียวกัน
นำเอาสวนประกอบในระบบsign อื่นมาใชรวมกับpictogramใหลงตัวได
อยาลืมความเปนมาตรฐานของที่สามารถสื่อสารไดอยางสากล เห็นแวบแรกแลวเขาใจ หรือ อาจจะใชคำอธิบายสั้นๆ
นักออกแบบ ควรเขาใจ
บางคร้ัง ก็ตองการ ขอความมาอธอบาย pictogram เพ่ิมเติม ตองดูบริบทของพ้ืนท่ี หากบริเวณน้ัน เชน ปายแนะนำการดูpictogram ควรจะมีไวบริเวณทางท่ีเร่ิมตนใชงาน pictogram หรืออาจจะเปนแผนพับ ท่ีสามารถแนะนำแบบส้ันๆงายๆได
1.สื่อสารได 2.เปนชุดเดียวกัน 3.สะทอนอัตลักษณ
functional + Design
เมื ่อหยิบpictogramไปใช
เปนส่ิงท่ีตองมีในการนำเอา pictogram ไปปรับรูปแบบใชในองคกร และเราสามารถตรวจสอบไดวาเมื่อนำไปใช จะมี 3ขอนี้ที่สื่อออกมา
1.pictogramสีเขมบนพื้นสีออน
2.pictogram สีออนบนพื้นสีเขม
3.ควรมีเรื่องของแสงสวางเขามาชวย
การวางpictogram บนพื้นหลัง
ขนาดที่มีผลกับการใชระบบ sign
เปนเร่ืองของความสัมพันธเร่ือง ffiifigure and groundท่ีตองขับใหตัวpictogramโดดเดน เห็นชัด
เร่ืองของขนาดเปนส่ิงท่ีควรใหความสำคัญในการออกแบบตอการรับรูทางสายตา ขนาดมีผลกระทบเปนอยางมาก
DESTINATION A DESTINATION B
destination Bdestination Adestination A destination B
DEST
INAT
ION
A
DEST
INAT
ION
B
2.50 m.
1.80 m.2.08 m.
1.60 m.
1.02 m.
CBA
D
- ตำแหนงบนสุด สำหรับlabelแขวนติด เพดานระยะสายตาสังเกตได
- ตำแหนงบนสุดสำหรับlabelขนาดเล็ก- labelขนาดกลาง สังเกตงาย- ตำแหนงท่ีขนานกับระดับสายตา
A - ตำแหนงบนสุดของlabelขนาดใหญ- ใชปายท่ีติดชิดกับขอบประตูB
C - เหมาะกับระดับสายตาคนพิการน่ังรถเข็ - ปายต้ังกับพ้ืนควรมีความสูงชิดตำแหนงน้ี
D
DESTINATION ADESTINATION BDESTINATION C
toilet
auditorium 1
เมื่อ pictogramทำงานรวมกับลูกสอนชี้เสนทางควรเลือกตำแหนงลูกสอนใหชิดกับทางที่หัวลูกสอนหันไป
การรักษาสัดสวนของที่อยูของpictograใหมีสัดสวนที่เหมาะสมเชน การใชปายใหญ ควรมีขนาดใหญ บอกขอมูลทิศทางไดชัดเจนปายที่เล็กควรติดอยูที่ใกลตำแหนงจุดหมายที่สุด เชน มุมประตู
| 28
![Page 29: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/29.jpg)
QR code for more information about
pictrogram
www.mediaartsdesign.org/ student/nannicha/pictogram.html
Inforgraphicการออกแบบภาพประกอบและ การจัดการข้อมูลในรูป infor-graphic ภายใต้การอธิบายความรู้เรื ่องของ pictrogram
| 29
![Page 30: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/30.jpg)
Information graphic design pro-ject : เชียงใหม่เป็นส ี project : เชียงใหม่เป็นสี เป็นการนำา
เอาข้อมูลความเปลี ่ยนแปลงของเชียงใหม่
ที่ทั้งเกิดมาจากคนในพื ้นที ่ และคนนอก
พื้นที่ มาสร้างวัฒนธรรมใหม่ หรือแตง่เติม
จากสิ ่งที ่ม ีอยู ่แล้วในเชียงใหม่ จึงเป็น
แนวคิดในการเปร ียบเสมือน “ส ี” ท ี ่ม ี
หลากหลายสีมากขึ ้น หรือในอีกบทบาท
หน่ึง เช ียงใหม่เป็นเม ืองที ่มี “สีสัน”
มากมาย ไม่คงที่แน่นอน ดังนั ้นเราจึงได้
สังเคราะห์ วิเคราะห์ข้อมูล ออกมาเป็น
เร ื ่องของสิ่งที่ มาใหม่ และ สิ ่งที ่ คงอยู่
โดยมีการจัดการเรื ่องข้อมูลที ่ถ ูกทำาให้
อ่านง่าย หรือรับเอาข้อมูลง่ายขึ ้นด้วย
การใช้แนวคิดการทำา Infographic มา
ใช้ในงานนี ้ Inforgraphic
“สามย่าน สามอย่าง” ข้อมูลเชิง
การสำารวจพื้นที่ ในบริเวรย่าน
ธุรกิจของเชียงใหม่
| 30
![Page 31: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/31.jpg)
| 31
![Page 32: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/32.jpg)
| 32
![Page 33: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/33.jpg)
inforgraphicข้อมูลความเชื่อของชาวเชียงใหม่ในรูปแบบส่วนประกอบในพิธีกรรมที่เกี่ยวกความเชื ่อ
| 33
![Page 34: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/34.jpg)
| 34
![Page 35: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/35.jpg)
| 35
![Page 36: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/36.jpg)
สูงเมนเดนชัย
รองกวาง
ลอง
เมืองแพร
ถ.คำลือ
บานซะริ่ด
วงเวียน
ถ.รอบเมือง
ถ.ยันตรกิจโกศล
ถ.บานใหม
ถ.เหมืองหิต
ถ.เจริญเมือง
ถ.ชอแฮ
ถ.น้ำทอง
ถ.ราชดำเนิน
ไปอ.ลอง
ไปอ.เดนชัย
หนองมวงไข
42
¨Ñ§ËÇÑ´á¾Ã‹
á¼¹·Õ่
PHRAE
ÅѡɳÐÀÙÁÔ»ÃÐà·È໚¹·ÕèÃÒºÃÐËÇ‹Ò§ÀÙà¢Òâ´ÂÁÕ·ÔÇà¢ÒÅŒÍÁ
Ãͺ áÅÐÁÕáÁ‹¹éÓÊÒÂÊÓ¤ÑÞäËż‹Ò¹¤×Í áÁ‹¹éÓÂÁ ໚¹
¨Ñ§ËÇÑ´·ÕèÁ ÕÀÙà¢ÒÅŒÍÁÃͺ·Ñé§ÊÕè·ÔÈ ÁÕà¹×éÍ·Õèâ´Â»ÃÐÁÒ³
6,538.59 µÒÃÒ§¡ÔâÅàÁµÃ ËÃ×Í»ÃÐÁÒ³ 4,086,625 äÃ
ÁÕ¤ÇÒÁ¡ÇŒÒ§»ÃÐÁÒ³ 59 ¡ÔâÅàÁµÃ ÁÕ¤ÇÒÁÂÒÇ»ÃÐÁÒ³
118 ¡ÔâÅàÁµÃ
àÊŒ¹ÃØ ‹§17.70 - 18.84
ͧÈÒ
àÊŒ¹áǧ99.58 - 100.32
ͧÈÒ
¡ÒÃà´Ô¹·Ò§ | ¢¹Ê‹§
ö·ÑÇÃ�öºÑÊ
öä¿Í.à´‹¹ªÑÂ
öÊͧá¶ÇÃͺàÁ×ͧá¾Ã‹
ËÁÒÂàÅ¢·Ò§ËÅǧ·Õè
11 | 101¡Ãا෾-á¾Ã‹
555¡ÔâÅàÁµÃ
µÓá˹‹§Ê¶Ò¹·Õ่
ªØÁª¹¤¹àÅÕé§ÅÔ§à¡çºÁоÌÒÇ
àÊŒ¹·Ò§ËÅǧ 1022 ¶.ª‹ÍáÎ
»ÃÐÁÒ³ 1 ¡.Á. àÅÕéÂÇ¢ÇÒࢌÒ
ºŒÒ¹¹Ò¨Ñ¡ÃµÃ§ä»ÍÕ¡»ÃÐÁÒ³
300 àÁµÃ à¨ÍÇÑ´¹Ò¨Ñ¡ÃªØÁª¹
¤¹àÅÕé§ÅÔ§à¡çºÁоÌÒÇ
1 2 Ìҹ¢ŒÒǤǺ»‡Ò¨ØÌÒ
2/1 ¶.ÇÕÃÐ µ.ã¹àÇÕ§ Í.àÁ×ͧ
ÃÔÁ¶¹¹ã¹«Í¢ŒÒ§ä»ÃɳÕÂ�á¾Ã‹
3 ¾Ô¾Ô¸Àѳ±�ºŒÒ¹Ã¶à²‹Ò
à»�´ãˌࢌҪÁÇѹàÊÒÃ� - ÍÒ·ÔµÂ�
µÑé§ÍÂÙ ‹ºÃÔàdz»ÃеÙàÇÕ§ÂÑé§ÁŒÒ
µ.ã¹àÇÕ§ Í.àÁ×ͧ
4 ¹éÓ¤×Í
ÍÂÙ‹ºÃÔàdzá¡·Ò§´ŒÒ¹»Ãе٪ÑÂ
µÑé§ÍÂÙ‹¢ŒÒ§àÃ×͹¨Ó¨Ñ§ËÇÑ´á¾Ã‹
1
3
Inforgraphic & mapการออกแบบแผนที่การท่องเที่ยว ของจ ังหว ัดแพร ่ โดยการใช้ งานกราฟิกที่ลดทอนรายละเอียด ลงและการใช้สีที ่ท ันสมัย เพื ่อให้ผุ ้อ ่านเข้าใจง่าย
| 36
![Page 37: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/37.jpg)
สูงเมนเดนชัย
รองกวาง
ลอง
เมืองแพร
ถ.คำลือ
บานซะริ่ด
วงเวียน
ถ.รอบเมือง
ถ.ยันตรกิจโกศล
ถ.บานใหม
ถ.เหมืองหิต
ถ.เจริญเมือง
ถ.ชอแฮ
ถ.น้ำทอง
ถ.ราชดำเนิน
ไปอ.ลอง
ไปอ.เดนชัย
หนองมวงไข
42
¨Ñ§ËÇÑ´á¾Ã‹
á¼¹·Õ่
PHRAE
ÅѡɳÐÀÙÁÔ»ÃÐà·È໚¹·ÕèÃÒºÃÐËÇ‹Ò§ÀÙà¢Òâ´ÂÁÕ·ÔÇà¢ÒÅŒÍÁ
Ãͺ áÅÐÁÕáÁ‹¹éÓÊÒÂÊÓ¤ÑÞäËż‹Ò¹¤×Í áÁ‹¹éÓÂÁ ໚¹
¨Ñ§ËÇÑ´·ÕèÁ ÕÀÙà¢ÒÅŒÍÁÃͺ·Ñé§ÊÕè·ÔÈ ÁÕà¹×éÍ·Õèâ´Â»ÃÐÁÒ³
6,538.59 µÒÃÒ§¡ÔâÅàÁµÃ ËÃ×Í»ÃÐÁÒ³ 4,086,625 äÃ
ÁÕ¤ÇÒÁ¡ÇŒÒ§»ÃÐÁÒ³ 59 ¡ÔâÅàÁµÃ ÁÕ¤ÇÒÁÂÒÇ»ÃÐÁÒ³
118 ¡ÔâÅàÁµÃ
àÊŒ¹ÃØ ‹§17.70 - 18.84
ͧÈÒ
àÊŒ¹áǧ99.58 - 100.32
ͧÈÒ
¡ÒÃà´Ô¹·Ò§ | ¢¹Ê‹§
ö·ÑÇÃ�öºÑÊ
öä¿Í.à´‹¹ªÑÂ
öÊͧá¶ÇÃͺàÁ×ͧá¾Ã‹
ËÁÒÂàÅ¢·Ò§ËÅǧ·Õè
11 | 101¡Ãا෾-á¾Ã‹
555¡ÔâÅàÁµÃ
µÓá˹‹§Ê¶Ò¹·Õ่
ªØÁª¹¤¹àÅÕé§ÅÔ§à¡çºÁоÌÒÇ
àÊŒ¹·Ò§ËÅǧ 1022 ¶.ª‹ÍáÎ
»ÃÐÁÒ³ 1 ¡.Á. àÅÕéÂÇ¢ÇÒࢌÒ
ºŒÒ¹¹Ò¨Ñ¡ÃµÃ§ä»ÍÕ¡»ÃÐÁÒ³
300 àÁµÃ à¨ÍÇÑ´¹Ò¨Ñ¡ÃªØÁª¹
¤¹àÅÕé§ÅÔ§à¡çºÁоÌÒÇ
1 2 Ìҹ¢ŒÒǤǺ»‡Ò¨ØÌÒ
2/1 ¶.ÇÕÃÐ µ.ã¹àÇÕ§ Í.àÁ×ͧ
ÃÔÁ¶¹¹ã¹«Í¢ŒÒ§ä»ÃɳÕÂ�á¾Ã‹
3 ¾Ô¾Ô¸Àѳ±�ºŒÒ¹Ã¶à²‹Ò
à»�´ãˌࢌҪÁÇѹàÊÒÃ� - ÍÒ·ÔµÂ�
µÑé§ÍÂÙ ‹ºÃÔàdz»ÃеÙàÇÕ§ÂÑé§ÁŒÒ
µ.ã¹àÇÕ§ Í.àÁ×ͧ
4 ¹éÓ¤×Í
ÍÂÙ‹ºÃÔàdzá¡·Ò§´ŒÒ¹»Ãе٪ÑÂ
µÑé§ÍÂÙ‹¢ŒÒ§àÃ×͹¨Ó¨Ñ§ËÇÑ´á¾Ã‹
1
3
| 37
![Page 38: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/38.jpg)
| 38
![Page 39: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/39.jpg)
Inforgraphic & map แผนที ่จ ังหวัดแพร่
| 39
![Page 40: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/40.jpg)
| 40
![Page 41: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/41.jpg)
Icon design activity & hobbies
| 41
![Page 42: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/42.jpg)
| 42
![Page 43: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/43.jpg)
JUXTA is producing the T-Shirt culture which presents the difference between the ideality and reality of the occurring political phenomena within society. This presented a positive attitude exemplified through the pattern of the shirt with our creative design of the characters, and graphic content. This was made by our creative media artists
and designers to create opportunities for people in the community to refine their ideas of and encourage reflection regarding the problems facing society. This process of reflection may occur independently or within peer settings. Thus, this help to establish the identity of young people as those who are ready to build and develop society.
| 43
![Page 44: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/44.jpg)
JUXTA มาจากคำาว่า Juxtaposition หมายถึง “การวางติดกัน
เพื่อเทียบเคียง” การรวมกันของ ขั้วตรงข้าม ความขัดแย้ง
ความแตกต่าง เปรียบเทียบของสิ่งต่าง ๆ รวมถึงสังคมJuxtapolitictees คือการผลิตสร้างวัฒนธรรมเสื้อยืด ที่นำาเอาความ
แตกต่างกันอย่างสุดขั้ว ระหว่างอุดมคติ กับปรากฏการณ์ของความ
เป็นจริงในทางการเมืองที่เกิดขึ้นในสังคมมานำาเสนอด้วยมุมมอง และ
ทัศนคติที่หลากหลาย จนคลี่คลายออกมาเป็นลวดลายของเสื้อยืดด้วย
กระบวนการการออกแบบท่ีสร้างสรรค์ ทั้งเนื้อหาตัวอักษร และภาพ
กราฟฟิกโดยการรวมตัวของกลุ่มนักคิด นักสร้างสรรค์สื่อ นักศิลปะ
และนักออกแบบรุ่นใหม่ เพื่อสร้างโอกาสให้ผู้คนในสังคมได้ขัดเกลา
ความคิด สะท้อนปัญหา ต้องประเด็นคำาถาม เกิดกระบวนการวิพากษ ์
วิจารณ์ได้อย่างเป็นอิสระ และน่ีจะเป็นการแสดงให้เห็นถึงความเป็น
ตัวตนของคนรุ่นใหม่ ที่มีความพร้อมที่จะสร้างและพัฒนาสังคมต่อไป
แนวทางในการนำาเสนอเน้นให้พวกเราเป็นตัวแทนวัยรุ่นที่มีความคิด
เก่ียวกับการเมืองแบบขำาขัน ตลกร้าย และเสียดสีหรือประชดสังคม
และวัฒนะรรมการเมืองที่เป็นอยู่ การนำาเสนอผ่านทางลายบนเสื้อยืด
ที่เราออกแบบกันภายใต้หัวข้อ วัฒนธรรมการเมือง (PoliticalCulture)
โดยมีร้านขายเสื้อผ้าที่จัดขึ้นในงาน “madiFESTO 2013” เป็นการ
แสดงนิทรรศการที่มีผู้คนกลุ่มที่สนใจศิลปะมาชมและเมื่อเสื้อผ้าได้ออก
จำาหน่ายผู้ท่ีใส่ก็สามารถสื่อสารข้อความหรือสัญลักษณ์บนลายเสื้อท่ี
เป็นจุดให้ผู้พบเห้นสามารถ ดูลายและใช้ความคิดตั้งคำาถามและมี
ความเห็นกับเสื้อ ที่จะสื่อถึงการเมือง
Juxta's concept
| 44
![Page 45: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/45.jpg)
| 45
![Page 46: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/46.jpg)
กว่าจะมาเป็น แบรนด์เสื้อยืด JUXTA เราได้ระดมความคิด
สร้างสรรค์เป็นผลงานภายใต้ concept เสื้อยืดที่สามารถบอก เล่าความคิดเห็นทางการเมืองอย่างเปิดเผยและแตกต่างของคน
รุ่นใหม่ การคิดและออกแบบแบรนด์จึงเป็นสิงสำาคัญที่จะนำาไปสู ่ภาพลักษณ์ที่โดดเด่นและแตกต่างโดยใช้ความรู้ด้านการออกแบบ corporate identity ให้กับแบรนด์เสื้อยืดด้วยพลังความคิด ของคนรุ่นใหม่ที่ใช้ความรู้ท ักษะความสามารถทางกาออกแบบ กราฟฟิกมาผสมผสานและสร้างสรรค์ออกแบบจนเกิดความลงตัว ของแบรนด์และผลิตภัณฑ์
PRODUCTION DESIGN
| 46
![Page 47: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/47.jpg)
| 47
![Page 48: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/48.jpg)
FIST OF REVOLUTION we use right hand fist form created strong line and cubicform to make this logo feel strong. meaning of JUXTA logois the will to new power for stage a revolution politics to create opportunities for people in the community to refine their ideas of and encourage reflection regarding the problems facing society.
| 48
![Page 49: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/49.jpg)
C:0 M:0 Y:0 K:100R:0 G:0 B:0#000000
C:0 M:0 Y:0 K:100R:255 G:255 B:255#000000
ALDO THE APACHEABCDEFGHIJKLMNOPQRSTUVWXZa b c d e f g h i j k l m n o p q r s t u v w x z
1 2 3 4 5 6 7 8 9 0!@##$&*( )_+=- [ ] ; : ' " , . / \<>?
ArialABCDEFGHIJKLMNOPQRSTUVWXZa b c d e f g h i j k l m n o p q r s t u v w x z1 2 3 4 5 6 7 8 9 0!@##$&*()_+=- [ ] ; : ' " , . / \<>?
CORPERATE IDENTITYcorporate identity สำาหรับ ใช้ในร้านเสื้อยิด JUXTA ทั้งหมด โดย ออกแบบมาให้มีลักษณะที่ดูทันสมัยและดูหนักแน่น ด้วยการใช้สีขาว ดำา ที่ทำาให้งานออกมาเป็นไปในทิศทางเดียวกัน
| 49
![Page 50: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/50.jpg)
| 50
![Page 51: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/51.jpg)
PAPER TAG
SIZE & WASH LABEL
| 51
![Page 52: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/52.jpg)
| 52
![Page 53: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/53.jpg)
name card
| 53
![Page 54: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/54.jpg)
The front of politicians have good appearance but behind the scenes has a lot of dirtiness like corruption so politicians have to conceal bad behavior like a dark shadow backside.
my t-shIrt
| 54
![Page 55: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/55.jpg)
| 55
![Page 56: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/56.jpg)
JUXTA tees shop is new t-shirt shop style we use black and white color for juxta CI and presented a positive attitude about politic by different aspect of young people. JUXTA is a part of mediFESTO 2012 at CMU art center NIMMANHEMIN road CHIANG MAI THAILAND.
| 56
![Page 57: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/57.jpg)
| 57
![Page 58: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/58.jpg)
| 58
![Page 59: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/59.jpg)
| 59
![Page 60: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/60.jpg)
| 60
![Page 61: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/61.jpg)
| 61
![Page 62: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/62.jpg)
| 62
![Page 63: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/63.jpg)
| 63
![Page 64: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/64.jpg)
| 64
![Page 65: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/65.jpg)
| 65
![Page 66: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/66.jpg)
| 66
![Page 67: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/67.jpg)
layout design งานทดลองออกแบบการจัดวางองค์-ประกอบด้วยเทคนิก collage,montge ในโปรแกรมAdobe Photoshop
| 67
![Page 68: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/68.jpg)
| 68
![Page 69: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/69.jpg)
typography designออกแบบตัวอักษรและการทดลองการใช ้gradientในโปรแกรมAdobe Illutrator
| 69
![Page 70: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/70.jpg)
| 70
![Page 71: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/71.jpg)
| 71
![Page 72: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/72.jpg)
| 72
![Page 73: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/73.jpg)
| 73
![Page 74: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/74.jpg)
PROFILE
CONTACT
www.mediaartsdsign.org/student/nannicha www.facebook.com/kobu.kaeruE-mail | [email protected]
| 74
![Page 75: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/75.jpg)
| 75
![Page 76: NANNICHA PORTFOLIO](https://reader036.vdocuments.pub/reader036/viewer/2022062521/568c53aa1a28ab4916bbb424/html5/thumbnails/76.jpg)
THANK FOR WATCHcontact me | [email protected] this portfolio online on | issuu.com/kobukaeru