21
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ ICT กกกกกกกกกกกกกกกกกกก (Packaging Design) โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โโโโโโโ โโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโ โโโโโ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โโโโโโ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โโโ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ

คู่มือการออกแบบ

Embed Size (px)

Citation preview

Page 1: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

การออกแบบบรรจุ�ภัณฑ์ (Packaging

Design)

ศูาสตร�แห่�งความค!ดสร�างสรรค�เพั��อสร�างอ�ปีกรณ์� เคร��องใชุ�ทั้�&งอ�ปีโภค บร!โภคสารพั�ด เพั��ออ)านวย์ความสะดวกตอบสนองต�อความต�องการของมน�ษย์� ให่�น)ามาใชุ�งานได�อย์�างเห่มาะสมได�อย์�างพั.งพัอใจ ถ้�าค)าน.งถ้.งบรรจ�ภ�ณ์ฑ์�ห่ร�อห่�บห่�อส!นค�าร�ปีแบบผลิ!ตภ�ณ์ฑ์�เพั��อบอกถ้.งต�วส!นค�า อธิ!บาย์ราย์ลิะเอ�ย์ดของส!นค�าได�เพั!�มม�ลิค�าแลิะเพั!�มค�ณ์ค�า ในภาวะปี5จจ�บ�นทั้��ม�การแข�งข�นทั้างการตลิาดส�งข.&น ด�งน�&นการออกแบบผลิ!ตภ�ณ์ฑ์�เปี6นอย์�างด�ชุ�วย์โฆษณ์าส!นค�าได�ด�วย์ต�วเอง

บรรทัดฐานในการออกแบบ (Graphic Design Criteria)

1) การตอบสนองปีระโย์ชุน�ใชุ�สอย์ (Function) ควรออกแบบให่�ตรงตามเปี8าห่มาย์ทั้��ต� &งไว�เพั��อตอบสนองก�บความต�องการของผ��บร!โภค

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร

Page 2: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

2) ความสวย์งามพั.งพัอใจ (Asthetic) ม�ความปีระณ์�ต ม�ร�ปีร�างสวย์งาม ส�ส�นน�าใชุ�ชุวนให่�ซื้�&อห่า

3) การส��อความห่มาย์ (Meaning) การเลิ�อกใชุ�ว�สด�ให่�เห่มาะสมก�บงานโดย์เฉพัาะการเลิ�อกว�สด�ทั้��ห่าได�ในทั้�องถ้!�น เห่มาะสมก�บโอกาส สถ้านทั้�� แลิะเวลิาฤด�กาลิทั้��ผลิ!ต ซื้.�งจะส�งผลิต�อการผลิ!ตทั้��สะดวก รวดเร<ว แลิะปีระห่ย์�ดค�าว�สด� แรงงานแลิะค�าใชุ�จ�าย์อ��นๆ ด�วย์ต�นทั้�นทั้��ไม�ส�งเก!นไปี

4) ความสะดวกในการใชุ� (Comfortable) ค)าน.งถ้.งการใชุ�งานแลิะข�ดจ)าก�ดของผ��ใชุ�โดย์เฉพัาะด�านส�ขภาพั ความปีลิอดภ�ย์ทั้��ไม�ทั้)าให่�เก!ดสารพั!ษต�อร�างกาย์

5) การขนส�ง (Transportation) การบรรจ�ห่�บห่�อ เพั��อการขนส�ง ความแข<งแรง แลิะน)&าห่น�กทั้��พัอเห่มาะในการขนส�งได�สะดวกแลิะปีระห่ย์�ด

เทัคน�คในการออกแบบ

1. ออกแบบเปี6นชุ�ด ค�อการออกแบบมาให่�ม�เร��องราวมากกว�าแบบเด�ย์วแต�เม��อมองด�ผลิ!ตภ�ณ์ฑ์�แลิ�วสามารถ้เลิ�าเร��องราวได� เชุ�น เปี6นภาพัทั้��เก��ย์วข�อง

