NANNICHA PORTFOLIO

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