Maxx Saphli

CONTENT 4 Typography 35
5 36-37
About us 6 Thai font
7 English font 39
Research 7 40
Swot analysis 8 Application 41
Target group 42
Concept 10 Polo - shirt uniform 43
Keywords 11-12 T - shirt uniform 44
Moodboard 13 Apron 45
14t Tag t-shirt 46
Logo 15-16 Stamp 47-48
17 Paper bag & plastic
Logo design 18 Business card 50
Logo on grid & structure 19 Purchasing order 51
Clear space 20-23 Ligth box advertisig 52
Logo format 24 53
Logo black & white Pictogram & Signage 54
Logo minimum size 26-27 55
Colour system 28-31 Grid system 56-57
Colour palette 32 Pictogram design 58
Single colour 33 Pictogram on grid system 59-60
Incorrect variation Pictogram layout principle
Logo layout principle
Background control Interior signage
Exterior signage
Logo full colour Family signage
Logo single colour Mock up signage
Dark and light
Mono tone

RESEARCH

รา น MaxSaphli เปด รานเม่อื วนั ท่ี 28 พฤษภาคม พ.ศ.2559
จนถึงปจจุบันเปนเวลา 4 ปเเลวจดทะเบียนการคา เมื่อวันที่ 3
มีนาคม พ.ศ.2559 เปนรานขายปลีกเสื้อผา รับงานสกรีนเสื้อ
งานปก เสอ้ื งานเสอ้ื ครบวงจร รบั ตดั เสอ้ื กฬี า เสอ้ื โปโล เเละจำหนา ย
อปุ กรณก ฬี า ขนาดของรา นเปน ขนาดเลก็ ดงั นน้ั งานทกุ ชน้ิ ทผ่ี ลติ
จะผานการทำจากเจาของรานโดยตรง ตัวรานเปนสวนหนึ่งของ
ตวั บา นเพราะเปน ธรุ ะกจิ ครอบครวั รา นเปด อยทู 1่ี 18 ม.5 ต.สะพลี
อ.ปะทิว จ.ชุมพร

4

SWOT

- อุปกรณเเละเทคโนโลยีมีมาตราฐานเทียบเทา - ภาพจำในเชิงธรุ ะกจิ เเละอตั ลักษณอ งคกรยัง
รานอื่นเเตเหลดราคารบั งานถกู กวา ไมช ัดเจน

- มกี ารเขา รว มเเละสนบุ สนนุ ทกุ โครงการทม่ี ปี ระโยชน - ยังไมค อ ยเปน ที่รูจักในพ้ืนท่ีอื่น
ตอ สง คมคนในพน้ื ท่ี - ยงั ขาดการพฒั นาการใชภ าษากบั ลกู คาตา ง

- เปน ทรี่ ูจักกนั ดจี ากทำเลท่ีตง้ั ของราน ชาตเิ เละ การทำการตลาดในโลกออนไลน

- ปจ จบุ นั เทคโลโลยมี รี าคาทถ่ี กู ลง ดงั นน้ั จงึ สามารถ - สภาพอากาศในบางฤดูทำใหการทำงานลาชา
อพั เกรดอปุ กรณภ ายในรา นใหม คี วามหลากหลาย เเละเครื่องจักสึกกลอนเร็วกวาที่ควรเพราะอยู
ไดม ากข้ึน ติดกับทะเล

- ชุมชนมีการพัฒนาอยางตอเนื่องเเละมีนักลงทุน - เทคโนโลยถี กู ลงคเู เขง็ อพั เกรดอปุ กรณง า ยขน้ึ
มาลงทุนมากขึ้น เชน 7-11 Big-Cmini Lotus- จึงทำใหเ กดิ คูเ เขงรายใหมตามมาอกี ดว ย
ทเี่ ปด ใหม จำสามารถเจาะกลุมลกู คา เพ่มิ ได

- สรางเเบรนดปจ จยั ทตี่ อ งใชเกย่ี วกบั งานสกรนี
เปนของตวั เอง

5

TARGET GROUP

กายภาพ
- นักธรุ กิจ
- เจา ของธรุ กจิ
- นกั จัดกจิ กกรม
- ไมจำกัดการศึกษา
- เพศ ชาย-หญงิ /เพศ ทางเลอื ก
- อายุ 30-50 ป
- เงินเดอื น 15,000 - 50,000 นาท/เดือน