ก�บเร��องราว ม�มากกว�าห่น.�งร�ปีแบบ

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 2

Page 3: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

ภาพัปีระกอบการออกแบบเปี6นชุ�ด

2. การเร�ย์งต�อเปี6นภาพั ณ์ จ�ดขาย์

เม��อวางผลิ!ตภ�ณ์ฑ์�ห่ลิาย์ชุ!&นต�อก�นจ.งมองเห่<นเปี6นร�ปีภาพัทั้��ต�อเน��องภาพัเด�ย์วก�นได�

ภาพัการเร�ย์งเปี6นภาพัต�อเน��อง

3. การออกแบบแสดงศู!ลิปีะทั้�องถ้!�น

4. การออกแบบของขว�ญ

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 3

Page 4: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

ขั้�นตอนการออกแบบ (Graphic Design Workflow)

1)ว!เคราะห่�แย์กส!�งทั้��ต�องการให่�คนอ��นร�บร� � รวบรวมว�าเก��ย์วข�องก�บอะไรบ�าง (Structure)

2)สร�างแนวความค!ดห่ลิ�กในการออกแบบให่�ได� (Conceptual

Design) จะให่�เปี6นร�ปีแบบอะไร

3)ศู.กษาจากงานห่ร�อต�วอย์�างทั้��ม�อย์��แลิ�ว (Case study) ถ้�าเคย์สะสมไว�ห่ร�อเคย์พับเห่<นมา

4)ออกแบบร�าง (Preliminary Desing) ทั้ดลิองร�างเปี6นภาพัในใจห่ร�อข�ดเข�ย์นวางต)าแห่น�งแลิะเน�&อห่าราย์ลิะเอ�ย์ดทั้��ต�องการให่�ปีรากฏในนามบ�ตร

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 4

Page 5: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

ภาพัร�างการออกแบบ

5)ออกแบบจร!ง (Design) ลิงม�อทั้)างานจร!ง แลิะค�อย์ๆ ปีร�บแก�ไขตามความพัอใจปีร�บแต�งแก�ไข

เพั!�มเต!มแก�ปี5ญห่าทั้��พับ เพั��อให่�เก!ดการพั�ฒนาให่�ได�ผลิ!ตภ�ณ์ฑ์�ทั้��ตรงตามความต�องการใชุ�สอย์จร!ง

ความสำ�าคญขั้องการออกแบบผลิ�ตภัณฑ์

การออกแบบผลิ!ตภ�ณ์ฑ์�ม�ความส)าค�ญต�อการพั�ฒนาธิ�รก!จ SME ส��ความเปี6นสากลิ เน��องจากจะทั้)าให่�ได�ผลิ!ตภ�ณ์ฑ์�ทั้��ม�ค�ณ์ภาพั ตอบสนองต�อความต�องการของผ��บร!โภค แลิะย์�งสามารถ้ลิดต�นทั้�นในการผลิ!ตทั้)าให่�ม�ผลิก)าไรมากข.&น ส�งผลิให่�ธิ�รก!จม�ความสามารถ้ในการแข�งข�นทั้างด�านการตลิาด เพั!�มข.&น นอกจากน�&ย์�งเปี6นการส�งเสร!มภาพัลิ�กษณ์�ของผลิ!ตภ�ณ์ฑ์�แลิะบร!ษ�ทั้ส��การสร�างตราส!นค�าของตนเองให่�เปี6นทั้��ย์อมร�บได�

ภัาพลิกษณ สำ�นค�า ค&อ โฆษณาในตวเอง

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 5

Page 6: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

