웹 뷰어 레이아웃과 관련한 사항을 정리해서 알려드리겠습니다.

(0) 템플릿

2.0까지 웹 뷰어 레이아웃은 “몇 가지 옵션"을 바꿔도 큰 변화를 주지 못했습니다. 그 모습이 그 모습 같았습니다.

그래서 3.0에서는 템플릿으로 전체 모습에 차이를 두는 쪽으로 바꿨습니다. 사용자가 템플릿 자체도 만들 수 있도록 설계했지만, 시간이 부족해서 그 기능까지는 공개하지 못했습니다.

지금은 머티리얼, 클래식, 박스, Twenty Fifteen, 부트스트랩 등의 템플릿을 제공합니다. 혹시 새로운 모습의 '디자인'을 주시면 템플릿으로 만들어 제공해드리겠습니다.

앞으로 템플릿과 관련해서 다음 옵션을 추가할 예정입니다.

• 사이드바의 위치(왼쪽, 오른쪽)
• 전체 너비 사용 여부
• 번호 매기기 지우기
• 네비게이션 차례의 모습

(1) CSS

CSS로 할 수 있는 것이 너무 많아져서 이를 폼으로 설정하는 기능을 제공하기 버거워졌습니다. CSS 자체를 수정하는 것이 맞는 방향 같습니다.

단, 사이드바의 너비는 CSS로 설정할 수 없습니다. 사용자가 너비를 조정하지 않으면 전체 내용 영역의 30%를 차지하도록 고정했습니다. 사이드바 너비를 설정하는 기능을 다시 추가하겠습니다.

(2) 테마색과 강조색

테마색 - 상단 배경색, 문서/장 제목 글자색, 내용 차례의 왼쪽 경계선과 번호 매기기 색상, 사이드바의 차례 탭에서 선택한 탭 색상, 차례 트리에서 선택한 차례의 색상(템플릿에 따라 배경색 또는 글자색)

강조색 - 사이드바 너비 조절 버튼, 그림과 코드 Overlay를 여는 버튼

(3) 테마색과 강조색 직접 지정

머티리얼 디자인이 제시하는 색상 팔레트로 한정했습니다. 각 색상마다 1에서 10단계까지의 다양한 색상을 제공합니다. 다자인 요소에 따라 특정 값을 찾아 적용합니다. 따라서 색상을 설정하려면 전체 팔레트를 제공해야 합니다.

https://www.google.com/design/spec/style/color.html#color-color-palette

여기서 제공하지 않는 색상 값을 알려주시면 추가하도록 하겠습니다.

(0) 템플릿
템플릿 커스텀 제작은 옵션인가요. 서비스인가요?
(고객사 모두 요청하면 엄청난 작업이 될 것 같은데…
좀 위험한 발언이신듯 ^^)

(1) CSS
CSS와 관련해서는 작성 가이드를 제공해주셨으면 합니다.

(3) 테마색, 강조색
10단계까지 색상을 제공한다는 것이 무엇인가요?
레드 계열에서 #FFEBEE 색상(Red > 50 shade)을 테마 색으로 쓸 수 있다는 건가요?

(0) 템플릿

템플릿을 제품에 포함시키는 조건이기 때문에 저희도 이득이 있습니다. 그런 요청이 많은 것 같지는 않습니다. 앞으로 요청이 많아져 부담이 되면 비용을 청구할 수도 있습니다.

내부적으로 가지고 있는 템플릿 규칙에 벗어나는 것까지는 지원해드리지는 못합니다.

(1) CSS

가이드를 작성하겠습니다.

(3) 테마색

선택한 색(예를 들어 레드 계열)에서 디자인 요소(예를 들어 상단 배경이나 경계선)에 따라 적용하는 가중치가 달라집니다. 한색으로만 쓰면 촌스럽게 느껴집니다. 보통은 500을 중심으로 조합합니다. 물론 현재는 2~3가지만 사용합니다. 앞으로 어떻게 될지 모르겠어서 색상을 추가한다면 전체 구성을 갖춰 넣어야 한다는 뜻으로 이해해주세요.