จินตภาพ
- บคุ คลทั่วไปหรอื บรษิ ัทตา งๆทีม่ กี ารจดั กิจกรรมเเบบ
หมูคณะ
- บคุ คลทว่ั ไปทม่ี คี วามตอ งการจะทำเสอ้ื ในเทศกาลตา งๆ

6

CONCEPT

The next Generation

( ความใหมท ย่ี ่งั ยืน )

ภายใตเเนวความคิด The next Generation หรอื ความใหมท ่ียั่งยนื
โดยมจี ดุ ประสงคเพ่ือพัฒนาเเละปรับปรุงเเกไขในสว นท่ียงั ไมมปี ระสทิ ธิภาพเพยี งพอ
ทง้ั ในดา นอตั ลกั ษณอ งคก ร ดา นการสอ่ื สารกบั กลมุ เปา หมาย เเละความหมายเชงิ นยั
ของรา น Max Saphli รบั ทำเสอ้ื ครบวงจรทจ่ี งั หวดั ชมุ พร ทเ่ี ปน รา นขนาดเลก็ เพราะ
มีลักษณะธุรกิจเเบบครอบครัว

Dot and line KEYWORDS Integration

Sew

7

Silk screen MOODBOARD Embroidery

Heat press

8

LOGO

LOGO DESIGN

ในสวนของโลโกดีไซน Mark
Mark มาจากคำวา MAXX
ทเ่ีปน การตดั ทอนในบางสว นของ
องคประกอบของฟอน Arial
เเละนำลักษณะของการเย็บผา
มาเเทนในสว นทต่ี ดั ทอนออกไป
โดยมีการเรียงตัวกันใหอยูใน
โครงสรา งเดมิ ทำมมุ 45 องศา

VERTICAL

HORIZONTAL

10

LOGO ON GRID SYSTEM

ระบบกริดของตราสัญลักษณ 5X 13X 3X
ตองถูกจัดวางอยูในตําแหนง
ขนาดและสัดสวนที่ถูกตอง VERTICAL 1/2X
ทั้งนี้เพื่อความสม่ําเสมอของ 1.5X
ภาพลักษณองคกร จึงตอง 11
มีการกําหนดสัดสวนของ
ตราสัญลักษณ ท้งั น้ีทาํ ไดโดย
การวางเคร่ืองหมาย ลงบน
โครงสรา งตารางพน้ื ท่ี ทส่ี มมตุ ิ
โดยใหความกวาง และยาว
ของชองตารางเทากับ x ซึ่ง
มาจากความสูงของตัว M
1 ชองตารางในโลโกเเนวตั้ง
เเละระบบกริดนี้มี 2 เเบบคือ
VERTICAL เเละHORIZONTAL

3/5X

X

LOGO ON GRID SYSTEM

ระบบกริดของตราสัญลักษณ 17.5X
ตองถูกจัดวางอยูในตําแหนง
ขนาดและสัดสวนที่ถูกตอง 3X 2/5X 3/4X
ทั้งนี้เพื่อความสม่ําเสมอของ 2/5X 3/4X
ภาพลักษณองคกร จึงตอง 2/5X 3/4X
มีการกําหนดสัดสวนของ
ตราสญั ลกั ษณ ท้ังนี้ทําไดโ ดย
การวางเคร่ืองหมาย ลงบน
โครงสรา งตารางพน้ื ท่ี ทส่ี มมตุ ิ
โดยใหความกวาง และยาว
ของชองตารางเทากับ x ซึ่ง
มาจากความสูงของตัว M
1 ชองตารางในโลโกเเนวตั้ง
เเละระบบกริดนี้มี 2 เเบบคือ
VERTICAL เเละHORIZONTAL

X 13X 4X
1/2X

HORIZONTAL

12

CLEAR SPACE

พื้นที่วางรอบตราสัญลักษณ
การจัดวางตราสัญลักษณ
จำเปนตองคํานึงถึงพื้นที่วาง
รอบตราสัญลักษณโดยตอง
ไมม อี งคป ระกอบใดๆมารบกวน
และหา มเพิ่มเติมขอ ความ หรือ
ภาพสญั ลกั ษณใ ดๆกต็ ามลงไป
ภายในขอบเขตทก่ี าํ หนดเอาไว
โดยกาํ หนดขอบเขตและสดั สว น
โดยรวมไวที่ความสูงของ M