การออกแบบภาพัลิ�กษณ์�ผลิ!ตภ�ณ์ฑ์� ค�อการสร�างเคร��องห่มาย์ภาย์นอกเพั��อสร�างรากฐานในจ!ตใจ การออกแบบ การออกแบบผลิ!ตภ�ณ์ฑ์�เปี6นการโฆษณ์าให่�ส!นค�า เม��อผ��บร!โภคพับส!นค�าใน Web ห่ร�ออ!นเตอร�เน<ทั้ ส!นค�าสามารถ้แสดงความเปี6นต�วเองออกมาได�ชุ�ดเจนมากข.&น เม��อไม�ม�การปีระกาศูสรรพัค�ณ์ปีระกอบ เปี6นการสร!มค�ณ์งามความด�ของส!นค�า ภาพัลิ�กษณ์�ภาย์นอกของตราส!นค�าทั้��แสดงให่�เห่<นถ้.งบ�คลิ!กของส!นค�าทั้��แสดงให่�เห่<นถ้.งบ�คลิ!กของส!นค�าได�อย์�างชุ�ดเจนน�&น ค�อการโฆษณ์าในต�วส!นค�าเองแลิ�ว

การออกแบบผลิ!ตภ�ณ์ฑ์�ห่ร�อบรรจ�ภ�ณ์ฑ์�ให่�ด�จะชุ�วย์ด.งด�ดความสนใจของลิ�กค�า การออกแบบบรรจ�ภ�ณ์ฑ์�ถ้�อเปี6นเคร��องตกแต�งให่�ส!นค�าสวย์งาม

โดย์ต�องห่าเอกลิ�กษณ์�ของส!นค�าให่�ได�ก�อนอ�นด�บแรก เพัราะภาพัลิ�กษณ์�ภาย์นอกของผลิ!ตภ�ณ์ฑ์�ส)าค�ญก�บการอย์��รอดในตลิาดมากพัอๆ ก�บค�ณ์สมบ�ต!ภาย์ในของส!นค�า

ภาพัลิ�กษณ์�ของผลิ!ตภ�ณ์ฑ์�ทั้��ม�การแสดงออกผ�านชุ��อการค�า โลิโก� การออกแบบผลิ!ตภ�ณ์ฑ์� แลิะสโลิแกนของส!นค�า รวมถ้.งการด�ไซื้น�เว<บไซื้ต� ส!�งเห่ลิ�าน�&ชุ�วย์บ�งบอกถ้.งแนวทั้างของส!นค�าอย์�างชุ�ดเจน ความห่มาย์ของภาพัลิ�กษณ์�ทั้��ม�การแสดงออกแลิะภาษาทั้��ส��อออกมา เปี6นการแสดงออกถ้.งต�วส!นค�าได�อย์�างชุ�ดเจน

ศู*นย์ บร�การแนะน�าการออกแบบส)าห่ร�บ SME ทั้��ต�องการร�บบร!การออกแบบ แลิะร�บแลิะค)าปีร.กษา

แนะน)าเก��ย์วก�บการออกแบบ สามารถ้ต!ดต�อทั้�� ศู�นย์�บร!การออกแบบ “

SME” ซื้.�งจ�ดต�&งข.&นเพั��อให่�ความชุ�วย์เห่ลิ�อแก�ผ��ปีระกอบการ SME ซื้.�ง

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 6

Page 7: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

ต�องการพั�ฒนาผลิ!ตภ�ณ์ฑ์�ทั้��ม�อย์��เด!มแลิะทั้��ค!ดค�นข.&นให่ม� ให่�ม�ร�ปีแบบเปี6นของตนเองแลิะสอดคลิ�องก�บความต�องการของตลิาด รวมทั้�&งสามารถ้แข�งข�นได�ทั้�&งในตลิาดในปีระเทั้ศูแลิะต�างปีระเทั้ศูได� โดย์ศู�นย์�ออกแบบให่�บร!การการออกแบบครบวงจร ต�&งแต�การว!เคราะห่�ความต�องการในการออกแบบสร�ปีเปี6นแนวค!ดการออกแบบ เพั��อเข�าส��กระบวนการออกแบบ ไปีจนถ้.งการจ�ดแบบเพั��อการผลิ!ต แลิะให่�ค)าปีร.กษาในข�&นตอนการผลิ!ตเพั��อให่�ผ��ปีระกอบการม��นใจว�า ผลิลิ�พัธิ�ทั้��ได�จะเปี6นไปีตามร�ปีแบบทั้��สร�ปีไว�ห่ร�อไม� ผ��ปีระกอบการ SME ทั้��สนใจร�บค)าปีร.กษา ต!ดต�อได�ทั้�� โทั้ร.02 - 564-4000

