Book Branding Duck Store Thailand by Satamed Pond Kunawattana

IDENTITY GUIDELINES คูมือการใชอัตลักษณ Version 1.0

April 2019

บริษัท ดั๊คสโตร(ไทยแลนด) จํากัด

CONTENTS สารบัญ

Logo ตราสัญลักษณ Color สี Typograhy ตัวอักษร Visual elements ภาพกราฟก Photograhy ภาพถาย

1.0 2.0 3.0 4.0 5.0

WHAT IS BRAND IDENTITY. .

อัตลักษณของแบรนดคืออะไร

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

ALL IDEA FOR CONCEPT DESIGN

DUCK OLD SYMBOL - ILLUSTRATION Drawing Style

STORE

THAILAND

- KRABI

SHOPPING BAG APPSTORE BAG CART

SEA SUN SAND SMILE BOAT NATURAL FLOWER TREE TRAVEL

JAPAN - PRODUCT FORM JAPAN - ART

ศิลปะลวดลายญี่ปุน

- LANGUAGE

Hiragana Katakana Kanji

ดอกทุงฟา ตนทุงฟา

คําขวัญประจําจังหวัด : แหลงฐานหิน ถิ่นหอยเกา เขาตระหงาน ธารสวย รวยเกาะ เพาะปลูกปาลม งามหาดทราย ใตทะเลสวยสด มรกตอันดามัน ตนไมประจําจังหวัด : ตนทุงฟา ดอกไมประจําจังหวัด : ดอกทุงฟา สัตวนํ้าประจําจังหวัด : หอยชักตีนหรือ หอยสังขตีนเดียว

CONCEPT DESIGN

LOGO FONT

DUCK

STORE

SMILE

LOGO

โลโกตัวอักษร

การตูนรูปเปด

รานคา

รอยยิ้มคนไทย

ตราสัญลักษณ

1.0

LOGO

ตราสัญลักษณ

SMILE SYMBOL

DUCK SYMBOL

DESIGN & MEANING การออกแบบและความหมาย

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

คา สีมีห ลัก ๆคือ 2 ประเภท RGB = ใชบนสื่อออนไลน CMYK = ใชในงานสิ่งพิมพ

HEX

#FCB71B

R 252

HEX

#000000

R 0

G 183

B 27

C 0

M 30

Y 100

K 0

G 0

B 0

C 0

M 0

Y 0

K 100

ALTERNATIVE LOGO

ทางเลือกการใชงานตราสัญลักษณ

1.1

STYLE

โลโกกําหนดใหมีการใชงานที่ตางกัน โดยขึ้นอยูกับการนําไปใช จริงและตามความเหมาะสม โดยมีรูปแบบการใชงานตอไปนี้ Vertical logo

แนวตั้ง

Horizontal Logo

แนวนอน

Symbol Logo

Short Logo

แบบสัญลักษณ

แบบยอ

LOGO

ALTERNATIVE LOGO

ทางเลือกการใชงานตราสัญลักษณ

1.2

STYLE

ONLINE

OFFLINE

Vertical logo

- ใชสําหรับเปนโลโกหลัก ในการโปรโมทหรือสื่อทุกชนิด

LOGO

Symbol Logo

- ใชสําหรับเปนโลโกรอง ในการโปรโมทหรือสื่อทุกชนิด

A4 Horizontal Logo

- ใชสําหรับทําปายราน หรือสื่อขนาดยาว มีพื้นที่แคบในการวาง

Short Logo

- ใชสําหรับเอกสาร สิ่งพิมพ หรือบนสื่อขนาดเล็กมากๆ

ALTERNATIVE LOGO + COLOR

Vertical Logo

Symbol Logo

Horizontal Logo

Short Logo

ทางเลือกการใชงานตราสัญลักษณ + สีอัตลักษณ

1.3

STYLE

LOGO

1.4

EXCULSIVE ZONE & MINIMUM SIZE พื้นที่ปลอดภัย และ ขนาดยอเล็กที่สุดของโลโก

สัดสวนที่ถูกตองของโลโก เพื่อสรางการจดจําสัดสวนของโลโก จะถูกกําหนดรูปแบบตายตัว โดยหามปรับเปลี่ยน กําหนดให ใชตามตัวอยางเทานั้น 360x360 pixel > ใชสําหรับภาพโปรไฟลขนาดเล็ก > Web, FB, Line, Ig or etc. 960x960 pixel > ใชสําหรับภาพโปรไฟลขนาดกลาง > Facebook 2400x2400 pixel > ใชสําหรับสื่อขนาดไฟล เปนไฟลตนฉบับ ใชไดกับงานทุกประเภท

Print size = 2 x 1.3 cm Web size = 65.4 x 43 pixel

Print size = 1.8 x 2 cm Web size = 53 x 56.5 pixel

Print size = 3.2 x 0.5 cm

= ใชตัวอักษณ O ในการเวนระยะหาง *** ขนาดไฟลและรูปแบบการใชงาน แนะนําใหใชตามความเหมาะสมของการนําไปใชและตัวเนื้องานจริง ***

