스타일 고르기

#켜는 방법

briks.dev에서는 프롬프트 상자의 + 메뉴에 Pick a look first 스위치가 있어요. ‘내 사업에 어울리는 세 가지 스타일을 보고, 고른 것으로 만들어요.’ 새 프로젝트 페이지에는 이미 켜진 상태로 나타나요.

이 스위치는 프로젝트의 Preferences에도 있지만, 아직 계획되지 않은 첫 빌드에만 적용돼요. 그래서 New project 페이지에서 설정하는 게 맞아요.

#제작 과정에서 들어가는 단계

1. Build it을 누르고 빌드 전 질문에 답해요.
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 느낌인데 더 어둡게, 제목은 단정한 산세리프로 같은 식이에요. 보드 세 개는 따로 치워지고(카드에 "Set aside for what you described"라고 표시돼요) Briks는 계획한 스타일을 입력하신 말 쪽으로 옮겨서 계속 진행해요. 새 보드 세 개를 다시 그리지 않아요. 입력하신 설명이 곧 선택이 되고, 제작이 이어져요.

사이트가 만들어진 뒤에도 겉모습에 관한 것은 무엇이든 메시지로 바꿀 수 있어요. 확실히 정한 색상이나 글꼴은 Preferences의 Design rules에서 고정할 수 있어서, 이후 모든 빌드에 그대로 유지돼요.

#비용 안내

보드를 기획하고 그리는 일은 빌드의 첫 단계예요. 들어간 작업만큼만 차감하고, Build it에서 잡아 둔 50 크레딧 중 나머지는 빌드가 확인을 기다리는 동안 돌아와요.

#사용하면 좋은 때

• 아직 색상이나 서체가 없고, 스타일을 말로 설명하기보다 이미지를 보고 고르고 싶을 때 써요.
• 색상과 글꼴이 이미 정해져 있다면 건너뛰세요. 대신 Your brand에서 설정하면 돼요.
• 마음에 드는 사이트를 찾았다면 건너뛰세요. 그 사이트가 디자인을 정하기 때문에 스위치가 나타나지 않아요.
• 자리를 비울 때는 건너뛰세요. 빌드는 선택할 때까지 보드에서 기다려요.

#실제 예시

#자주 묻는 질문