ต�อ 3084

การทั�านามบตร

นามบ�ตรก�บการปีระกอบการแลิะการทั้)าธิ�รก!จเปี6นของค��ก�น นามบ�ตรทั้��ออกแบบเพั��อให่�ผ��ได�ร�บนามบ�ตรเก!ดความปีระทั้�บใจ เปี6นข�&นตอนแรกส)าห่ร�บการสร�างความส�มพั�นธิ�ของทั้�&ง 2 ฝ่Bาย์ โดย์เฉพัาะอย์�างย์!�งห่ากนามบ�ตรออกแบบมาเปี6นอย์�างด� สามารถ้บ�นทั้.กความน�าสนใจแลิะแนวค!ดต�างๆ

นามบ�ตรเปีร�ย์บเห่ม�อน ต�วตน ของเรา “ ” หลิกสำ�าคญในการมอบนามบตร ก-ค&อ การโดย์ให�กบม&อ พร�อมกบการแนะน�าชื่&/อร�าน ชื่&/อบร�ษทั ชื่&/อตว แลิะชื่&/อผลิ�ตภัณฑ์ นามบ�ตรเปี6นส!�งทั้��ใชุ�แนะน)าตนเองเพั��อให่�คนมากมาย์ได�ร� �จ�กเรา ซื้.�งปี5จจ�บ�นการทั้)านามบ�ตรเปี6นเร��องทั้��ง�าย์มากข.&น แต�

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 7

Page 8: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

การทั้)าให่�นามบ�ตรโดนใจผ��ร �บ เปี6นนามบ�ตรทั้��ด� ม�ขนาดทั้��เห่มาะสม บอกให่�ผ��ร �บร� �จ�กเราว�าเปี6นใคร ทั้)าอะไร ทั้��ไห่นแลิะนามบ�ตร

ขั้นาดขั้องนามบตร

บนพั�&นทั้��ออกแบบนามบ�ตร ม�ขนาดความกว�าง 90 ม!ลิลิ!เมตร ก�บความส�ง 55

ม!ลิลิ!เมตร ด�วย์การสร�างเส�นกรอบลิงในโปีรแกรมคอมพั!วเตอร�

นามบ�ตรแนวนอน ในขนาดมาตรฐาน การออกแบบนามบ�ตรน�&น สำ�/งสำ�าคญก-ค&อ ร*ป“ ” ทั้��จะเพั!�มส�ส�นให่�ก�บนามบ�ตร จ.งต�องจ�ดขนาดของร�ปีให่�เห่มาะสมแลิะทั้)าให่�นามบ�ตรด�โดดเด�นข.&น ห่ลิ�งจากอ�พัโห่ลิดร�ปีแลิ�ว ร�ปีภาพัจะปีรากฏในพั�&นทั้��ทั้��ทั้)านามบ�ตร โดย์เตร�ย์มขนาดร�ปีปีระมาณ์ 31.27 มม.

(356 pixel) x 22.25 มม. (268 pixel) ห่ร�อไม�เก!น 46.5 มม.

(531 pixel)x32.5 มม. (393 pixel)

หลิกการออกแบบโลิโก� (logo) สำ�าหรบการทั�านามบตร

ว!ธิ�ง�าย์ส�ดในการสร�างไอเด�ย์ การออกแบบโลิโก�ให่�เปี6นทั้��จดจ)า ค�อ พัย์าย์ามเข�าไปีด�ต�วอย์�างตาม Web ต�างๆ ห่ร�อจากนามบ�ตรทั้��เคย์ได�ร�บมา

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 8

ขั้นาดนามบตร 90 มม. x 55 มม.

Page 9: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