Print size = 2 x 0.5 cm

1.5

USAGE WITH BACKGROUND การกําหนดวิธีจัดวางบนภาพพื้นหลัง

การนําโลโกไปใชบนภาพพื้นหลังจริง กําหนดใหมีการใชงาน ในการจัดวางตามตัวอยางเทานั้น Colors background

กําหนดใหมีเฉดสีหลัก คือ สีหลัก Primary Colors 2 เฉดสี ดํา และ เหลือง

Image background

กําหนดใหมี 2 รูปแบบหลักๆ คือ มีการใชโลโกวางไวมุมซายและมุมขวาของภาพ

1.6

WARNING! PLEASE DO NOT ABUSE YOUR LOGO DON’TS การใชงานโลโกที่ไมเหมาะสม

ตัวอยางการใชงานโลโกที่ไมเหมาะสมและไมควรปฏิบัติตาม

SHOP NOW !!

หามปรับเปลี่ยนสี

หามปรับสัญลักษณ

หามดัดแปลงแกไข

หามนําขอความอื่นมาวางใกล

หามใชสีพื้นหลังอื่น

หามใส Effect

หามใส Filters

หามวางบนภาพที่สงผลตอ ความชัดเจนของโลโก

1.6

PARTNER LOCKUP

การกําหนดวิธีจัดวางรวมกับองคกรอื่น

การวางโลโกรวมกับบริษัทหรือองคกรอื่นๆ โดยมีการกําหนด ในรูปแบบการจัดวาง เพื่อใหเกิดการจดจํา USAGE (Positive)

COMPANY LOGO USAGE (Reversed)

COMPANY LOGO = ใชตัวอักษณ O ในการเวนระยะหาง

Examples

Incorrect use

2.0

COLOR เฉดสีอัตลักษณ

สี เปนองคประกอบสําคัญอยางหนึง่ ของอัตลักษณองคกร ที่สามารถสื่อสารและบงบอกตัวตน ชวยสรางการจดจํา ใหกับองคกรไดเปนอยางดี โดยคาสีมาตรฐานขององคกร กําหนดใหใชสหี ลักของแบรนด Primary Colors 3 เฉดสี หลัก คือ เหลือง ดํา และ ขาว

COLOR สี

RGB / HEX คาสีในบนเว็บไซต

CMYK คาสีในบนสิ่งพิมพ

R 252

C 0

G 183

B 27

M 30

Y 100

K 0

#FCB71B สีเหลือง

สีขาว-ดํา

สือ่ ถึงความสดใส ราเริง ชืน่ บาน ทีม่ อบความอบอุนุ และความสุขใหกบั ลูกคา สือ่ ถึงความทันสมัย เรียบงาย สไตลมนิ มิ อล ทีด่ มู มี าตรฐานสากล

R 0

G 0

B 0

C 0

M 0

Y 0

K 100

R 255

G 255

B 255

C 0

M 0

Y 0

K 0

#000000

#FFFFFF

3.0

TYPOGRAPHY ชุดตัวอักษรของอัตลักษณ

ตั ว อั ก ษร มี ก ารเลื อ กใช ทั้ ง ภาษาอั ง กฤษและภาษาไทย โดยมีการกําหนดรูปแบบของตัวอักษรหลักๆ ใหสอดคลอง กับบุคลิกขององคกรและสรางความเปนอัน หนึ่งอันเดียว โดยแบบเปน 2 กลุม มีดังตอไปนี้

BoonTook Mon Ultra HEADLINE หัวเรื่อง

ใชตัวอักษรชุดเดียว คือ BoonTook Mon Ultra โดยกําหนดใหมีรูปแบบการใชงานดังตอไปนี้ BoonTook Mon Ultra ใชตัวอักษรรูปแบบเดียว คือ Mon-Ultra โดยกําหนดใหใชในการ เขียนหัวเรื่องและหัวขอยอยที่สําคัญ ใชทั้งภาษาไทยและภาษาอังกฤษ

ABCDEFGHJKLMNOPQRSTUVWXYZ abcdefghjklmnopqrstuvwxyz กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถ ทธนบปผฝพฟภมยรลวศษสหฬอฮ ๐๑๒๓๔๕๖๗๘๙0123456789

3.1

TYPOGRAPHY ชุดตัวอักษรของอัตลักษณ

สําหรับเนื้อหาใหใชฟอนตตัวอานแบบมีหัว โดยกําหนดใหมีรูปแบบการใชงานดังตอไปนี้ TH Mali Grade 6 ใชตัวอักษรรูปแบบเดียว คือ Bold โดยกําหนดใหใชในการเขียนขอความ หรือเนื้อหาที่มีจํานวนมากใช ทั้งไทยและภาษาอังกฤษ

