เริ่มโปรเจกต์ใหม่
ทุกเว็บไซต์ แอป และแดชบอร์ดใน Briks เริ่มต้นที่หน้า New project เป็นการตั้งค่าสั้น ๆ เจ็ดขั้นตอน ต้องกรอกเพียงชื่อและคำอธิบาย และจะไม่มีการสร้างหรือคิดเครดิตจนกว่าคุณจะกด Build it ในขั้นตอนสุดท้าย หน้านี้พาดูทีละขั้นตอนและทุกตัวเลือกในนั้น
- 1แต่ละขั้นตอนมีหน้าจอของตัวเอง หน้านี้คือ Describe it ที่คุณเขียนบรีฟ
- 2ตัวอย่างบรีฟที่เริ่มต้นได้เลย เลือกให้ตรงกับสิ่งที่คุณกำลังสร้าง
- 3ขั้นตอนที่ไม่บังคับ เช่น References และ Brand สามารถข้ามได้
- 4Next ไปขั้นตอนถัดไป (ขึ้นว่า Skip ในขั้นตอนไม่บังคับที่คุณเว้นว่าง) จะยังไม่มีอะไรถูกสร้างจนกว่าคุณจะกด Build it ในขั้นตอนสุดท้าย
วิธีเปิด
มีทางเข้าสี่ทาง และทุกทางนำไปสู่หน้าเดียวกัน
- New project ใต้ Projects ในแถบด้านข้าง หรือปุ่ม New project ที่ด้านบนของรายการ Projects
- ช่องบน Home พิมพ์คำอธิบายแรก เลือก Website, App หรือ Dashboard ใต้ช่อง แล้วกด Continue ข้อความของคุณจะรออยู่ที่ขั้น Describe it บรรทัดใต้ช่องบอกว่าการสร้างหนึ่งครั้งใช้เครดิตเท่าไรและคุณมีเท่าไร เช่น "A build holds 50 credits; you have 50." หากการสร้างมักใช้มากกว่าที่คุณมี จะมีอีกบรรทัดแจ้งก่อนที่คุณจะไปต่อ
- Jump to ที่ด้านบนของแถบด้านข้าง (⌘K บน Mac, Ctrl K บนเครื่องอื่น) พิมพ์
New projectแล้วกด Enter - ช่องพรอมต์บน briks.dev ก่อนที่คุณจะมีบัญชี ส่วนถัดไปอธิบายว่าอะไรจะติดตัวคุณไปด้วย
เข้ามาจากหน้าแรกของ briks.dev
หากคุณพิมพ์คำอธิบายในช่องบน briks.dev แล้วกด Start building ข้อความของคุณจะตามไปด้วย หน้าสมัครใช้งานจะแสดงข้อความนั้นใต้ Your brief พร้อมประโยค "Your first project starts from these words. You can change them before anything is built." เมื่อบัญชีของคุณพร้อมแล้ว New project จะเปิดขึ้นพร้อมข้อความเหล่านั้นในขั้น Describe it อยู่แล้ว
ตัวเลือกอื่นในกล่องนั้นถูกส่งต่อไปด้วย ไทล์ที่คุณเลือก (เช่น Landing page หรือ Internal tool) กำหนดประเภทของโปรเจกต์ เว็บไซต์ที่เพิ่มไว้ใต้ Add a site you like ในเมนู + จะปรากฏในขั้น Show what you like สวิตช์ Pick a look first จะมาเป็น Choose the look from three directions และเปิดอยู่แล้ว คำอธิบายถูกส่งต่อได้สูงสุด 2,000 อักขระ หากบรีฟของคุณยาวกว่านั้น ให้วางส่วนที่เหลือที่ Describe it ซึ่งรับได้ 25,000
เจ็ดขั้นตอน
บนหน้าจอกว้าง ขั้นตอนจะเรียงลงมาทางซ้ายเป็น Project, Description, References, Brand, Pictures, How it is built และ Review และแต่ละขั้นตอนที่เสร็จแล้วจะแสดงบันทึกสั้น ๆ ของสิ่งที่คุณเลือก บนโทรศัพท์ คุณจะเห็น Step 2 of 7 และชื่อของขั้นตอนถัดไปแทน คลิกขั้นตอนใดก็ได้ที่คุณไปถึงแล้วเพื่อย้อนกลับไป หรือใช้ Back ที่ด้านล่าง สองขั้นตอนที่เป็นทางเลือก คือ Show what you like และ Your brand มีป้าย Optional และปุ่ม Next จะเป็น Skip ขณะที่ยังว่างอยู่ ด้านล่างนี้ แต่ละขั้นตอนเรียกตามหัวข้อที่แสดงด้านบน
จากไอเดียสู่ Build it
เลือกประเภทและตั้งชื่อ
ที่ไหน: What are you making?
เลือก Website, App หรือ Dashboard แล้วกรอก Business or project name (2 ถึง 60 ตัวอักษร) ชื่อนี้ยังเป็นส่วนแรกของที่อยู่เว็บไซต์ของคุณบน briks.live ซึ่งเปลี่ยนได้ภายหลัง
เขียนหรือพูดบรีฟ
ที่ไหน: Describe it
พิมพ์บรีฟของคุณ หรือกดไมโครโฟน (Speak your request) แล้วพูดได้นานสูงสุดสองนาที คำพูดของคุณจะปรากฏในกล่องเพื่อให้คุณแก้ไข ต้องมีอย่างน้อยสิบตัวอักษรและรับได้สูงสุด 25,000 ตัวอักษร ตัวนับใต้กล่องแสดงจำนวนที่ใช้ไปแล้ว Start from an example มีบรีฟตัวอย่างสองแบบสำหรับประเภทที่คุณเลือก และ A good description says แสดงรายการสิ่งที่ควรครอบคลุม
เพิ่มเว็บไซต์และภาพหน้าจอที่คุณชื่นชม
ที่ไหน: Show what you like
ไม่บังคับ ใส่ที่อยู่หนึ่งรายการใต้ A site to learn from และภาพได้สูงสุดหกภาพใต้ Screenshots Briks อ่านวิธีจัดวางของเว็บเหล่านั้น และไม่คัดลอก
ตั้งค่าเฉพาะสิ่งที่กำหนดไว้แล้ว
ที่ไหน: Your brand
ไม่บังคับ ภายใต้ Brand rules: Accent colour, Light or dark, Headline face, Text face, Content width, Spacing, No gradients anywhere และ Anything else that is fixed รายการที่ปล่อยไว้ที่ Designer's call หรือ Auto จะถูกเลือกให้เหมาะกับธุรกิจของคุณ
เลือกวิธีสร้างภาพ
ที่ไหน: Pictures
Default studio model รวมอยู่ในแผนแล้ว: รูปที่เหมาะจะมาจากคลังของสตูดิโอ ตัดให้พอดี และรูปที่ไม่มีจะวาดขึ้นใหม่ ส่วน GPT Image 2.5 วาดทุกรูปใหม่สำหรับเว็บไซต์ของคุณ รูปละ 1 เครดิต และหักเมื่อการสร้างเสร็จ ดูที่ รูปภาพ
กำหนดว่าการสร้างจะหยุดที่จุดใด
ที่ไหน: How it is built
สวิตช์ห้าตัวกำหนดว่า Briks จะถามอะไรคุณ จะรอคุณตรงจุดไหน และจะตรวจอะไรบ้าง ตารางด้านล่างอธิบายแต่ละตัว
ตรวจและเริ่มต้น
ที่ไหน: Review and create
ทุกตัวเลือกแสดงเป็นรายการพร้อมปุ่ม Edit ที่พาคุณกลับไปยังขั้นตอนของตัวเลือกนั้น ใต้รายการคุณจะเห็นเครดิตที่กันไว้และยอดคงเหลือ และบรรทัดที่บอกว่าการสร้างโดยปกติใช้เท่าใด เมื่อมากกว่าที่คุณมี กด Build it
เมื่อคุณกด Next ที่ Describe it Briks จะตรวจว่าข้อความของคุณอธิบายโปรเจกต์หรือไม่ หากอ่านแล้วเป็นคำถาม เช่น How long does a first build take? คำตอบจะปรากฏใต้ช่อง และคุณจะอยู่ที่ขั้นเดิมโดยข้อความยังอยู่ ไม่มีการสร้าง กันเครดิต หรือเรียกเก็บใดๆ เขียนใหม่เป็นบรีฟแล้วกด Next อีกครั้ง
สามประเภท
| ประเภท | เหมาะสำหรับ | สิ่งที่เปลี่ยนไป |
|---|---|---|
| Website | หน้าที่ผู้คนเข้าชม: คลินิก ร้านอาหาร พอร์ตโฟลิโอ แลนดิงเพจ | ทุกขั้นตอนและทุกตัวเลือกมีผล |
| App | สิ่งที่คนใช้งานมากกว่าอ่าน เช่น เครื่องมือรับคำขอจอง หรือเครื่องมือภายในสำหรับทีมของคุณ | ขั้นตอนและสวิตช์เหมือนกับเว็บไซต์ |
| Dashboard | ตัวเลขที่ทีมติดตามอยู่เสมอ: ยอดขายตามขั้นตอน สต็อกที่ต้องสั่งเพิ่ม | ไม่ถามคำถามก่อนสร้าง ไม่มีคำให้อนุมัติ ไม่มีรูปลักษณ์หรือส่วนฮีโร่ให้เลือก และไม่มีรูปภาพ |
สวิตช์ใต้ How it is built
| สลับ | เริ่ม | สิ่งที่ทำได้ |
|---|---|---|
| ถามเรื่องที่ยังไม่ชัดเจนก่อนเริ่มสร้าง | เปิด | Briks จะถามเสมอว่าจะสร้างหน้าใดบ้าง เมื่อเปิดตัวเลือกนี้ จะถามเรื่องที่ข้อความของคุณยังไม่ได้ระบุด้วย เช่น การจองหรือราคา ไม่แสดงสำหรับแดชบอร์ด |
| อนุมัติข้อความก่อนสร้าง | ปิด | ระบบเขียนข้อความก่อน พร้อมแนวคิดเบื้องหลัง และการสร้างจะรอจนกว่าคุณอนุมัติหรือบอกว่าต้องการแก้ตรงไหน |
| เลือกลุคจากสามแนวทาง | ปิด | คุณเลือกจากบอร์ดสามแบบ (นอร์ดิกเรียบง่าย, อบอุ่น, โดดเด่น) แล้วทั้งเว็บไซต์จะถูกสร้างตามแบบนั้น |
| เลือกฮีโร่จากเวอร์ชันร่างโครงหน้าสี่แบบ | ปิด | คุณเลือกเลย์เอาต์ของหน้าจอแรกในหน้าแรกจากสเก็ตช์สีเทาธรรมดาสี่แบบ โดยมีข้อความของคุณวางอยู่ในนั้น |
| ตรวจสอบเว็บไซต์ที่เผยแพร่แล้ว | ปิด | เมื่อเผยแพร่เวอร์ชันแรกแล้ว Briks จะตรวจดูที่ขนาดหน้าจอสี่แบบ และซ่อมส่วนที่แสดงผลผิดพลาด ใช้เวลาเพิ่มอีกไม่กี่นาทีและใช้เครดิตบางส่วน |
ตัวเลือกหน้าตาและฮีโร่จะหายไปเมื่อใช้ไม่ได้ และขั้นตอนจะบอกเหตุผล: “เว็บไซต์อ้างอิงของคุณกำหนดหน้าตาและฮีโร่ จึงไม่มีให้เลือก” หรือ “แดชบอร์ดสร้างต่อเนื่องจนจบ ไม่มีถ้อยคำให้อนุมัติ และไม่มีหน้าตาหรือฮีโร่ให้เลือก” หากคุณเพิ่มเว็บไซต์ที่ชอบ Show what you like จะมี Measure the build against the reference ให้ด้วย ซึ่งปิดไว้เป็นค่าเริ่มต้น สร้างจากเว็บไซต์ที่คุณชอบ อธิบายเรื่องนี้ไว้ ส่วนจุดหยุดสำหรับถ้อยคำ หน้าตา และฮีโร่อธิบายไว้ใน อนุมัติระหว่างการสร้าง
ค่าใช้จ่ายในการเริ่มต้น
มีสองตัวเลือกที่ทำให้ค่าใช้จ่ายเพิ่มขึ้น GPT Image 2.5 เพิ่มราคาตามจำนวนภาพที่สร้าง ราคาจะแสดงข้างตัวเลือก (ขณะที่เขียนนี้คือ 1 เครดิตต่อภาพ) และมีระบุในบรรทัดสรุปด้วย Check the published site ใช้ตามที่ระบุไว้ว่า "a few minutes more and some credits" คำถามก่อนเริ่มสร้างไม่มีการคิดเครดิต และการสร้างที่ล้มเหลวก็ไม่คิดเครดิตเช่นกัน
เมื่อการสร้างมักใช้มากกว่าที่คุณมี
Briks รู้ว่าการสร้างแบบเดียวกับของคุณมักใช้เครดิตเท่าใด จากการสร้างครั้งก่อน ๆ เมื่อจำนวนนั้นมากกว่ายอดคงเหลือของคุณ การตรวจสอบ กล่องใน Home และการ์ดการสร้างในสตูดิโอจะเพิ่มหนึ่งบรรทัด เช่น "Building it usually takes about 85 credits after planning, and you have 30. If it needs more than you have once planned, it waits there for credits with the plan kept." เมื่อยอดคงเหลือของคุณเพียงพอ บรรทัดนี้จะไม่แสดง
การตรวจที่นับจริงเกิดหลังการวางแผน เมื่อเลือกหน้าของคุณแล้ว หากส่วนที่เหลือของการสร้างมักต้องใช้มากกว่าที่การสร้างยังกันไว้รวมกับยอดคงเหลือของคุณ การสร้างจะหยุดพักโดยเก็บแผนไว้ และรอให้คุณเลือก Resume building ดู การดูการสร้าง สำหรับคำอธิบายเรื่องการหยุดพัก
แผนของคุณยังกำหนดจำนวนโปรเจกต์ที่เวิร์กสเปซเก็บได้ด้วย: Free 1 โปรเจกต์, Starter 1 โปรเจกต์, Pro 3 โปรเจกต์, Studio 10 โปรเจกต์ และ Agency 30 โปรเจกต์ ดูตารางฉบับเต็มได้ที่ เครดิตและแผน
สิ่งที่เกิดขึ้นหลังจากกด Build it
สร้างโปรเจกต์แล้ว
ที่ไหน: Review and create
ปุ่มจะแสดงว่า Starting the build ชั่วครู่ ขณะที่เครดิตถูกกันไว้และโปรเจกต์ได้รับที่อยู่ การตั้งค่าที่เก็บไว้ในเบราว์เซอร์จะถูกล้าง
สตูดิโอเปิดขึ้น
ที่ไหน: Studio
คุณจะเข้าสู่สตูดิโอของโปรเจกต์ คำอธิบายของคุณเป็นข้อความแรกในการสนทนา
คำถามสำหรับเว็บไซต์และแอป
ที่ไหน: Studio
สถานะจะแสดง Preparing questions จากนั้นเป็น Waiting for your answers เมื่อการ์ดถามว่าจะสร้างหน้าใดและเรื่องใดที่ข้อความของคุณยังไม่ได้ระบุ ดู คำถามก่อนสร้าง
การสร้างทำงาน
ที่ไหน: Studio
Briks อ่านข้อมูลอ้างอิงของคุณ วางแผนหน้าเว็บ เขียนข้อความ สร้างรูปภาพ แล้วสร้างและตรวจเว็บไซต์ หากคุณเปิดขั้นตอนอนุมัติไว้ ระบบจะหยุดรอคุณตรงนั้น หากแผนแสดงว่าต้องใช้เครดิตมากกว่าที่คุณมี ระบบจะรอ Resume building เวอร์ชันแรกใช้เวลาไม่กี่นาที
พรีวิวถูกเผยแพร่แล้ว
ที่ไหน: Studio
คำตอบจะบอกว่าสร้างอะไรไว้และเผยแพร่ที่ใดบน briks.live พรีวิวนั้นจะไม่ปรากฏในผลการค้นหา การเผยแพร่จริงเป็นอีกขั้นตอนหนึ่ง: เผยแพร่เป็นเวอร์ชันใช้งานจริง
หากเริ่มไม่ได้
ระบบแจ้งว่าแพ็กเกจของฉันรวมโปรเจกต์ตามจำนวนที่กำหนด
ทุกแผนมีจำนวนที่กำหนดไว้ และข้อความจะลงท้ายว่า “Upgrade to add more.” ลบโปรเจกต์ที่คุณไม่ต้องการแล้ว หรืออัปเกรดเป็นแผนที่ใหญ่ขึ้นจากกล่องอัปเกรดที่เปิดขึ้น หรือใน Billing
ระบบแจ้งว่าโปรเจกต์ใหม่กันไว้ 50 เครดิต แต่ยอดคงเหลือของฉันน้อยกว่านั้น
การสร้างจะเริ่มไม่ได้จนกว่ายอดคงเหลือของคุณจะพอสำหรับเครดิตที่ต้องกันไว้ แผนแบบชำระเงินได้รับเครดิตทุกเดือน ส่วน Free ได้ 50 เครดิตครั้งเดียว ข้อความจะลงท้ายว่า “A plan with more credits is in Billing.” และกล่องอัปเกรดที่เปิดขึ้นจะเสนอแผนที่เล็กที่สุดที่มีเครดิตมากกว่า
ฉันปิดแท็บไปกลางคัน
การตั้งค่าของคุณถูกเก็บไว้ในเบราว์เซอร์นี้ เมื่อเปิด New project อีกครั้งจะกลับไปยังขั้นตอนที่ทำถึง พร้อมตัวเลือกของคุณเหมือนเดิม ไม่ได้บันทึกไว้ในบัญชีของคุณ เบราว์เซอร์หรืออุปกรณ์อื่นจึงเริ่มใหม่
เปลี่ยนบรีฟได้ไหมหลังเริ่มสร้างแล้ว
ไม่ใช่ต้นฉบับ เมื่อสร้างเว็บไซต์เสร็จแล้ว คุณแก้ไขได้ด้วยการพิมพ์สิ่งที่ต้องการในสตูดิโอ ดู การทำการเปลี่ยนแปลง