ว�าโลิโก�แบบไห่น ทั้��เม��อมองด�แลิ�วตรงก�บผลิ!ตภ�ณ์ฑ์�ทั้��ต�องการน)าเสนอ จ)าง�าย์ แลิะสะด�ดตา

1. ออกแบบให�ม1เอกลิกษณ ม�ข�อความทั้��ทั้)าให่�คนมองแลิ�วร� �ว�าน��ค�อ

ต�วเรา ส!นค�า ผลิ!ตภ�ณ์ฑ์�ของเรา แต�ไม�ควรออกแบบให่�เห่ม�อนก�บคนอ��นๆ

มากจนเก!นไปี เปี6นการลิอกเลิ�ย์นแบบ

ต�วอย์�าง ภาพั ห่ลิ�กการออกแบบภาพันามบ�ตรให่�ม�เอกลิ�กษณ์�

2. ต�าแหน2งการวางโลิโก� ควรวางโลิโก�ทั้��ต)าแห่น�งซื้�าย์บนส�ดจะเปี6นต)าแห่น�งทั้�ม�การส)ารวจแลิ�วว�าเปี6นต)าแห่น�งทั้��ทั้)าให่�คนจดจ)าได�มากทั้��ส�ด รองลิงมาก<จะเปี6นต)าแห่น�งตรงกลิาง แต�ทั้�&งน�&ข�อม�ลิก�บร�ปีแบบโลิโก�ทั้��เราออกแบบควรทั้��จะสอดคลิ�องไปีในทั้!ศูทั้างเด�ย์วก�นเปี6นเร��องราวเด�ย์วก�น

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 9

Page 10: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

ต�วอย์�างภาพั การวางต)าแห่น�งของโลิโก�

ขั้�อพ3งระวง ในการออกแบบโลิโก� เพั��อน)ามาใชุ�ในธิ�รก!จน�&น พัอสร�ปี

ได�ด�งน�&

โลิโก�ธิ�รก!จไม�ควรน)าร�ปี Clip art ทั้��วไปีมาใชุ�ในโลิโก� เพัราะว�าอาจจะทั้)าให่�ด�ไม�น�าเชุ��อถ้�อ

โลิโก�ไม�ควรทั้)าเปี6นลิ�กษณ์ะ Animation ทั้��ม�การเคลิ��อนไห่วมากน�ก เน��องจากว�าโลิโก�ไม�ใชุ�แบรนเนอร�

โลิโก�ไม�ควรให่ญ�เก!นไปี เพัราะปีกต!แลิ�วสาย์ตาคนเราจะมองอะไรเปี6นจ�ดๆ ถ้�าห่ากว�าโลิโก�ของเราให่ญ�จนเก!นไปี จะทั้)าให่�โลิโก�ด�ไม�น�าสนใจ แลิะไม�เปี6นทั้��จดจ)า

การทั�านามบตรด�วย์โปรแกรม InkScape

ในร�ปีแบบทั้��เห่ม�อน Portable application โดย์ทั้��วไปีม�ขนาดไปีไฟลิ�ทั้��เลิ<กสามารถ้ Download จากเว<ปี InkScape ได�เอง เม��อ

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 10

Page 11: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

download เสร<จแลิ�วใชุ�งานได�ทั้�นทั้�ใชุ�งานฟอนทั้� ภาษาไทั้ย์ได�ด� แสดงผลิสวย์งาม แลิะสระไม�ลิอย์ ม�เมน�เปี6นภาษาไทั้ย์

ว�ธี1ใชื่�งาน Inscape เบ&�องต�น

Double Click Icon ตามภาพั ห่ร�อ ดาวน�โห่ลิด ทั้�� http://inkscape.org

InkScape พัร�อมใชุ�งานแลิ�ว ห่น�าตาโปีรแกรมเห่ม�อนภาพั

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 11

Page 12: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

1. ภาย์ใต�เมน� Edit ม�เมน� Clone แลิะ Create Tiled Clones ใชุ�ส)าห่ร�บทั้)านามบ�ตรให่�เร<วเทั้�าก�บร�าน Format ได�เลิย์