VERTICAL

HORIZONTAL
X

กำหนดสดั สวนใหค วามสูงของตัว M เปน X

13

LOGO FORMAT

ในสว นของโลโกด ไี ซน สามารถ
นาํ ไปใชไ ด 2 เเบบ คอื VERTICAL
เเละ HORIZONTAL

VERTICAL

HORIZONTAL

14

LOGO BLACK & WHITE

ในสวนของโลโกดีไซน ในแบบ
VERTICAL ที่เปนขาวดํา จะมี
รูปแบบดังตอ ไปน้ี

15

LOGO BLACK & WHITE

ในสวนของโลโกดีไซน ในแบบ
HORIZONTAL ที่เปนขาวดํา
จะมีรูปแบบดงั ตอ ไปน้ี

16

LOGO MINIMUM SIZE 1.5 cm

ในสว นของโลโกด ไี ซน ทก่ี าํ หนด VERTICAL
ใหโ ลโก สามารถใชง านในขนาด
เลก็ ทส่ี ดุ ได 2 เเบบคอื VERTICAL
ในขนาด 1.5cm. เเละHORIZONTAL
ในขนาด 2 cm. ทง้ั นเ้ี พอ่ื ความ
ชัดเจนในการอาน ในกรณีทใ่ี ช
ประกอบการออกแบบทม่ี รี ะบบ
การพิมพ หรือการใชงานท่ีมี
ความแตกตางไปจากสื่อทั่วไป
โปรดปรกึ ษาทมี งานผอู อกแบบ

2 cm

HORIZONTAL

* ในกรณที ตี่ องใชโลโกนอกเหนือจากขนาดเลก็ ท่สี ดุ จากที่กำหนดไว
ทั้ง VERTICAL เเละ HORAZONTAL ใหต ดั ทอนโลโกตามเเบบขางตน

17

COLOUR SYSTEM

การนำโลโกไ ปใชจ ำเปน ตอ งเลอื ก
ใหถูกตองตามมาตรฐาน
เพื่อไมใหเกิดความผิดพลาด
เกี่ยวกับคาสี จึงกำหนดมาให
เพอ่ื ภาพลกั ษณท ถ่ี กู ตอ งสมบรู ณ

M:81 Y:98
R:240 G:86 B:35
Pantone 1655C
Websafe : #F05623

18

COLOUR PALETTE Secondary colour

Primary colour C:100 M:89 Y:15 K:4
R:35 G:63 B:133
M:81 Y:98 Pantone 7687C
R:240 G:86 B:35 Websafe : #233F85
Pantone 1655C
Websafe : #F05623

C:70 M:67 Y:64 K:74 C:43 M:35 Y:45 K:1
R:35 G:31 B:32 R:153 G:153 B:153
Pantone Process Black C Pantone Cool Gray 7 C
Websafe : #231F20 Websafe : #999999

19

SINGLE COLOUR Primary colour

ตราสญั ลกั ษณ เเบบ VERTICAL
ไดถูกออกแบบใหสามารถใช
ในรูปแบบสีเพียงสีเดียวได
ท้ังน้ีเพอื่ ชวยเพ่มิ แนวทางของ
การออกแบบในสภาวะทค่ี วรเปน
หรอิื มขี อ จำกดั เรอ่ื งงบประมาณ
ในการผลติ เเบง ตราสญั ลกั ษณ
ของสี คอื Primary colour เเละ
Secondary colour

20

SINGLE COLOUR Secondary colour

ตราสญั ลกั ษณ เเบบ VERTICAL
ไดถูกออกแบบใหสามารถใช
ในรูปแบบสีเพียงสีเดียวได
ทงั้ นีเ้ พือ่ ชวยเพ่มิ แนวทางของ
การออกแบบในสภาวะทค่ี วรเปน
หรอิื มขี อ จำกดั เรอ่ื งงบประมาณ
ในการผลติ เเบง ตราสญั ลกั ษณ
ของสี คอื Primary colour เเละ
Secondary colour

21

SINGLE COLOUR Primary colour

ตราสญั ลกั ษณ เเบบ HORIZONTAL
ไดถูกออกแบบใหสามารถใช
ในรูปแบบสีเพียงสีเดียวได
ทง้ั นเ้ี พอ่ื ชว ยเพม่ิ แนวทางของ
การออกแบบในสภาวะทค่ี วรเปน
หรอิื มขี อ จำกดั เรอ่ื งงบประมาณ
ในการผลติ เเบง ตราสญั ลกั ษณ
ของสคี อื Primary colour เเละ
Secondary colour

