วิธีการทำงาน
อธิบายธุรกิจของคุณ
บอกว่าคุณทำอะไร ทำให้ใคร และอยากให้รู้สึกอย่างไร ถ้ามีเว็บไซต์ที่ชอบ ให้เพิ่มเข้ามาด้วย
Briks ออกแบบให้
วางแผนแต่ละหน้าให้เหมาะกับธุรกิจของคุณ เลือกแบบอักษรและสี แล้วเขียนทุกส่วนจากหน้าว่าง
ตรวจก่อนเผยแพร่
สีของตัวอักษรจะถูกตรวจเทียบกับพื้นหลังในโค้ด จากนั้นตรวจบนหน้าเว็บที่เปิดใช้งานอยู่ทั้งบนเดสก์ท็อปและมือถือ
การออกแบบจากหน้าว่างหมายความว่าอย่างไร
เมื่อคุณอธิบายธุรกิจของคุณ Briks จะเริ่มจากหน้าว่าง ชุดพื้นฐานที่ทุกเว็บไซต์สร้างขึ้นมีส่วนประกอบที่ใช้งานได้จริง เช่น เมนู ฟอร์ม และแอนิเมชัน แต่ไม่มีเซกชันที่ออกแบบไว้หรือข้อความตัวอย่าง ทุกเซกชันของเว็บไซต์ รวมถึงส่วนหัวและส่วนท้าย ถูกเขียนขึ้นเพื่อธุรกิจของคุณโดยเฉพาะ
ก่อนสร้างอะไร Briks จะวางแผนเว็บไซต์แบบนักออกแบบ ได้แก่ ธุรกิจนี้เป็นแบบไหน หน้าเว็บควรกว้างเท่าใด ส่วนหัว หน้าจอแรก และส่วนท้ายประกอบกันอย่างไร และแนวคิดด้านตัวอักษรหนึ่งอย่างที่ทำให้เว็บไซต์มีเอกลักษณ์ แผนนี้เขียนขึ้นเพื่อธุรกิจของคุณโดยเฉพาะ ร้านขนมปังกับสำนักงานกฎหมายจึงเริ่มต้นจากจุดที่ต่างกัน
คุณยังเริ่มจากเทมเพลตได้ด้วย ซึ่งจะคงโครงสร้างของเว็บไซต์ที่สร้างด้วย Briks ไว้ และเขียนทุกหน้าใหม่ให้เหมาะกับธุรกิจของคุณ หน้านี้อธิบายเว็บไซต์ที่เริ่มจากคำอธิบายของคุณเอง
ประเภทตัวอักษรที่เลือกให้เหมาะกับธุรกิจของคุณ
ตัวอักษรมีส่วนอย่างมากต่อบุคลิกของเว็บไซต์ Briks จึงเลือกให้ตรงกับแต่ละธุรกิจ โดยจับคู่ฟอนต์แสดงผลที่มีจุดยืนชัดเจนสำหรับหัวข้อ กับฟอนต์ที่สงบกว่าสำหรับเนื้อหา จากฟอนต์แสดงผล 46 แบบและฟอนต์เนื้อหา 36 แบบ และทำให้ทั้งสองแบบต่างกันที่ความกว้างหรือความหนา
มีแบบอักษรไม่กี่แบบที่ปรากฏในหน้าเว็บที่เครื่องสร้างจำนวนมากจนทำให้เว็บไซต์ดูเหมือนเว็บอื่น Briks จึงไม่ใช้แบบอักษร 12 แบบนี้ในเว็บไซต์ใหม่ทุกเว็บ รวมถึง Inter, Space Grotesk, Fraunces และ Syne เมื่อเว็บไซต์ที่คุณชอบใช้แบบใดแบบหนึ่ง เว็บไซต์ของคุณจะได้แบบอักษรที่มีบุคลิกเดียวกันแทน
ฟอนต์ของคุณเองมาก่อนเสมอ ระบุชื่อฟอนต์ในการตั้งค่าแบรนด์ หรือบอกด้วยคำพูดของคุณเอง เช่น "ใช้ Inter เป็นฟอนต์แบรนด์ของเรา" แล้วระบบจะเก็บไว้ แม้เป็นฟอนต์ที่ Briks ไม่ใช้
มีส่วนกำหนดหน้าตา เมื่อคุณต้องการ
คนส่วนใหญ่ปล่อยให้ Briks ออกแบบไปจนจบ แล้วค่อยเปลี่ยนสิ่งที่ต้องการภายหลัง หากต้องการเลือกก่อน ให้เปิด Choose the look ในขั้นตอนโปรเจกต์ใหม่ ก่อนการสร้างคุณจะเห็นสามลุค เช่น Nordic and clean และ Warm and Bold แต่ละลุคมีสี ฟอนต์สองแบบ และมุมที่กำหนดด้วยถ้อยคำของคุณเอง และทั้งเว็บไซต์จะถูกสร้างตามลุคที่คุณเลือก
ยังมีสวิตช์อีกสองตัวอยู่ข้างกัน ได้แก่ เลือกหน้าจอแรกของหน้าแรกจากโครงร่างสีเทาล้วนสี่แบบที่ใส่ข้อความของคุณไว้แล้ว หรืออนุมัติข้อความของเว็บไซต์ก่อนเริ่มสร้างอะไรทั้งสิ้น ทั้งสามตัวปิดอยู่ตามค่าเริ่มต้น
หรือจะให้ Briks ดูเว็บไซต์ที่คุณชอบก็ได้ Briks จะอ่านเลย์เอาต์ ระยะห่าง ตัวอักษรและการเคลื่อนไหวของเว็บไซต์นั้น แล้วออกแบบเว็บไซต์ของคุณในแนวทางเดียวกัน โดยใช้ข้อความและรูปภาพของคุณเอง เว็บไซต์ที่คุณให้ดูกำหนดหน้าตาไว้แล้ว จึงไม่มีตัวเลือกด้านหน้าตาและฮีโร่ให้เลือกร่วมด้วย
ตรวจก่อนเผยแพร่
ดีไซน์จะใช้งานได้ก็ต่อเมื่อผู้คนอ่านออก ทุกการสร้างจะถูกตรวจคอนทราสต์สีในโค้ดก่อนเผยแพร่ ตามมาตรฐาน WCAG AA คือ 4.5 ต่อ 1 สำหรับข้อความเนื้อหา และ 3 ต่อ 1 สำหรับข้อความขนาดใหญ่ หลังการเผยแพร่ครั้งแรก Briks จะดูหน้าเว็บที่ใช้งานจริงทั้งความกว้างเดสก์ท็อปและมือถือ แล้วแก้ไขข้อความที่อ่านยาก
การตรวจที่ละเอียดขึ้นเปิดได้ด้วยสวิตช์เดียว เมื่อเผยแพร่เวอร์ชันแรกแล้ว Briks จะดูเว็บไซต์ในหน้าจอสี่ขนาดและแก้ส่วนที่แสดงผลผิดปกติ เช่น ส่วนที่ซ้อนทับกัน ตัวเลือกนี้ปิดไว้เป็นค่าเริ่มต้น เพราะใช้เวลาเพิ่มอีกไม่กี่นาทีและใช้เครดิตบางส่วน
ออกแบบเพื่อธุรกิจของคุณ ในทางปฏิบัติ
ธุรกิจตัวอย่างสามแห่ง และวิธีที่แต่ละแห่งจะใช้งาน เว็บไซต์ที่แสดงเป็นตัวอย่างที่ Briks สร้างให้ธุรกิจตัวอย่าง ไม่ใช่ลูกค้าจริง
- 01เบเกอรี่
ผู้ทำเบเกอรีที่อยากเลือกหน้าตาก่อน
เจ้าของร้านเบเกอรีเล่าถึงขนมปังซาวร์โดว์ การสั่งล่วงหน้าสำหรับวันสุดสัปดาห์ และคิวหน้าร้านวันเสาร์ แล้วเปิด Choose the look เพราะร้านทำงานด้วยมือ ลุคอบอุ่นจึงออกมาเป็นสีครีมและสีมะกอก พร้อมฟอนต์ Young Serif สำหรับหัวข้อ เธอเทียบกับลุคนอร์ดิกเรียบสะอาดและลุคเฉียบคม เลือกลุคอบอุ่น แล้วทั้งเว็บไซต์ก็ถูกสร้างด้วยลุคนั้น
- 02สำนักงานกฎหมาย
สำนักงานกฎหมายที่ให้ Briks ออกแบบให้
หุ้นส่วนสองคนเขียนเรื่องการแยกกันอยู่ ลูก และการพบครั้งแรกแบบคิดค่าบริการคงที่ และไม่เขียนอะไรเกี่ยวกับการออกแบบเลย Briks วางแผนเว็บไซต์ของสำนักงานกฎหมายครอบครัวจากหน้าว่าง เลือกแบบอักษรและสีให้เหมาะกับอาชีพนี้ และตรวจคอนทราสต์ของทุกคำก่อนเผยแพร่ หลังจากนั้นหุ้นส่วนก็บอกสิ่งที่ต้องการเปลี่ยนด้วยภาษาธรรมดา
- 03สตูดิโอโยคะ
สตูดิโอโยคะที่แสดงเว็บไซต์ที่ถูกใจ
เจ้าของสตูดิโอชื่นชอบเว็บไซต์ของช่างเซรามิกที่ให้ความรู้สึกสงบและโปร่ง เธอใส่ที่อยู่เว็บไซต์นั้น แล้ว Briks จะอ่านโครงร่าง ระยะห่าง ตัวอักษร และการเคลื่อนไหว จากนั้นออกแบบเว็บไซต์ของสตูดิโอเธอในแนวทางนั้น พร้อมคลาสเรียน ตารางเวลา และถ้อยคำของเธอเอง หากเว็บไซต์ของช่างเซรามิกใช้ฟอนต์ที่ Briks ไม่ใช้ เว็บไซต์ของเธอจะได้ฟอนต์ที่มีน้ำเสียงเดียวกันแทน
สิ่งที่คุณจะได้รับ
- ออกแบบจากหน้าว่างสำหรับแต่ละธุรกิจที่คุณอธิบาย
- มีตัวอักษรหัวเรื่องให้เลือก 46 แบบ และตัวอักษรเนื้อความ 36 แบบ
- ไม่ใช้ฟอนต์ที่ใช้บ่อยเกินไป 12 แบบ เว้นแต่คุณระบุเอง
- ตรวจคอนทราสต์ตามมาตรฐาน WCAG AA ก่อนเผยแพร่
ควรรู้
- การเลือกลุค การเลือกฮีโร่จากเวอร์ไฟร์เฟรมสี่แบบ และการอนุมัติข้อความ เป็นสวิตช์ในขั้นตอนสร้างโปรเจกต์ใหม่ ซึ่งปิดไว้เป็นค่าเริ่มต้น
- ขั้นตอน Look และ Hero จะไม่แสดงเมื่อสร้างจากเว็บไซต์ที่คุณชอบ หรือสำหรับแดชบอร์ด