PORTFOLIO
NANNICHA SIMPLE CONTEMPORARY & CHEERFUL Illustration & Digital paint Graphic design Web design Media art
|2
PROFILE
NANNICHA SRIWUT
PHOTOSHOP PHOTOSHOP
ILLUSTRATION ILLUSTRATOR
IN SI N INDESIGN
R A A R DREAMWEAVER
สร้างภาพตัดต่อ ภาพretouchเบื้องต้น และงานdigital painting
สร้างภาพประกอบกราฟิก ออกแบบlogo,icon งาน ออกแบบสิ่งพิมพ์และออก แบบภาพเว็บไซต์
สร้างภาพประกอบกราฟิก ออกแบบlogo,icon งาน ออกแบบสิ่งพิมพ์และ ออกแบบภาพเว็บไซต์
เขียนหน้าเว็บไซต์ด้วยการ ใช้ JQuery,css และjava script ออกแบบlayout หน้าเว็บไซต์
|3
CONTENT
ALL MY WORKS
|4
ILLUSTRATION INFORGRAPHIC JUXTA CORPERATE IDENTITY
6 24 40
LAYOUT TYPOGRAPHY DESIGN WEB DESING
62 66 68
|5
|6
Illustration เป็นการผสผสานระหว่ า งการ วาดภาพด้ ว ยมื อ และการใช้ เทคนิ ก digital painting เข้ามาร่วมด้วยในผลงานที่มี ความน่าสนใจ
|7
|8
Ilustration ภาพประกอบหน้ า ปกนิ ย าย เรื ่ อ ง AS I LAY DYING กว่ า จะสิ ้ น ลมหายใจ ของ สำ � นั ก พิ ม พ์ lighthouse |9
| 10
หนั ง สื อ AS I LAY DYING เมื ่ อ ตี พ ิ ม พ์ แ ละออกวาง จำ � หน่ า ยตามร้ า นหนั ง สื อ ทั ่ วไป
| 11
Illustration ออกแบบภาพบนปกสมุ ด ของ มหาวิ ท ยาลั ย เชี ย งใหม่ ใน ปี 2556 ซึ ่ ง ดึ ง เอกลั ก ษณ์ ต ่ า ง ของ มช.มาออกแบบเป็ น ภาพ ตั ว การ์ ต ู น และการใช้ ส ี ท ี ่ น ่ า รั ก สดใสเหมาะกั บ วั น รุ ่ น | 12
| 13
Illustration character design
| 14
Illustration character design
| 15
| 16
| 17
| 18
| 19
| 20
| 21
| 22
| 23
| 24
see more about meawron story
| 25
All All about ราจะพบเห็นอยูเสมอในระบบปายที่ใชชบบอกเส ราจะพบเห็ อกเสนนทางในที ทางในที่ส่สาธารณะ าธารณะเชเชนนสนามกี สนามกีฬฬา า สนามบินน ทองถนน และโรงแรม ที่มมากที าา สนามบิ ากที่ส่สุดุดคืคืออ หหอองน้ งน้ำำของสถานที ของสถานที่ราชการ ่ราชการศูนศูยนกยารค การค และอาคารสำนักงานเกือบทุกแหงทั่ววโลก และอาคารสำนั โลก ซึซึ่ง่งทำให ทำใหมมันันเปเปนนทีที่ร่รูจูจักักในนาม ในนาม“มนุ “มนุษษยยหหองน้ องน้ำ”ำ”
ใจของ “PICTOGRAM” หัหัววใจของ ลดทอนรายละเอียยดของรู ดของรูปปใหใหเเหลื ลดทอนรายละเอี หลืออเพีเพียยงองค งองคปประกอบสำคั ระกอบสำคัญญ สารไดออยยาางรวดเร็ งรวดเร็วว งงาายดาย สืสื่อ่อสารได ยดาย ไร พ รมแดนทางภาษา ไรพรมแดนทางภาษา
HISTORY HISTORY OF“PICTOGRAM” OF“PICTOGRAM” ผูใหกำเนิดมนุษยหองน้ำที่แทจริงคือนักปรัชญาดานสังคมศาตรชาวออสเตรีย ชื่อ Otto Neurath ผูปให1920 กำเนิดเขมนุ ำที่แทจริงคือนักปรัชญาดานสัใงนการทำข คมศาตรอชมูาวออสเตรี ย ชืตารางและไดอะแกรม ่อ Otto Neurath าไดษบยุกหเบิอกงน้ และออกแบบภาษาภาพแบบใหม ลใหเปนกราฟ ปทั1920 บุกบเบิายสภาพของสั กและออกแบบภาษาภาพแบบใหม ใหเปนกราฟ ตารางและไดอะแกรม ้งนี้กเ็เขพืาได ่ออธิ ง คมยุ ค สมั ย ใหม ใหใคนการทำข นทั่วไปไดอเขมูาลใจโดยง าย นอยรั ทไดตั้งสถาบัน ทัInternational ้งนี้ก็เพื่ออธิบายสภาพของสั ง คมยุ ค สมั ยPicture ใหม ให คEducation นทั่วไปไดเขขึา้นใจโดยง ายยนอยรั ตั้งแสถาบั System of Typographic ที่นั้น เขาเรี กสัญลัทกไดษณ บบนัน้ น International System of ตามชื Typographic Picture Education ขึ้นที่นั้น เขาเรียกสัซญ แบบนัน้ วา ไอโซไทป ISOTYPE อ่ ยอของสถาบั น ซึ่งหลั กการออกแบบของไอโซไทป ึ่งเปลักนษณ รากฐาน วาของพิ ไอโซไทป ISOTYPEน่ ตามชื ของสถาบัน ซึ่งหลักอการออกแบบของไอโซไทป ซึ่งเปนรากฐาน กโตแกรมสากลแบบอื ๆ คือ เนอ่ ยนอการลดทอนและความต เนือ่ ง เปน ชุดเดียวกัน ซึง่ คือการควบคุ มสไตล ของพิ น ชุดเดี อการควบคุ มสไตล ของทัก้งโตแกรมสากลแบบอื ชุดใหเปนเอกภาพน่ เชๆนคือสรเนานงรูการลดทอนและความต ปแตละรูปขึ้นดวยเสนอหรืเนืออ่ รูงปเปทรงสี ่เหลีย่ยวกัมทีน่มซึงีค่ คืวามหนาหรื อขนาด ของทั ใหเปนนตัเอกภาพ เชน สรางรูปอแต ะรูปนขึชุ้นดดเดีวยยเส รูปทรงสีายของกรมขนส ่เหลี่ยมที่มีความหนาหรื อขนาด เทาๆกั้งนชุดจะเห็ วอยาง ของความต เนื่อลงเป วกันนหรื ไดใอนระบบป งของสหรั ฐฯ เทตัา้งๆกัแตนปจะเห็ นตัวระบบนี อยาง ้มของความต อเนื่องเป ชุดเดี ยวกันไดใเนระบบป ายของกรมขนส ฐฯ 1974 ีความสวยงาม เปนนระเบี ยบเพราะใช สนและวงกลมขนาดเดี ยวกังของสหรั น ใหมสี ไตล ตักลมมนเ ้งแตป ห1974 ีความสวยงาม ยบเพราะใชอเมนุ สนษและวงกลมขนาดเดี วกัน ส่ ดุ ใหในโลก มสี ไตล มือนกัน ระบบนี ในเวลาต้มอมา ดีไซนนี้กลายเปเป นตนนระเบี แบบของคนหรื ยหอ งน้ำที่นิยมใชกนั ยมากที กลมมนเหมือนกัน ในเวลาตอมา ดีไซนนี้กลายเปนตนแบบของคนหรือมนุษยหอ งน้ำที่นิยมใชกนั มากทีส่ ดุ ในโลก
จาก รู ป แบบสั ญ ลั ก ษณ จาก I Sรู ปOแบบสัT ญPลั กYษณE
สูกSารคลีO ่คลายเปT นPICTOGRAMแบบใหม Iสูการคลี P Y Eๆ ่คลายเปนPICTOGRAMแบบใหมๆ
isotype บรรพบุรุษ ของpictogram isotype บรรพบุรุษ ของpictogram
นำมาใชเพื่ออธิบายสภาพ ของสังคมให ประชาชน นำมาใช เพื่ออธิ บายสภาพ เขาใจไดงคมให งาย ประชาชน ของสั เขาใจไดงาย
ระบบที ่ ท ำให เราเข า ในpictogram ระบบที ่ ท ำให เราเข า ในpictogram เราเขาในpictogram ดวยระบบสัญญะ 2 เราเข าในpictogram ดวยระบบสัญญะ 2 Iconic Mode
| 26
เปนวิถีหนาที่แบบเสมือนมีเครื่องมือสื่อสารที่ Iconic Mode อาศัยความเหมือนความคลายคลึงกับสิ่งที่ เปนวิถีหนาที่แบบเสมือนมีเครื่องมือสื่อสารที่ ถูกสื่อสาร ไมจำเปนตองเหมือนจริงทั้งหมด อาศัยความเหมือนความคลายคลึงกับสิ่งที่ แตเราก็ยอมรับวามันทำหนาที่แบบเหมือนจริง ถูกบางคนชี สื่อสาร ้ใไม ตองเหมื อนจริบงทัicon ้งหมด หเห็จนำเป วานการที ่เรายอมรั แตเพราะเรารู เราก็ยอมรัคบวามรู วามันคทำหน ่แบบเหมืออนจริ วามเชืา่อทีมโยงมาก นแลงว บางคนชี ใ ้ ห เ ห็ น ว า การที เ ่ รายอมรั บ icon สัญญะที่เปน iconมักใหความรูสึกวามันใกล เพราะเรารู ความรูงคหรื วามเชื ่อมโยงมาก อนแลมวา ชิดกับความจริ อความเป นธรรมชาติ สัญกกว ญะที เ ่ ป น iconมั ก ให ค วามรู ส ก ึ ว า มั นใกลาม าสัญญะแบบอื่นๆ มันทำใหเรามองข ชิดความเป กับความจริ งหรือนความเป นสื่อของมั ไปได นธรรมชาติมา กกวาสัญญะแบบอื่นๆ มันทำใหเรามองขาม ความเปนสื่อของมันไปได
signic mode sign ภาษาในที่นี้ทำหนาที่เปนเครื่องบงบอก signic mode เครื่องหมายหรือปายเครื่องมือสื่อสารที่ทำ sign ภาษาในที่นี้ทำหนาที่เปนเครื่องบงบอก หนาทีเ่ ปนเครื่องหมายและปายนี้เกือบทั้งหมด เครื่องหมายหรือปายเครื่องมือสื่อสารที่ทำ เปนขอตกลงขอสังคมหรืองคกร หนวยงาน หน เ่ ปนมเครื ายนี้เกือบทั้งหมด หรืาอทีกลุ บุค่อคลงหมายและป เพือ่ ความสะดวกในการทำงาน เปทำหน นขอาตกลงขอสั งคมหรื องคนกทีร่รับหน ยงานบ ทีข่ องตนและค อยๆเป รูยวอมรั หรื อ กลุ ม บุ ค คล เพื อ ่ ความสะดวกในการทำงาน กันกวางขวางไปเรื่อยๆ ทำหนาทีข่ องตนและคอยๆเปนที่รับรูยอมรับ กันกวางขวางไปเรื่อยๆ
ดัดแปลงลดทอนรายละเอียด นำมาดัดแปลงเปนรูปแบบ ใหดัเดปนแปลงลดทอนรายละเอี รูปแบบสากลที่มีขนาดยด ที่มนำมาดั ีความหลากลายมากขึ ้น ดแปลงเปนรูปแบบ เสใหนเปรูนปรูทรงที ่เทากัน ่มีขนาด ที่มีความหลากลายมากขึ้น ปแบบสากลที เสน รูปทรงที่เทากัน
ห อ งน ้ ำ ญิง หองน ห ญ้ ำ ้ ำ แ ย ห อหง หอ งน ิง | ก
หอง หญิง หอ ชา ห อ งช า ย ห ญ ิ งง น ้ ำยแ ย | ก หอง ทางไปห ช า ย อ งน้ ำช า ย
ทางไปห อ งน้ ำ
ส ว นประกอบ“PICTOGRAM” สวนประกอบของ pictogram มบัติคลายพยัญชนะ ที่เราใชเรียงกันเปนคำ ระบบนี้ประกอบดวย หนวยยอย พื้นฐาน อันไดแก
วงกลม
สิ่งที่คำนึงถึง
รูปสงเหลี่ยม เสน
การควบคุมสไตลของ ทั้งชุดใหเปนเอกภาพ ทำใหรูปดูแบนๆ เหมือนมีเพียงสองมิติ กลายเปนสัญลักษณ
การเลือกใชทาทาง อริยบทตางๆที่ชัดเจน เขาใจงายเพื่อสื่อสาร ใสลงไปใน pictogram หรือภาพบริบทตางๆ เชน สิ่งของ สถานที่
เมื ่ อ หยิ บ pictogramไปใช
functional + Design
เปนสิง่ ทีต่ อ งมีในการนำเอา pictogram ไปปรับรูปแบบใชในองคกร และเราสามารถตรวจสอบไดวาเมื่อนำไปใช จะมี 3ขอนี้ที่สื่อออกมา
1.สื่อสารได
2.เปนชุดเดียวกัน
3.สะทอนอัตลักษณ
นั ก ออกแบบ ควรเข า ใจ เขาใจพื้นฐานความรูเฉพาะเรื่องของFunctionalของตัวpictogram เอง และจากประสบการณ การใชงานจริง มีทักษะการใชสวนประกอบศิลป ที่ดี เสน สี รูปทรง มาดัดแปรงใหลงตัว เปนชุดเดียวกัน นำเอาสวนประกอบในระบบsign อื่นมาใชรวมกับpictogram ใหลงตัวได อยาลืมความเปนมาตรฐานของที่สามารถสื่อสารไดอยางสากล เห็นแวบแรกแลวเขาใจ หรือ อาจจะใชคำอธิบายสั้นๆ
| 27
นำเอาสวนประกอบในระบบsign อื่นมาใชรวมกับpictogram ใหลงตัวได อยาลืมความเปนมาตรฐานของที่สามารถสื่อสารไดอยางสากล เห็นแวบแรกแล-วเขตำแหน าใจ หรืงอบนสุ อาจจะใช คำอธิ บายสั้นๆ ด ด สำหรั บlabelแขวนติ - ตำแหนงบนสุด สำหรับlabelแขวนติด เพดานระยะสายตาสั งเกตได เพดานระยะสายตาสังเกตได
AA BB งบนสุดสำหรับlabelขนาดเล็ก DD CC -- ตำแหน labelขนาดกลาง สังเกตงาย
นั ก ออกแบบ ควรเข า ใจา ใจ นั ก ออกแบบ ควรเข
A C
นั ก ออกแบบ ควรเข า ใจ m. A 2.50 m.A 2.50 B 2.08 m. m. 1.80 m. B 2.08 1.80 m.C 1.60 m. C 1.60 m.A 2.50 m.
- ตำแหนงบนสุดสำหรับlabelขนาดเล็ก -- labelขนาดกลาง สังบเกตง าย ตำแหนงบนสุด สำหรั labelแขวนติ ด ตำแหน บสายตา --ตำแหน งงทีทีข่ ข่ นานกั นานกับบระดั บสายตา เพดานระยะสายตาสั งระดั เกตได
B D
- ตำแหนงบนสุดสำหรับlabelขนาดเล็ก - labelขนาดกลาง สังเกตงาย - ตำแหนงทีข่ นานกับระดับสายตา
- ตำแหนงบนสุดของlabelขนาดใหญ
- ตำแหนงบนสุดของlabelขนาดใหญ ดิ ชิดกับขอบประตู - ใชปา -ยทีใช ต่ ดิ ปชิา ดยที กับต่ ขอบประตู
- เหมาะกั บระดับสายตาคนพิ - เหมาะกั บระดับสายตาคนพิ การนัง่ รถเข็การนัง่ รถเข็ ป า ยตั ง ้ กั บ พื น ้ ควรมี ค วามสู งชิดคตำแหน ป า ยตั ง ้ กั บ พื น ้ ควรมี วามสูงนีชิ้ ดตำแหนงนี้ - ตำแหนงบนสุดของlabelขนาดใหญ - ใชปา ยทีต่ ดิ ชิดกับขอบประตู - เหมาะกับระดับสายตาคนพิการนัง่ รถเข็ - ปายตัง้ กับพืน้ ควรมีความสูงชิดตำแหนงนี้
m. BD 2.08 1.02 1.80 m. m. D 1.02 m.C 1.60 m.
D 1.02 m.
เมื่อ pictogramทำงาน รวมกับลูกสอนชี้เสนทางคว รเลือกตำแหนงลูกสอนใหชิด กับทางที่หัวลูกสอนหันไป
เมื่อ pictogramทำงาน เมื่อ pictogramทำงาน รวมกับลูกสอนชี ้เสนทางคว ลูกสอนชี รเลือกตำแหนรวงมกั ลูกบสอนให ชิด้เสนทางคว รเลือกตำแหนงลูกสอนใหชิด กับทางที่หัวลูกักบสอนหั ทางที่หนัวไป ลูกสอนหันไป
การรักษาสัดสวนของที่อยูของ pictograใหมีสัดสวนที่เหมาะสม เชน การใชปายใหญ ควรมีขนาด ใหญ บอกขอมูลทิศทางไดชัดเจน การรั กษาสั ดสวดนของที ่อยูของง ปการรั ายทีก่เล็ษาสั กควรติ อยูที่ใกล่อยูตขำแหน ดสวนของที อง pictograให ่เหมาะสม จุpictograให ดหมายทีม่สมุดีสีสัดัดเชสสนววนที มุนที ม่เหมาะสม ประตู
auditorium 1
DESTINATION A DESTINATION B DESTINATION C
DESTINATION A
DESTINATION B DESTINATION A DESTINATION C DESTINATION B DESTINATION C
เชน การใชปายใหญ ควรมีขนาด เชน การใชปายใหญ ควรมีขนาด ใหญ บอกขอมูลทิศทางไดชัดเจน ใหญ บอกขอมูลทิศทางไดชัดเจน ปาปยที อยูทที่ใกล ี่ใกลตตำแหน ำแหน ายที่เล็่เล็กกควรติ ควรติดดอยู งง จุดจุหมายที ส ่ ด ุ เช น มุ ม ประตู ดหมายที่สุด เชน มุมประตู
auditorium toilet 1
auditorium 1
toilettoilet
การวางpictogram บนพื้นหลัง เปนเรือ่ งของความสัมพันธเรือ่ ง ffiigfi ure and ground ทีต่ อ งขับใหตวั pictogramโดดเดน เห็นชัด
destination A
destination B
destination A
destination B
destination A
destination B
destination A
destination B
ขนาดมี | 28 ผลกระทบเปนอยางมาก
บางครัง้ ก็ตอ งการ ขอความมาอธอบาย pictogram เพิม่ เติม ตองดูบริบทของพืน้ ที่
destination A
destination B
B
destination B
DESTINATION
destination A
DESTINATION
DESTINATION B
A
DESTINATION A
B
DESTINATION B
เรือ่ งของขนาดเปนสิง่ ทีค่ วรใหความสำคัญ ในการออกแบบตอการรับรูท างสายตา ขนาดมีผลกระทบเปนอยางมาก บางครัง้ ก็ตอ งการ ขอความมาอธอบาย pictogram เพิม่ เติม ตองดูบริบทของพืน้ ที่ เรือ่ งของขนาดเปนสิง่ ทีค่ วรใหความสำคัญหากบริเวณนัน้ เชน ปายแนะนำการดูpictogram ควรจะมีไวบริเวณทางทีเ่ ริม่ ตนใชงาน ในการออกแบบตอการรับรูท างสายตา pictogram หรืออาจจะเปนแผนพับ ทีส่ ามารถแนะนำแบบสัน้ ๆงายๆได
การใชระบบ sign
B
3.ควรมีเรื่องของแส งสวางเขามาชวย
DESTINATION
3.ควรมีเรื่องของแส งสวางเขามาชวย
DESTINATION
DESTINATION A
DESTINATION B
ทีต่ อ งขับใหตวั pictogramโดดเดน เห็นชัด
A
DESTINATION A
ทีเป ต่ อ นงขั ตวั pictogramโดดเด เรืบอ่ ใหงของความสั มพันธเรือ่นงเห็ffiนigfi ชัดure and ground
A
1.pictogram 2.pictogram ขนาดที ่ ม ี ผ ลกั บ สีเขมบนพื้นสีออน สีออนบนพื้นสีเขม การใช ระบบ sign 1.pictogram 2.pictogram เรือ่ งของขนาดเป ญ ้นสีเขม สีเขมบนพื ้นสีออน นสิง่ ทีค่ วรใหความสำคั สีออนบนพื ในการออกแบบตอการรับรูท างสายตา ขนาดที ่มีผนอยลกั ขนาดมีผลกระทบเป างมากบ การใช ร ะบบ ขนาดที่มีผลกับ sign
3.ควรมีเรื่องของแส งสวางเขามาชวย
DESTINATION
2.pictogram สีออนบนพื้นสีเขม
DESTINATION
1.pictogram สีเขมบนพื้นสีออน
การวางpictogram บนพืบนพื ้นหลั้นงหลัง เปการวางpictogram นเรือ่ งของความสัมพันธเรือ่ ง ffiigfi ure and ground
Inforgraphic การออกแบบภาพประกอบและ การจัดการข้อมูลในรูป inforgraphic ภายใต้การอธิบาย ความรู้เรื่องของ pictrogram
QR code for more information about pictrogram www.mediaartsdesign.org/ student/nannicha/pictogram.html | 29
Information graphic design project : เชี ย งใหม่ เ ป็ น สี project : เชี ย งใหม่ เ ป็ น สี เป็ น การนำ � เอาข้อมูลความเปลี ่ ย นแปลงของเชี ยงใหม่ ที่ทั้งเกิดมาจากคนในพื ้ น ที ่ และคนนอก พื้นที่ มาสร้างวัฒนธรรมใหม่ หรือแต่งเติม จากสิ ่ ง ที ่ ม ี อยู ่ แ ล้ วในเชี ย งใหม่ จึ ง เป็น แนวคิ ดในการเปรี ย บเสมื อ น “สี ” ที ่ ม ี หลากหลายสีมากขึ ้ น หรื อในอี ก บทบาท หนึ่ง เชี ย งใหม่ เ ป็ น เมื อ งที ่มี “สี สัน” มากมาย ไม่คงที่แน่นอน ดั ง นั ้ น เราจึงได้ สังเคราะห์ วิ เ คราะห์ ข ้ อ มู ล ออกมาเป็ น เรื ่ องของสิ่งที่ มาใหม่ และ สิ ่ ง ที ่ คงอยู ่ โดยมี ก ารจั ด การเรื ่ อ งข้ อ มู ล ที ่ ถ ู ก ทำ �ให้ อ่ า นง่ า ย หรื อ รั บ เอาข้ อ มู ล ง่ า ยขึ ้ น ด้ ว ย การใช้แนวคิดการทำ� Infographic มา ใช้ ใ นงานนี ้ I nforgraphic “สามย่าน สามอย่าง” ข้อมูลเชิง การสำ�รวจพื้นที่ ในบริเวรย่าน ธุรกิจของเชียงใหม่ | 30
| 31
| 32
inforgraphic ข้อมูลความเชื่อของชาวเชียงใหม่ในรูปแบบ ส่วนประกอบในพิธีกรรมที่เกี่ยวกความเชื ่ อ
| 33
| 34
| 35
á¼¹·Õ่
¨Ñ § ËÇÑ ´
ÅѡɳÐÀÙÁÔ»ÃÐà·È໚¹·ÕèÃÒºÃÐËÇ‹Ò§ÀÙà¢Òâ´ÂÁÕ·ÔÇà¢ÒÅŒÍÁ Ãͺ áÅÐÁÕáÁ‹¹éÓÊÒÂÊÓ¤Ñ ÞäËż‹Ò¹¤×Í áÁ‹¹éÓÂÁ ໚¹ ¨Ñ § ËÇÑ ´ ·Õè Á Õ ÀÙà ¢ÒÅŒÍÁÃͺ·Ñé§ÊÕ·è ÔÈ ÁÕà¹×éÍ·Õèâ´Â»ÃÐÁÒ³ 6,538.59 µÒÃÒ§¡ÔâÅàÁµÃ ËÃ×Í»ÃÐÁÒ³ 4,086,625 äà ÁÕ¤ÇÒÁ¡ÇŒÒ§»ÃÐÁÒ³ 59 ¡ÔâÅàÁµÃ ÁÕ¤ÇÒÁÂÒÇ»ÃÐÁÒ³ 118 ¡ÔâÅàÁµÃ
á¾Ã‹ PHRAE
¡ÒÃà´Ô¹·Ò§ | ¢¹Ê‹§ ¡ÃØ § à·¾-á¾Ã‹
ö·ÑÇà öºÑÊ
Ã¶ä¿ Í.à´‹¹ªÑÂ
öÊͧá¶Ç ÃͺàÁ×ͧá¾Ã‹
ËÁÒÂàÅ¢·Ò§ËÅǧ·Õè
11 | 101 555 ¡ÔâÅàÁµÃ
àÊŒ ¹ ÃØ ‹ §
17.70 -18.84 ͧÈÒ
àÊŒ ¹ áǧ
99.58 -100.32 ͧÈÒ
µÓá˹‹§Ê¶Ò¹·Õ่
Inforgraphic & map การออกแบบแผนที่การท่องเที่ยว ของจั ง หวั ด แพร่ โดยการใช้ งานกราฟิกที่ลดทอนรายละเอี ย ด ลงและการใช้ ส ี ท ี ่ ท ั น สมั ย เพื ่ อ ให้ ผ ุ ้ อ ่ า นเข้ าใจง่ า ย | 36
1
ªØÁª¹¤¹àÅÕé§ÅÔ§à¡çºÁоÌÒÇ àÊŒ¹·Ò§ËÅǧ 1022 ¶.ª‹Í áÎ »ÃÐÁÒ³ 1 ¡.Á. àÅÕéÂÇ¢ÇÒà¢ŒÒ ºŒÒ¹¹Ò¨Ñ¡ÃµÃ§ä»ÍÕ ¡ »ÃÐÁÒ³ 300 àÁµÃ à¨ÍÇÑ´¹Ò¨Ñ¡ÃªØÁª¹ ¤¹àÅÕé§ÅÔ§à¡çºÁоÌÒÇ
2
Ìҹ¢ŒÒǤǺ»‡Ò¨ØÌÒ 2/1 ¶.ÇÕÃÐ µ.ã¹àÇÕ§ Í.àÁ×ͧ ÃÔÁ¶¹¹ã¹«Í¢ŒÒ§ä»ÃɳÕ á¾Ã‹
3
¾Ô¾Ô¸Àѳ± ºŒÒ¹Ã¶à²‹Ò à» ´ãˌࢌҪÁÇѹàÊÒà - ÍҷԵ µÑé§ÍÂÙ ‹ º ÃÔ à dz»ÃеÙàÇÕ§ÂÑé§ÁŒÒ µ.ã¹àÇÕ§ Í.àÁ×ͧ
4
¹éÓ¤×Í ÍÂÙ‹ºÃÔàdzá¡·Ò§´ŒÒ¹»Ãе٪Ñ µÑé§ÍÂÙ‹¢ŒÒ§àÃ×͹¨Ó¨Ñ§ËÇÑ´á¾Ã‹
รองก
วาง
เมือง แพร
ถ.ร
อบ
ล
4
ง
ิ่ด
2
บา
ำ ถ.ค
นซ ะร
ลอง
น
เวีย
วง
ลือ
เมือ
3
ใหม
ถ.บาน
ิจโกศ
มวงไ ข
ถ.ยัน ตรก
หนอง
ถ.เจ
หิต
ริญ
มือง
อง
ง ถ.ร
าชด
ถ.เห
ไปอ.ล
เมือ
ำเน
ิน
1
ถ.ช
อแฮ
ทอง
ไปอ.เ ด
นชัย
ถ.น้ำ
เดนช ัย
สูงเม
น
| 37
| 38
Inforgraphic & map แผนที ่ จ ั ง หวั ด แพร่
| 39
| 40
Icon design activity & hobbies
| 41
| 42
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
Juxta's concept JUXTA มาจากคำ�ว่า Juxtaposition หมายถึง “การวางติดกัน เพื่อเทียบเคียง” การรวมกันของ ขั้วตรงข้าม ความขัดแย้ง ความแตกต่าง เปรียบเทียบของสิ่งต่าง ๆ รวมถึงสังคม
Juxtapolitictees คือการผลิตสร้างวัฒนธรรมเสื้อยืด ที่นำ�เอาความ แตกต่างกันอย่างสุดขั้ว ระหว่างอุดมคติ กับปรากฏการณ์ของความ เป็นจริงในทางการเมืองที่เกิดขึ้นในสังคมมานำ�เสนอด้วยมุมมอง และ ทัศนคติที่หลากหลาย จนคลี่คลายออกมาเป็นลวดลายของเสื้อยืดด้วย กระบวนการการออกแบบที่สร้างสรรค์ ทั้งเนื้อหาตัวอักษร และภาพ กราฟฟิกโดยการรวมตัวของกลุ่มนักคิด นักสร้างสรรค์สื่อ นักศิลปะ และนักออกแบบรุ่นใหม่ เพื่อสร้างโอกาสให้ผู้คนในสังคมได้ขัดเกลา ความคิด สะท้อนปัญหา ต้องประเด็นคำ�ถาม เกิดกระบวนการวิพากษ์ วิจารณ์ได้อย่างเป็นอิสระ และนี่จะเป็นการแสดงให้เห็นถึงความเป็น ตัวตนของคนรุ่นใหม่ ที่มีความพร้อมที่จะสร้างและพัฒนาสังคมต่อไป แนวทางในการนำ�เสนอเน้นให้พวกเราเป็นตัวแทนวัยรุ่นที่มีความคิด เกี่ยวกับการเมืองแบบขำ�ขัน ตลกร้าย และเสียดสีหรือประชดสังคม และวัฒนะรรมการเมืองที่เป็นอยู่ การนำ�เสนอผ่านทางลายบนเสื้อยืด ที่เราออกแบบกันภายใต้หัวข้อ วัฒนธรรมการเมือง (PoliticalCulture) โดยมีร้านขายเสื้อผ้าที่จัดขึ้นในงาน “madiFESTO 2013” เป็ น การ แสดงนิทรรศการที่มีผู้คนกลุ่มที่สนใจศิลปะมาชมและเมื่อเสื้อผ้าได้ออก จำ�หน่ายผู้ที่ใส่ก็สามารถสื่อสารข้อความหรือสัญลักษณ์บนลายเสื้อที่ เป็นจุดให้ผู้พบเห้นสามารถ ดูลายและใช้ความคิดตั้งคำ�ถามและมี ความเห็นกับเสื้อ ที่จะสื่อถึงการเมือง
| 44
| 45
PRODUCTION DESIGN กว่าจะมาเป็น แบรนด์เสื้อยืด JUXTA เราได้ ร ะดมความคิด สร้างสรรค์เป็นผลงานภายใต้ concept เสื้อยืดที่สามารถบอก เล่าความคิดเห็นทางการเมืองอย่างเปิดเผยและแตกต่างของคน รุ่นใหม่ การคิดและออกแบบแบรนด์จึงเป็นสิ ง สำ � คั ญ ที่จะนำ�ไปสู่ ภาพลักษณ์ที่โดดเด่นและแตกต่างโดยใช้ความรู้ด้านการออกแบบ corporate identity ให้กับแบรนด์เสื้อยืดด้วยพลังความคิด ของคนรุ่นใหม่ที่ใช้ความรู้ท ั ก ษะความสามารถทางกาออกแบบ กราฟฟิกมาผสมผสานและสร้างสรรค์ออกแบบจนเกิดความลงตัว ของแบรนด์และผลิตภัณฑ์ | 46
| 47
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
CORPERATE IDENTITY corporate identity สำ�หรับ ใช้ในร้านเสื้อยิด JUXTA ทั้งหมด โดย ออกแบบมาให้มีลักษณะที่ดูทันสมัยและดูหนักแน่น ด้วยการใช้สีขาว ดำ� ที่ทำ�ให้งานออกมาเป็นไปในทิศทางเดียวกัน
ALDO THE APACHE ABCDEFGHIJKLMNOPQRSTUVWXZ abcdefghijklmnopqrstuvwxz
1 2 3 4 5 6 7 8 9 0 !@##$&*()_+=-[];:'",./\<>?
C:0 M:0 Y:0 K:100 R:255 G:255 B:255 #000000
Arial
ABCDEFGHIJKLMNOPQRSTUVWXZ abcdefghijklmnopqrstuvwxz
1 2 3 4 5 6 7 8 9 0
C:0 M:0 Y:0 K:100 R:0 G:0 B:0 #000000
!@##$&*()_+=-[];:'",./\<>?
| 49
| 50
PAPER TAG
SIZE & WASH LABEL
| 51
| 52
name card
| 53
my t-shIrt 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. | 54
| 55
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
| 57
| 58
| 59
| 60
| 61
| 62
| 63
| 64
| 65
| 66
layout design งานทดลองออกแบบการจัดวางองค์ประกอบด้วยเทคนิก collage,montge ในโปรแกรมAdobe Photoshop
| 67
| 68
typography design ออกแบบตัวอักษรและการทดลองการใช้ gradientในโปรแกรมAdobe Illutrator | 69
| 70
| 71
| 72
| 73
PROFILE
CONTACT www.mediaartsdsign.org/student/nannicha www.facebook.com/kobu.kaeru E-mail | kobu.kaeru@gmail.com
| 74
| 75
THANK FOR WATCH contact me | kobu.kaeru@gmail.com this portfolio online on | issuu.com/kobukaeru