22

SINGLE COLOUR Secondary colour

ตราสญั ลกั ษณ เเบบ HORIZONTAL
ไดถูกออกแบบใหสามารถใช
ในรูปแบบสีเพียงสีเดียวได
ทง้ั นเ้ี พอ่ื ชว ยเพม่ิ แนวทางของ
การออกแบบในสภาวะทค่ี วรเปน
หรอิื มขี อ จำกดั เรอ่ื งงบประมาณ
ในการผลติ เเบง ตราสญั ลกั ษณ
ของสคี อื Primary colour เเละ
Secondary colour

23

INCORRECT VARIATION

หามยืดโลโกไมวากรณีใดก็ตาม หามบีบโลโกไมวากรณีใดก็ตาม

*หากมีกรณีนอกเหนือจากนี้ใหปรึกษากับทางเจาของเเบรนด

24

BACKGROUND
CONTROL

BACKGROUND CONTROL

ตราสญั ลกั ษณ แบบ VERTICAL 10% 60%
ในรูปแบบสีเต็มไดถูกออกแบบ 70%
ใหว างอยบู นพน้ื ทม่ี สี ดี ำไลร ะดบั 80%
ต้ังแต 10 -100 % ไดดงั นี้ 90%
100%
20%

30%

40%

50%
26

BACKGROUND CONTROL 60%
70%
ตราสญั ลกั ษณ เเบบ HORIZONTAL 80%
ในรูปแบบสีเต็มไดถูกออกแบบ 90%
ใหว างอยบู นพน้ื ทม่ี สี ดี ำไลร ะดบั 100%
ตั้งแต 10 -100 % ไดดงั น้ี

10%

20%

30%

40%

50%

27

BACKGROUND CONTROL

ตราสญั ลกั ษณ เเบบ VERTICAL 10% 60%
ในรปู แบบสเี ดยี วไดถ กู ออกแบบ 70%
ใหวางอยูบนพื้นที่มีสีของโลโก 80%
ไลร ะดบั 10 - 100 % ไดด ังนี้ 90%
100%
20%

30%

40%

50%
28

BACKGROUND CONTROL

ตราสญั ลกั ษณ เเบบ VERTICAL 10% 60%
ในรปู แบบสเี ดยี วไดถ กู ออกแบบ 70%
ใหวางอยูบนพื้นที่มีสีของโลโก 80%
ไลระดับ 10 - 100 % ไดดังนี้ 90%
100%
20%

30%

40%

50%
29

BACKGROUND CONTROL 60%
70%
ตราสญั ลกั ษณ เเบบHORIZONTAL 80%
ในรปู แบบสเี ดยี วไดถ กู ออกแบบ 90%
ใหว างอยบู นพน้ื ทม่ี สี ดี ำไลร ะดบั 100%
ตงั้ แต 10 -100 % ไดด ังนี้

10%

20%

30%

40%

50%

30

BACKGROUND CONTROL 60%
70%
ตราสญั ลกั ษณ เเบบHORIZONTAL 80%
ในรปู แบบสเี ดยี วไดถ กู ออกแบบ 90%
ใหว างอยบู นพน้ื ทม่ี สี ดี ำไลร ะดบั 100%
ตงั้ แต 10 -100 % ไดดังนี้

10%

20%

30%

40%

50%

31

BACKGROUND CONTROL

การเลือกใชตราสัญลักษณ
บนรูปภาพสีเขมและสีออน
ควรเลือกใชตราสัญลักษณ
ที่เปนแบบสีเต็มเพื่อคงไวซึ่ง
คุณภาพสงู สดุ ของงาน

Example of a 4-column grid
32

BACKGROUND CONTROL

การเลือกใชตราสัญลักษณ
แบบ fullcolor และ single color
บนรปู ภาพสเี ตม็ และ mono tone
เพื่อสามารถนำไปใชออกแบบ
กรณที ี่มงี บประมาณจำกัด

Example of a 4-column grid
33

TYPOGRAPHY

