ข้ามไปยังเนื้อหาหลัก

แนวทางเรื่องแบรนด์ (Branding Guidelines)

อัตลักษณ์ทางภาพ (Visual Identity) ของ FSD ขึ้นอยู่กับ Core-concepts ของมัน: Layered, Sliced self-contained parts, Parts & Compose, Segmented แต่เราก็ตั้งใจออกแบบ Identity ที่เรียบง่ายและสวยงาม ซึ่งควรสื่อถึงปรัชญาของ FSD และจดจำได้ง่าย

ได้โปรด ใช้ Identity ของ FSD "ตามที่เป็น (as-is)" โดยไม่ต้องปรับเปลี่ยน แต่ใช้ Assets ของเราเพื่อความสะดวกของคุณ Brand guide นี้จะช่วยให้คุณใช้ Identity ของ FSD ได้อย่างถูกต้อง

ความเข้ากันได้ (Compatibility)

FSD เคยมี Legacy identity อื่น มาก่อน ดีไซน์เก่าไม่ได้สื่อสารถึง Core-concepts ของระเบียบวิธี และมันถูกสร้างเป็นฉบับร่าง (Draft) และควรได้รับการปรับปรุงให้เป็นปัจจุบัน

สำหรับการใช้งานแบรนด์ที่เข้ากันได้และยั่งยืนในระยะยาว เราได้ทำการ Rebrand อย่างระมัดระวังมาเป็นเวลาหนึ่งปี (2021-2022) เพื่อให้คุณมั่นใจได้เมื่อใช้ Identity ของ FSD 🍰

แต่ขอให้เลือกใช้ Identity ปัจจุบัน ไม่ใช่ของเก่า!

ชื่อ (Title)

  • ถูกต้อง: Feature-Sliced Design, FSD
  • ไม่ถูกต้อง: Feature-Sliced, Feature Sliced, FeatureSliced, feature-sliced, feature sliced, FS

อีโมจิ (Emoji)

รูปเค้ก 🍰 สื่อถึง Core concepts ของ FSD ได้ค่อนข้างดี ดังนั้นจึงถูกเลือกเป็น Signature emoji ของเรา

ตัวอย่าง: "🍰 Architectural design methodology for Frontend projects"

โลโก้ & พาเลทสี (Logo & Palette)

FSD มีโลโก้ไม่กี่แบบสำหรับบริบทที่แตกต่างกัน แต่แนะนำให้เลือกใช้แบบ Primary เป็นหลัก

ThemeLogo (Ctrl/Cmd + Click for download)Usage
primary
(#29BEDC, #517AED)
logo-primaryแนะนำในกรณีส่วนใหญ่
flat
(#3193FF)
logo-flatสำหรับบริบทสีเดียว (One-color context)
monochrome
(#FFF)
logo-monocrhomeสำหรับบริบทสีขาวดำ (Grayscale context)
square
(#3193FF)
logo-squareสำหรับกรอบสี่เหลี่ยม (Square boundaries)

แบนเนอร์ & แผนผัง (Banners & Schemes)

banner-primary banner-monochrome

Social Preview

กำลังดำเนินการ...

Presentation template

กำลังดำเนินการ...

ดูเพิ่มเติม