로그인 회원가입

로그인

아이디
비밀번호
ID/PW 찾기
아직 회원이 아니신가요? 회원가입 하기

문서 디자인 잘 뽑는 법

Profile
공산1968

헤쵸.jpg

요즘 제이위키 문서중에서 디자인이 엉망인 문서들이 많아 올린다.

 

1. 색 - 가장 중요한 부분. 색이 조금이라고 어긋나면 눈갱 수준이 되어버린다.

일단 #FF0000(빨강)이나 #FFFF00(샛노랑)과 같은 너무 밝은 기본 색은 피하는게 좋다. 문서에 경박한 느낌을 준다.

그 다음으로 피할 색은 #000099(군청)와 같은 너무 짙은 색이다. #0000FF이 경박한 느낌이라면 #000099는 너무 무거운 느낌이다.

좋은 색은 #004EA2(짙은 파랑)나 #FFCC00(황금), #FBFBFB(회색 빝이 도는 하양)과 같이 너무 밝지도 어둡지도 않은, 부드러운 느낌을 주는 색이다.

 

베트남 국기, 대만 국기 = 대표적인 눈뽕색 디자인 

https://jwiki.kr/wiki/index.php/%EC%9D%91%EC%98%A4%EB%94%98%EC%A7%80%EC%97%A0 <- 색이 난장판 눈뽕인 예시

 

색을 지정했으면 글씨 색과 상성을 맞춰야한다. 파란색 계열이나 초록색 계열에는 하얀색을 쓰는게 가장 좋다. 빨강-노랑 계열에는 다른 색을 쓰는 것이 나쁘지 않다. 파란색중에서 군청색은 황금색이 어울린다. 상성이 맞는 색은 인터넷에 검색하면 많이 나오므로, 이 부분에 대해서는 추가적인 언급을 하지 않겠다.

 

2. 글씨

의외로 많은 사람들이 간과하는 부분이다.

font-sizt 10pt 나 10.5pt를 추천드린다. 10pt 이하는 너무 작고 10.5 pt 이상은 너무 크다.

 

3. 틀

일단 틀에 너무 많은 정보를 넣으면 안된다는 점만 숙지하면 된다. 틀에 각종 정보 덕지 덕지 붙여넣으면 굉장히 보기에 안좋아진다.

아무곳이나 볼드체 떡칠을 하는 경우가 있는데 사실 틀에서 볼트체 사용하는건 엄청난 피로감을 준다. 왠만하면 볼드체는 제목과 같은 곳에서만 사용하는 것이 좋다.

그리고 왠만하면 {{글씨 색}} 틀을 사용하는게 좋다. 글씨 색 틀을 사용해 틀의 하이퍼링크를 검은색이나 다른 색으로 칠하면 최소한 그렇게 하지 않는 것보다는 심미적으로 더 나은 효과를 준다.

42534.PNG.jpg

저격하려는 의도는 아니지만 이 틀이 대표적인 실패 사례로 각종 정보를 틀 안에 다 때려 박다보니 디자인이 갤망진창난 사례다.

 

234234.PNG.jpg

 

이쪽이 좀더 디자인적으로 나아보인다.

 

4. 본문서 정리

틀과 글의 비율이 1:5 정도 되는 것이 좋다. 1:1이면 너무 허전하고 1:10이면 너무 길어서 아무도 읽지 않는다.

그리고 글만 있으면 읽기 힘들다. 중간 중간에 [[파일:XXX.png|썸네일]]을 이용해 자료 화면을 넣어주도록 하자.

문서 단락의 순서도 중요한데, 아무렇게나 막 배치하면 근본이 없다는 느낌을 준다. 개요 -> 상징물 -> 역사 -> 지리 -> 행정구역 -> 정치 -> 경제 -> (군사) -> 사회 -> 문화 -> 외교 -> 기타 순의 문단 배치를 추천한다.

 

5. 기타 팁

사실 문서 많이 만들면 대충 짬에서 나오게 된다.

미니멀리즘이 최고라는 점만 알면 된다. 이것 저것 다 이어 붙이고 때려 박으면 오히려 보기에 안좋다. 최소한의 문법이나 최소한의 디자인, 색만 사용해도 꽤 괜찮은 결과물이 뽑힌다.

 

내꺼중에서 디자인 잘뽑힌 문서

https://jwiki.kr/wiki/index.php/%EB%B6%80%EC%97%AC

https://jwiki.kr/wiki/index.php/%EC%9D%B4%ED%83%88%EB%A6%AC%EC%95%84_%EC%A0%9C%EA%B5%AD

댓글
5
Profile

대체역사, 설정, 창작, 위키이용시 궁금한 점이나 팁 등 제이위키에 대한 광범위한 내용을 다룹니다.

번호 제목 글쓴이 날짜 조회 수
공지 🔨설정 이곳은 대체역사/설정/창작/위키 게시판입니다. (2) 21.09.20 166
27 💡정보/팁 실루엣 이미지 만드는 법 (2) 22.07.09 79
26 💡정보/팁 인물 실루엣 사진 만들기(모바일) (2) 22.07.09 76
25 💡정보/팁 [꿀팁] 인물 사진을 만들고 싶을 때 추천드리는 AI 구현 사이트 모음 (2) 22.07.09 97
24 💡정보/팁 좋은 글을 쓰는 법 - 묘사 (2) 22.06.20 95
23 💡정보/팁 설정 만들 때 도움되는 전통문양 DB 추천합니다 (3) 22.06.15 76
22 💡정보/팁 좋은 글을 쓰는 법 - 작문 (2) 22.06.08 141
21 💡정보/팁 여러분의 설정이 미흡해보이는 이유 (1) 22.05.27 95
20 💡정보/팁 의외로 대체역사의 정치 설정에서 많은 사람들이 간과하는 부분 (1) 22.05.27 91
19 💡정보/팁 간편한 지구본 가상지도 제작 사이트, 'Map to Globe' (3) 22.05.07 248
18 💡정보/팁 디자인에서 색이 2/3을 먹고 들어감 (5) 22.04.23 80
17 💡정보/팁 내가 부여 세계관을 쓰게 된 경위 (4) 22.04.23 68
16 💡정보/팁 글 잘 쓰는법 (4) 22.04.11 108
💡정보/팁 문서 디자인 잘 뽑는 법 (5) 22.04.07 189
14 💡정보/팁 반대항에 올라타기―합작에서의 시대구분 비판 방법론 (1) 22.03.24 73
13 💡정보/팁 틀에 링크를 달기 위한 방법 - 틀 링크 설정하기 22.02.10 47
12 💡정보/팁 펼접 문법 간소화 + 사용 설명서 (3) 22.01.13 163
11 💡정보/팁 판타지 세계관 가이드 (1) 22.01.11 24
10 💡정보/팁 당 로고로 사용하기 좋은 폰트 2개 추천 (5) 21.12.11 698
9 💡정보/팁 세계관을 잘 쓰기 위한 팁들 (2) 21.11.28 231
8 💡정보/팁 세계관 짤때 거창한 생각이 필요한 것이 아닙니다. (1) 21.11.01 78

로그인

아이디
비밀번호
ID/PW 찾기
아직 회원이 아니신가요? 회원가입 하기