TYPOGRAPHY THAI
HEAD
ระบบการใชต วั อกั ษรภาษาไทย Sukhumvit Bold
สําหรับงานออกแบบ หรือ
กระจายขาวสารขององคกร กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบปผ
มีดงั น้ี ฝพฟภมยรลวศษสหฬอฮะา ิ ี ึ ื ุ ู  
0123456789

SUB HEAD
Sukhumvit Semi Bold

กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบปผ
ฝพฟภมยรลวศษสหฬอฮะา ิ ี ึ ื ุ ู  
0123456789

BODY TEXT
Sukhumvit Thin

กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบปผ
ฝพฟภมยรลวศษสหฬอฮะา ิ ี ึ ื ุ ู  
0123456789

35

TYPOGRAPHY ENGLISH
HEAD
ระบบการใชต วั อกั ษรภาษาองั กฤษ Arial Bold
สําหรับงานออกแบบ หรือ
กระจายขาวสารขององคกร ABCDEFGHIJKLMNOPQRSTUVWXYZ
มีดังน้ี abcdefghijklmnopqrstuvwxyz
1234567890

SUB HEAD
Arial Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

Body Text
Arial Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

36

TYPOGRAPHY

ชุดอักษรภาษาอังกฤษพิเศษ
ที่สรางสําหรับงานออกแบบ
หรอื กระจายขา วสารขององคก ร
วธิ กี ารใช ใชเ ปน เเคต วั อกั ษรเเรก
ของคำ เชน PRICEใชเ เคตัว P
จะไดดงั นี้ PRICE

37

APPLICATION

POLO - SHIRT UNIFORM

เสอ้ื โปโลบคุ ลากรภายในองคก ร
ที่ใชสำหรับทำงานภายในราน
หรอื เขา พบลกู คา นอกสถานท่ี

ดา นหนา ดา นหลงั

39

T - SHIRT UNIFORM

เสอ้ื ยดื บคุ ลากรภายในองคก ร
ที่ใชสำหรับทำงานภายในราน

ดา นหนา ดา นหลงั
40

APRON

เสื้อเอี๊ยมสำหรับพนักงาน
ที่ทำงานดา นงานสกรนี

41

TAG T-SHIRT

42

STAMP

ตราประทบั ประจำองคกร
ทไ่ี วใ ชป ระทบั ในกรณตี า งๆ เชน
บิลเงนิ สด บลิ สัง่ ของ เปนตน

43

PAPER BAG & PLASTIC BAG

ถงุ สำหรบั ใสข อง ทล่ี กู คา ซอ้ื ของ
จากทางราน การเลือกใชถุง
ขน้ึ อยกู บั ความเหมาะสมสนิ คา
ที่ลกู คา ซอื้

PAPER BAG PLASTIS BAG

44

BUSINESS CARD

นามบตั รสำหรบั เเจกลกู คา หรอื
ผทู ส่ี นใจเกย่ี วกบั งานภายในรา น

1 โลโกรา น
2 ช่ือเจา ของนามบตั ร
3 QR CODE ของทางราน
4 ชองทางการตดิ ตอ

2 4 1
3

Example of a 6-column grid Example of a 3-column grid

45

PURCHASING ORDER 1

ใบออเดอรสำหรับรับงาน เเละ 2
ขอ มลู รายละเอยี ดลกู คา
3
1 โลโกราน 4
2 ชองทางการติดตอ
3 ขอมูลลูกคา 5
4 ประเภทงาน
5 รายละเอยี ดสนิ คา 6
6 รา ยละเอยี ดเพิ่มเติม

No. รายชอ่ื เพ่มิ เติม

1
2
3
4
5
6

7
8
9
10

11
12
13
14
15

เพม่ิ เตมิ

เพิ่มเติม

Example of a 3-column grid

46

LIGHTBOX ADVERTISING

ภาพโฆษณาราน 4

1 โลโกรา น
2 รายละเอียดของงาน
3 QR CODE ของทางรา น
4 ภาพการทำงาน

1
2

3

Example of a 4-column grid
47

LIGHTBOX ADVERTISING

ภาพโฆษณาราน 4

1 โลโกรา น
2 รายละเอียดของงาน
3 QR CODE ของทางรา น
4 ภาพการทำงาน

1

2
3

Example of a 4-column grid
48

PICTOGRAM
AND

SIGNAGE

49

GRID SYSTEM

ที่มาของระบบกริด มาจาก
การทอของเสนใยผา

50