2. เร!�มจากเปีDด InkScape ข.&นมาห่น�ากระดาษทั้)างานจะเปี6นขนาด A4

โดย์ปีกต! ให่�ก)าห่นดขนาดกระดาษทั้)างานให่ม�เปี6น 3.5x2.0 น!&ว โดย์คลิ!กทั้�� File > Document Properties... เพั��อใชุ�ทั้)าต�นแบบนามบ�ตร

3. ออกแบบนามบ�ตรให่�สวย์งาม ต�กรอบด�วย์เส�นปีระบางๆ เพั��อเปี6นแนวเส�นส)าห่ร�บต�ดในภาย์ห่ลิ�ง แลิ�วจ�ดกลิ��มว�ตถ้�ทั้�&งห่มดให่�เร�ย์บร�อย์

4. ห่ลิ�งจากทั้��ได�นามบ�ตรอ�นสวย์งามของเราแลิ�ว ให่�ค�ณ์ก)าห่นดขนาดกระดาษทั้)างานเส�ย์ให่ม�เปี6น A4 เพั��อทั้)าเปี6นเอกสารส)าห่ร�บพั!มพั� คลิ!กทั้�� File > Document Properties...

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 12

Page 13: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

5. จ�ดนามบ�ตรให่�ห่�างจากขอบบนแลิะขอบซื้�าย์ปีระมาณ์ 0.5 น!&ว

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 13

Flowers shop

Pasunat S oisuysuwan

Page 14: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

6. คลิ!กเลิ�อกทั้��นามบ�ตรของเราไว�แลิ�วส��ง Clone แบบ Tile โดย์คลิ!กทั้��เมน� Edit > Clone > Create Tiled Clones... ต�&งค�าด�งภาพั

7. กดปี�Bม Create จะพับว�านามบ�ตรทั้��เลิ�อกใบเด�ย์วถ้�ก Clone ออกมาเปี6น 10 ใบวางเร�ย์งอย์�างสวย์งามด�งภาพั

8. กระดาษทั้��ม�ความห่นาพัอสมควร กดค)าส��ง print ได�

หลิกการเลิ&อกตวหนงสำ&อ (ฟอนทั : Front)

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 14

Page 15: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

1. สำ�าหรบงานทั/วไป พัย์าย์ามเลิ�อกฟอนทั้� ทั้��เข�าใจได�ง�าย์ อ�านง�าย์ ด�แลิ�วอ�านออกได�ทั้�นทั้� จะทั้)าให่�เราสามารถ้ส��อใจความส)าค�ญของงานออกมาส��ผ��ร �บ ผ��ชุมได�เร<ว

2. การออกแบบแนวศู�ลิป7 อาจใชุ�ฟอนทั้� ทั้��ด�ม�ความห่มาย์ อ�านแลิ�วต�องต!ดตาม เราน�าต!ดตามไปีอ�กแบบให่�เข�าก�บงาน เห่มาะก�บงานทั้��ออกแบบอ!สระเทั้�าน�&น (ไม�เห่มาะก�บงานทั้��วไปี)

3. ควรเลิ&อกตวหนงสำ&อหลิาย์ๆ

แบบ น�ามาเปร1ย์บเทั1ย์บกนด�ว�าอ�นไห่นเห่มาะสมทั้��ส�ด ก<เลิ�อกใชุ�อ�นน�&น บางทั้�ฟอนทั้� แบบห่น.�งอาจจะสวย์เม��อทั้)าก�บงานห่น.�งแต�ส)าห่ร�บอ�กงานห่น.�งอาจด�ไม�สวย์ได� ด�แลิ�วน�าสนใจแลิะน�าต!ดตาม

การเลิ&อกหาตวหนงสำ&อแบบต2างๆ (ฟอนทั : Front)

