---
title: "เลือกลุคของเว็บไซต์ | Briks"
url: https://briks.dev/th/docs/pick-a-look
description: "ดูสามลุคก่อนสร้างเว็บไซต์ แต่ละลุคเป็นบอร์ดสี ตัวอักษร มุม ปุ่ม และการ์ด พร้อมคำบนส่วนหัวของคุณเอง แล้วสร้างลุคที่เลือก"
last_updated: 2026-10-08
---

# เลือกลุคของเว็บไซต์

ไม่แน่ใจว่าเว็บไซต์ควรมีหน้าตาแบบไหน เปิด **Choose the look from three directions** แล้วการสร้างครั้งแรกจะหยุดหลังวางแผนเพื่อแสดงสามลุค แต่ละแบบวาดด้วยคำพาดหัวหน้าแรกของคุณเอง คุณเลือกหนึ่งแบบ แล้วทั้งเว็บไซต์จะถูกสร้างตามแบบนั้น ตัวเลือกนี้ปิดอยู่จนกว่าคุณจะเปิด

อ่าน 5 นาทีตรวจเทียบกับสตูดิโอเมื่อ 8 ตุลาคม 2569

## การเปิดใช้งาน

1. เปิดสวิตช์

   ที่ไหน: How it is built

   ในขั้นตอนที่หกของ New project ให้เปิด **Choose the look from three directions** ตัวเลือกนี้ปิดอยู่เป็นค่าเริ่มต้น

2. ตรวจสอบรีวิว

   ที่ไหน: Review and create

   การตรวจทานแสดงสิ่งนี้ไว้ใต้ **How it is built** เป็น **On** กด **Build it**

บน briks.dev เมนู **+** ในช่องพรอมต์มีสวิตช์ **Pick a look first**: "ดูสามลุคสำหรับธุรกิจของคุณ แล้วสร้างลุคที่คุณเลือก" สวิตช์นี้เปิดอยู่แล้วเมื่อเข้าสู่หน้า New project

เมื่อไม่มีให้เลือก

Pick a look ใช้กับเว็บไซต์และแอปที่สร้างโดยไม่มีเว็บไซต์ที่คุณชอบเป็นแนวทาง เมื่อเพิ่มเว็บไซต์แล้ว ขั้นตอนนี้จะแสดงว่า "Your reference site decides the look and the hero, so there is none to choose." ส่วนแดชบอร์ดจะแสดงว่า "A dashboard builds straight through, with no words to approve and no look or hero to choose."

สวิตช์นี้ยังอยู่ใน **Preferences** ของโปรเจกต์ด้วย แต่มีผลเฉพาะการสร้างครั้งแรกที่ยังไม่ได้วางแผน จึงควรตั้งที่หน้า New project

## ขั้นตอนที่เกิดขึ้นระหว่างการสร้าง