TH Mali Grade 6 - Bold A B C D E F G H J K L M N O P Q R S T U V W X Y Z a b c d e f g h j k l m n o p q r s t u v w x y z ก ข ฃ ค ฅ ฆ ง จ ฉ ช ซ ฌ ญ ฎ ฏ ฐ ฑ ฒ ณ ด ต ถ ท ธ น บ ป ผ ฝ พ ฟ ภ ม ย ร ล ว ศ ษ ส ห ฬ อ ฮ ๐ ๑ ๒ ๓ ๔ ๕ ๖ ๗ ๘ ๙ 0 1 2 3 4 5 6 7 8 9 * * * ฟอนต ลิขสิทธิ์แนะนํา * * *

PSL-Omyim , Busaba Eathai > ใชสําหรับเปนหัวขอโฆษณา

4.0

VISUAL ELEMENT ภาพกราฟกของอัตลักษณ

กราฟ ก ของอั ต ลั ก ษณ ถื อ เป น เอกลั ก ษณ ข ององค ก ร ที่ สํ า คั ญ เป น ส ว นประกอบที่ ช  ว ยสร า งความโดดเด น และน า สนใจให กั บ องค ก ร การใช ก ราฟ ก ให เ ป น ใน ทิ ศ ทางเดี ย วกั น จะช ว ยส ง เสริ ม และสร า งการจดจํ า ให แก ผู รั บ สาร โดยมี รู ป แบบภาพกราฟ ก ดั ง ต อ ไปนี้ ICON DESIGN 1 2

กระบวนการวาดไอคอน

ใชเสนกราฟกที่มีความหนาตางกัน มาใชในการออกแบบภาพไอคอน โดยให สอดคลองกับโลโก Duck Store Thailand

4.1

ICONS ไอคอน

FB IG LINE MAP STORE DUCK SMILE โทรศัพท ปากกา อโรมา นํ้ามันหอมระเหย รองเทา ถุงเทา ชุดวายนํ้า แวนตาวายนํ้า

กระเปา สายชารจ หูฟง สบู แวนตากันแดด พวงกุญแจ เสื้อ กิ๊บติดผม ตางหู ครีม หมวก ผาพันคอ ทุเรียนอบแหง มะมวงอบแหง

4.2

PATTERN ลวดลาย

5.0

PHOTOGRAPHY การถายภาพประเภทสินคาแบบสากล

การถายภาพ เปนเพียงคําแนะนําในเบือ้ งตนและเปนการกําหนด ใหถายภาพ เพื่อใหสื่อเปนในทิศทางเดียวกัน ชางภาพสามารถ ปรับปรุงหรือเปลี่ยนรูปแบบการถายแบบพื้นขาวไดตามความ เหมาะสมและเห็นสมควร หากไมเหมือนดังที่กําหนดไว

DON’T

มีการเวนระยะขอบขาวและพืน้ ทีว่ า งแบบพอดีๆ และเหมาะสม ควรคํานึงถึงเวลานําไปโพสตบนเว็บไซต อาจจะมีตกขอบเกิดขึน้ ได **ควรถายหลายๆมุม ยกตัวอยางเชน หนา-หลัง สวนนอก-สวนใน

ไมควรใหสนิ คาตกขอบภาพหรือมีการ Crop รูปภาพเพือ่ ให เห็นภาพสินคาชัดและชิดขอบของภาพจนเกินไป เนือ่ งจาก สงผลใหไมเห็นภาพรวมของสินคา

5.1

PHOTOGRAPHY การถายภาพประเภทสินคาแบบหลายชิ้น

DON’T

มีการเวนระยะพืน้ ทีว่ า งแบบพอดีๆ และเหมาะสมกับสไตลของภาพ ควรคํานึงถึงเวลานําไปโพสตบนเว็บไซต อาจจะมีตกขอบเกิดขึน้ ได **ควรวางสินคาใหมจี ดุ เดน เพือ่ โฟกัสทีจ่ ดุ เดียวและสะดุดตา

ไมควรใหสนิ คาตกขอบภาพหรือมีการ Crop รูปภาพเพือ่ ให เห็นภาพสินคาชัดและชิดขอบของภาพจนเกินไป เพราะจะ สงผลใหไมเห็นภาพรวมของสินคา

PHOTOGRAPHY

การถายภาพประเภทสรางภาพลักษณราน

1:1

ขนาดรูปภาพบน FB, IG

4:3

ขนาดรูปภาพมาตรฐาน

สัดสวนของภาพ เปนเพียงคําแนะนําในเบือ้ งตนและเปนการกําหนด ใหถายภาพ เพื่อใหสื่อเปนในทิศทางเดียวกันและมีรูปแบบเปน มาตรฐาน

16 : 9

ขนาดรูปภาพแนวยาวมาตรฐาน

ควรปรับภาพแสงของภาพใหสวาง เห็นสินคาชัดเจน โฟกัสรูปภาพไปทีส่ นิ คาทีจ่ ดั จําหนาย และมีสไตลของภาพเปนไปในรูปแบบเดียวกัน หรือเปนภาพสไตลอบอุน โทนขาวนวลดังภาพ

Designer : Pdillustrator E-mail : pondbm@gmail.com FB : Pdillustrator Graphic