ความจร!งแลิ�วต�วห่น�งส�อแบบสวย์ๆ ม�ให่�ใชุ�มากมาย์ถ้�าเปี6นภาษาอ�งกฤษสามารถ้ห่าได�จากการ Download front ก<สามารถ้พับเจอได�เลิย์ ส�วนภาษาไทั้ย์ Web ไทั้ย์สามารถ้เลิ�อกได�ใน www.front.com จะได�ต�วห่น�งส�อแบบสวย์ๆ ด�งต�วอย์�าง เปี6น Web ศู�นย์�รวมต�วห่น�งส�อสวย์ๆ แนวอาร�ตทั้��น�กออกแบบต�วอ�กษร ชุ�วย์ๆ ก�นออกแบบ แลิ�วแจกจ�าย์ฟร� สามารถ้ดาวน�โห่ลิดได� ส�วนต�วห่น�งส�อไทั้ย์สวย์ๆ ทั้��เปี6นมาตรฐานจร!งๆ ทั้��อย์ากแนะน)า ค�อ ต�วห่น�งส�อตระก�ลิ PSL เน��องจากม�สไตลิ�สวย์ๆ ทั้��กราฟDกด�ไซื้น� น!ย์มใชุ�ก�นแต�เปี6นต�วห่น�งส�อในตระก�ลิทั้��ม�ลิ!ขส!ทั้ธิ!Eด�วย์ ด�งน�&น จ.งม�ค�าใชุ�จ�าย์ทั้��ควรต�องระว�งในการน)ามาใชุ�กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 15

Page 16: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

ตวอย์2างนามบตรทั1/น2าสำนใจุ

ต�วอย์�างนามบ�ตรห่มอผ�งเข<ม ฉลิ�เปี6นร�เลิ<กๆ เพั��อส��อความห่มาย์การฝ่5งเข<ม

ต�วอย์�างนามบ�ตรของบร!ษ�ทั้ทั้)าธิ�รก!จเก��ย์วก�บผลิ!ตภ�ณ์ฑ์�ทั้างเกษตรต�วนามบ�ตรถ้�กออกแบบแลิะพั�บอย์�างปีราณ์�ตให่�เปี6นถ้�งบรรจ�เมลิ<ดพั�นธิ��พั�ชุ

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 16

Page 17: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

การออกแบบเพ&/อสำงคม

ในแง�ของการออกแบบเพั��อส�งคม แนว Eco-design ห่ร�ออาจเร�ย์กว�า Green design ห่ร�อ sustainable design บ�าง ความห่มาย์แตกต�างก�นออกไปีในราย์ลิะเอ�ย์ดเลิกน�อย์ แต�สร�ปีรวมๆ ก<ค�อการออกแบบทั้��เน�นการลิดพัลิ�งงานขย์ะ แลิะส!�งทั้��ก�อให่�เก!ดมลิพั!ษ แลิะมลิภาวะต�างๆ เพั��อความย์��งย์�นของโลิกใบน�& ซื้.�ง Eco-design น��จะว�าเปี6นกระแสให่ม�ก<ไม�เชุ!ง เพัราะว�าตามปีระว�ต!ศูาสตร� ก<ม�น�กออกแบบห่ลิาย์คนทั้��ค!ดถ้.งเร��องน�&มานานแลิ�ว

เน��องจากโลิกเราเร!�มแย์�มากข.&นในแง�อย์�างเปี6นร�ปีธิรรม แนวความค!ดน�&เร��อง Eco-design จ.งถ้�กพั�ดด�วย์ผลิลิ�พัย์�ทั้��กระทั้บจร!งๆ ทั้)าให่�ตอนน�&การออกแบบใดๆ ก<ต�องค!ดถ้.งเร��องเห่ม�อนจะเชุย์แลิะด�แย์�แต�ก<เปี6นเร��องทั้��ร �บผ!ดชุอบต�อส�งคมแลิะเปี6นความทั้�าทั้าย์ของการออกแบบ ไม�เพั�ย์งนามบ�ตรทั้��สามารถ้ออกส�งเสร!ม Eco-design ทั้)าจากกระดาษร�ไซื้เค!ลิแลิะใชุ�ห่ม.กไร�สารพั!ษม�แนวค!ดทั้��น�าสนใจอย์�างมากจาก