1. คุณกด **Build it** แล้วตอบ [คำถามก่อนสร้าง](https://briks.dev/th/docs/questions-before-building)
2. Briks วางแผนไซต์ให้
3. หากเปิด **Approve the words before building** ไว้ คุณจะอนุมัติถ้อยคำก่อน
4. วาดสามแนวลุคเสร็จแล้ว สถานะแสดง **Waiting for your approval** และช่องข้อความแสดง “Describe the look you want, or choose one above”
5. หากเปิด **Choose the hero from four wireframes** ไว้ ขั้นต่อไปคุณจะเลือกส่วนฮีโร
6. เว็บไซต์ถูกสร้างตามลุคที่คุณเลือก และเผยแพร่เป็นพรีวิว

บอร์ดจะมาในรูปข้อความ: "นี่คือสามลุคสำหรับเว็บไซต์ แต่ละแบบวาดด้วยหนึ่งในสไตล์ของสตูดิโอเองจากคำของคุณ เลือกหนึ่งแบบ หรืออธิบายลุคที่คุณต้องการ"

## สิ่งที่บอร์ดแสดง

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

- ชื่อของลุคและคำอธิบายหนึ่งบรรทัด
- ตัวอย่างสีหกสี: **Ground**, **Surface**, **Ink**, **Muted**, **Accent** และ **Soft**;
- ฟอนต์ทั้งสองชนิดพร้อมชื่อ โดยมี **Aa** ตัวใหญ่ในฟอนต์ของหัวข้อ
- ข้อความส่วนหลักของคุณ: บรรทัดเล็กเหนือหัวข้อ ตัวหัวข้อเอง บรรทัดใต้หัวข้อ และปุ่มสูงสุดสองปุ่ม;
- การ์ดตัวอย่างสามใบ แสดงมุมโค้งและลักษณะที่การ์ดทั้งแถวดูเมื่ออยู่ด้วยกัน

บอร์ดไม่มีรูปถ่าย แต่แสดงสี ตัวอักษร และรูปทรง ซึ่งเป็นสิ่งที่แตกต่างกันในทั้งสามแบบ

| รูปลักษณ์ | สตูดิโออธิบายเรื่องนี้อย่างไร |
| --- | --- |
| **นอร์ดิก / เรียบง่าย** | เงียบสงบและโปร่ง: พื้นหลังสีอ่อน ตัวอักษรสีดำ มุมเหลี่ยม และพื้นที่ว่างมากมาย |
| **Warm** | เป็นมิตรและแบบบรรณาธิการ: โทนสีกระดาษอบอุ่น ฟอนต์เซอริฟที่มีเอกลักษณ์ และสีเน้นสดหนึ่งสี สำหรับธุรกิจที่ใช้ฝีมือ เช่น ร้านเบเกอรี่ ร้านดอกไม้ หรือช่างไม้ จะออกมาเป็นธรรมชาติและทำด้วยมือ: สีครีมและสีเขียวมะกอก ฟอนต์เซอริฟนุ่มนวล มุมโค้งมน |
| **ตัวหนา** | สดใสร่าเริง: สีเน้นเข้มสด ตัวอักษรกลมหนา และมุมโค้งใหญ่นุ่มนวล |

## การเลือกรูปลักษณ์

1. เปรียบเทียบแบบเต็มขนาด

   ที่ไหน: Studio

   เปิดดูแต่ละบอร์ด ดูหัวข้อในแบบอักษรของบอร์ดนั้นและดูปุ่มต่างๆ เพราะสองสิ่งนี้บอกลุคได้มากกว่าตัวอย่างสี

2. กด Use this look

   ที่ไหน: Studio

   อยู่ใต้แต่ละบอร์ดและที่ด้านบนของมุมมองขนาดเต็ม

3. ให้ระบบสร้าง

   ที่ไหน: Studio

   บอร์ดที่คุณเลือกจะมีป้าย **Chosen** และบอร์ดอื่นจะจางลง บรรทัดกิจกรรมจะแสดงว่า "Building in the look you chose."

## หากไม่มีตัวเลือกใดที่ใช่

พิมพ์สิ่งที่ต้องการลงในช่องแทน เช่น `Like the Warm one but darker, with a plain sans serif for headings` บอร์ดทั้งสามจะถูกเก็บไว้ก่อน (การ์ดจะระบุว่า "Set aside for what you described") และ Briks จะทำต่อโดยปรับลุคที่วางแผนไว้ให้ไปทางคำของคุณ Briks จะไม่วาดบอร์ดใหม่อีกสามบอร์ด: คำอธิบายของคุณคือตัวเลือก และการสร้างจะดำเนินต่อไป

เมื่อสร้างเว็บไซต์เสร็จแล้ว ยังขอเปลี่ยนรูปลักษณ์ส่วนไหนก็ได้ด้วยข้อความ สีหรือตัวอักษรที่คุณมั่นใจแล้วสามารถกำหนดไว้ใน **Design rules** ภายใต้ **Preferences** เพื่อให้ทุกการสร้างครั้งต่อไปคงสิ่งเหล่านั้นไว้

## ค่าใช้จ่าย

การวางแผนและวาดบอร์ดเป็นส่วนแรกของการสร้าง โดยคิดเครดิตตามงานที่ทำจริง และเครดิตที่เหลือจาก 50 เครดิตที่กันไว้ตอนกด **Build it** จะคืนให้ระหว่างที่การสร้างรอคุณ

การเลือกจะเริ่มการพักใหม่

การกด **Use this look** จะเริ่มส่วนที่เหลือของการสร้าง ซึ่งกันเครดิตไว้สูงสุด 50 เครดิต (เท่าที่ยอดคงเหลือมี แต่ไม่ต่ำกว่า 5) และคิดตามงานที่ทำจริง หากขณะนั้นเหลือน้อยกว่า 5 สตูดิโอจะแจ้งและการเลือกจะรอไว้ก่อน การอธิบายลุคในช่องแทนจะกันไว้ 5 เหมือนการแก้ไข ในแผน Free ที่มี 50 เครดิตทั้งหมด อาจทำให้เครดิตไม่พอ จึงควรตรวจยอดคงเหลือก่อนเปิดใช้

## เมื่อใดควรใช้

- ใช้เมื่อยังไม่มีสีหรือแบบอักษร และอยากเลือกจากรูปภาพมากกว่าอธิบายสไตล์เป็นคำพูด
- ข้ามขั้นนี้ได้หากสีและตัวอักษรของคุณกำหนดไว้แล้ว ให้ตั้งค่าที่ **Your brand** แทน
- ข้ามได้เมื่อคุณพบเว็บไซต์ที่ชอบแล้ว เว็บไซต์นั้นกำหนดรูปลักษณ์ จึงไม่มีสวิตช์ให้เลือก
- ข้ามได้เมื่อคุณไม่อยู่: การสร้างจะรอที่บอร์ดจนกว่าคุณจะเลือก

## ตัวอย่างการใช้งานจริง

เลือกแล้ว ร้านดอกไม้ในยอร์ก

> บรีฟระบุว่าเป็นร้านดอกไม้ที่รับงานแต่งงานและส่งดอกไม้ทุกสัปดาห์ ตัวเลือก **Choose the look from three directions** เปิดอยู่

เพราะร้านดอกไม้ทำงานด้วยมือ บอร์ด **Warm** จึงใช้สีครีมและมะกอก ตัวอักษรเซอริฟนุ่ม ๆ และมุมโค้งมน เจ้าของร้านเลือกบอร์ดนี้ และเว็บไซต์ถูกสร้างตามนั้น

อธิบายแทน ที่ปรึกษาด้านภาษีในเลสเตอร์

> ทั้งสามแบบไม่ตรงใจเลย เจ้าของพิมพ์ว่า: `แบบนอร์ดิก แต่ใช้สีเขียวเข้มเป็นสีเน้น และใช้ฟอนต์เซอริฟสำหรับหัวข้อ`

บอร์ดทั้งหมดถูกพักไว้ และการสร้างดำเนินต่อด้วยรูปลักษณ์ที่วางแผนไว้ โดยปรับไปทางสีเน้นสีเขียวและหัวข้อแบบเซอริฟ

## คำถามที่พบบ่อย

### ฉันกลับมาดูบอร์ดอีกครั้งภายหลังได้ไหม

หากคุณเลือกไว้ ใช่ บอร์ดนั้นจะอยู่ในบทสนทนาพร้อมเครื่องหมาย **Chosen** ตามที่คุณเลือก ส่วนบอร์ดที่ถูกเก็บไว้เพื่อใช้คำอธิบายแทนจะไม่แสดงอีก

### เลือกลุคให้เว็บไซต์ที่มีอยู่แล้วได้ไหม

ไม่ บอร์ดมาก่อนการสร้างครั้งแรก สำหรับเว็บไซต์ที่สร้างแล้ว ให้อธิบายการเปลี่ยนแปลงในข้อความ เช่น `สีโทนอุ่นขึ้นและใช้ฟอนต์เซริฟสำหรับพาดหัว`

### ใช้กับแอปได้หรือไม่

ได้ ทั้งเว็บไซต์และแอปจะมีบอร์ดเมื่อเปิดสวิตช์ และไม่ได้เพิ่มเว็บไซต์ที่คุณชอบไว้ ส่วนแดชบอร์ดไม่มี

## อ่านต่อ

- [กำลังสร้าง **อนุมัติระหว่างที่กำลังสร้าง** ให้การสร้างครั้งแรกหยุดรอคุณ: อนุมัติข้อความ เลือกหนึ่งในสามลุค แล้วเลือกฮีโรจากเลย์เอาต์สีเทาสี่แบบ วิธีเปิดใช้และค่าใช้จ่าย](https://briks.dev/th/docs/approval-steps)
- [กำลังสร้าง **เริ่มโปรเจกต์ใหม่** ทุกตัวเลือกในหน้า New project ทีละขั้น: ประเภทโปรเจกต์ บรีฟของคุณ เว็บไซต์ที่ชอบ แบรนด์ รูปภาพ ตัวเลือกการสร้าง และค่าใช้จ่ายเมื่อเริ่มต้น](https://briks.dev/th/docs/new-project)
- [กำลังสร้าง **สร้างเว็บไซต์จากเว็บไซต์ที่คุณชอบ** เพิ่มเว็บไซต์ 1 แห่งและภาพหน้าจอที่ชอบสูงสุด 6 ภาพ Briks อ่านเลย์เอาต์ ระยะห่าง ตัวอักษร การเคลื่อนไหว เมนู แล้วสร้างเว็บไซต์ของคุณในแนวนั้นโดยไม่คัดลอก](https://briks.dev/th/docs/build-from-sites-you-like)
- [เริ่มต้นใช้งาน **เครดิตและแพ็กเกจ** วิธีทำงานของเครดิต Briks: การกันเครดิต 50 และ 5 ค่าใช้จ่ายตามงานที่ทำ การประเมิน การสร้างที่รอเครดิต สิ่งที่เกิดเมื่อเหลือศูนย์ และสิ่งที่แต่ละแผนมี](https://briks.dev/th/docs/credits-and-plans)

ยังติดปัญหาอยู่ไหม

เขียนถึง [hello@briks.dev](mailto:hello@briks.dev) พร้อมชื่อโปรเจกต์และสิ่งที่คุณคาดว่าจะเห็น ภาพหน้าจอช่วยได้