Jamic Weick แสดงให่�เห่<นว�านามบ�ตรก<สร�างโลิกให่�เข�ย์วสดใส ได�ด�วย์การห่ย์�อนนามบ�ตรลิงในน)&า รออ�ก 4 ว�น ก<จะม�ต�นไม�งอกข.&นมาด�วย์ เชุ�นเม��อผ��ร �บนามบ�ตรแลิ�วเพั�ย์งแค�น)านามบ�ตรแชุ�น)&าทั้!&งไว� 4 ว�น ต�นไม�ก<จะค�อย์ๆ เร!�มเจร!ญเต!บโตออกมาจากนามบ�ตร การออกแบบทั้��ห่�วงใย์โลิก อย์�างแรกทั้��ส)าค�ญ ค�อไม�ออกแบบอะไรทั้��ใชุ�ไม�ได�เด<ดขาด การออกแบบทั้��

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 17

Page 18: คู่มือการออกแบบ

โครงการการพั�ฒนาศู�นย์�การเร�ย์นร� � ICT ชุ�มชุนอย์�างย์��งย์�น ปี�

สวย์งามแต�ไม�ได�ใชุ�ปีระโย์ชุน�แค�น)ามาเก<บไว� ต�&งโชุว�เทั้�าน�&ก<ไม�ต�องออกแบบอะไรมาก

ห่ากการเลิ�อกว�สด�ทั้��เปี6นร�ไซื้เค!ลิก<ควรเปี6นว�สด�ทั้��ไม�ก�อให่�เก!ดสารพั!ษ ไม�ได�ใชุ�การผลิ!ตทั้��ย์��งย์ากแลิะพัลิ�งงานมห่าศูาลิในโรงงาน ไม�ต�องอ!มพัอร�ตมาจากไห่นไกลิๆ ใชุ�ว�สด�ทั้�องถ้!�นในการผลิ!ต นอกจากน�&ก<ย์�งม�ราย์ลิะเอ�ย์ดปีลิ�กย์�อย์อ�กมากมาย์ โดย์รวมก<ค�อการค!ดถ้.งความเปี6นไปีได�ว�าในทั้�กๆ ทั้างทั้��จะทั้)าให่�ผลิ!ตภ�ณ์ฑ์� ห่ร�อพั�&นทั้��เห่ลิ�าน�&นสร�างขย์ะให่�โลิกน�อย์ลิงในทั้��ส�ด

ถ้�าห่�นมองไปีรอบๆ ไม�ไกลิต�วน�กก<จะพับเห่<นส!�งของทั้��เร�ย์กว�า Eco-

design เชุ�นน!ตย์สาร ด!นสอ โคมไฟ เคร��องใชุ�ไฟฟ8าในบ�าน เฟอร�น!เจอร� ซื้.�งอาจม�การน)าของใชุ�ทั้��เห่ลิ�อใชุ�ห่ร�ออาจเปี6นส!�งของทั้��ด�เห่ม�อนไม�ม�ปีระโย์ชุน�แลิ�วน)ากลิ�บมาใชุ�ให่ม�

อย์�างไรก<ตามส!นค�าห่ร�อผลิ!ตภ�ณ์ฑ์�ทั้��เปี6นทั้�� Eco-design ม�กจะม�ราคาส�งกว�าส!นค�าทั้��วไปีแลิะซื้�&อห่าย์ากไม�พับง�าย์น�ก ห่ากว�าชุ�วย์ก�นซื้�&อห่า แลิะสน�บสน�นให่�ม�การจ�ดทั้)าให่�มากข.&นเทั้�าก�บเปี6นการส�งเสร!มให่�การออกแบบร�วมก�นค!ดร�กษ�ส!�งแวดลิ�อม

กระทั้รวงเทั้คโนโลิย์�สารสนเทั้ศูแลิะการส��อสาร หน�า 18