위키/스킨/Central(비교)
| r43 vs r44 | ||
|---|---|---|
| ... | ... | |
| 10 | 10 | [[https://daol.cc/License|라이선스 페이지]] | ~~[[https://github.com/Wikive/thetree_central|Github]]~~[* the tree 버전이고 openNAMU 버전은 따로 레포가 존재하지 않는다. 이 레포도 접근 권한이 있어야 볼 수 있다.] |
| 11 | 11 | * 다올위키의 기본 스킨인 Vision 스킨의 후속작이며, 2024년 12월 2일부터 대체되었다. |
| 12 | 12 | * 초기 계획안은 Vision 스킨의 v3로 버전을 높일 예정이였으나, 생각보다 큰 스케일이라 스킨 이름까지 변경하였다. |
| 13 | * 그 덕에 스킨 이름이 바뀔 때마다 버전 1씩 올라가는 규칙이 생겼다. |
|
| 13 | * 그 덕에 스킨 이름이 바뀔 때마다 버전 1씩 올라가는 규칙이 생겼다. |
|
| 14 | * Liberty: v1, Vision: v2, Central: v3 |
|
| 15 | * openNAMU 버전의 Central은 v3이고 the tree 버전의 Central는 v4로 엔진마다 차이점이 심해졌기에 버전 표기도 다르게 진행한다. |
|
| 14 | 16 | * 클로즈드 소스이며, 공개할 계획은 없다. 이유는 군소위키 특성 상 위키 엔진 차별점이 없으니 디자인이라도 차별하기 위해서이다. |
| 15 | 17 | * 부트스트랩을 버리고 제로 베이스로 새롭게 만든 스킨이다. |
| 18 | * Vision과 큰 차이는 없지만 소소하게 다른 점이 많다. 자세한 정보는 [[#특징|특징 문단]] 참고. |
|
| 19 | * 해당 스킨은 openNAMU의 다국어 가이드라인을 지키지 않기 때문에 사용자 설정에서 영어로 설정해도 한국어로 나오는 부분이 있다. |
|
| 20 | ||
| 21 | == 제로 베이스 위키 스킨을 만들게 된 계기 == |
|
| 20 | 22 | * 다시 만든 이유는 끔찍한 Vision의 로딩 속도 때문이다. 특히, 속도제한 같은 특수한 상황에서 더더욱. |
| 21 | 23 | * 실제로 용량이 많이 줄었다. Liberty(한마음): 1310KB[* 이때는 부트스트랩, 폰트어썸 등을 CDN 따위 쓰지 않고 스킨 파일에 때려박았기 때문에 굉장히 엄청났다.] / Vision: 108KB / Central: 59KB로 Vision에 비해 2배 이상[* 스킨 용량으로 보면 2배가 안되나, CDN으로 불러오는 부트스트랩과 제이쿼리는 제외된 용량이기 때문에 2배 이상이 맞다.] 줄어들었기 때문이다. |
| 22 | * Vision과 큰 차이는 없지만 소소하게 다른 점이 많다. |
|
| 23 | * 해당 스킨은 openNAMU의 다국어 가이드라인을 지키지 않기 때문에 사용자 설정에서 영어로 설정해도 한국어로 나오는 부분이 있다. |
|
| 24 | * 스킨의 특징은 다음과 같다. |
|
| 25 | * 상단바 |
|
| 26 | * 상단바 높이를 좀 더 늘렸다. |
|
| 27 | * PC 같이 넓은 화면에서는 검색 창이 더 넓게 표시된다. |
|
| 28 | * 상단바 공지에 Wikive 전체 공지가 있다면 표시된다.[*전체공지 서버 점검같이 Wikive 사용 위키가 동시에 닫힐 일이 있을 경우에 사용하기 위함이다.] |
|
| 29 | * 상단바 드롭다운 부분 |
|
| 30 | * 위 아래 간격을 좀 더 넓혔다. |
|
| 31 | * 애니메이션이 세련되게 바뀌었다(?) |
|
| 32 | * 알림 드롭다운이 추가되었다. |
|
| 33 | * 본문 |
|
| 34 | * 둥근 테두리를 본문에도 추가하여 사이드바와 통일성을 더했다.[* PC만 적용된다.] |
|
| 35 | * 글자 크기를 the seed 신스킨과 통일하기 위해 14.4px에서 15px로 조정하였다. |
|
| 36 | * 배경 색도 더 밝게 조정하였다. |
|
| 37 | * 사이드바 |
|
| 38 | * 절대 시간으로 표기되던 것을 상대 시간으로 표기된다. |
|
| 39 | 41 | |
| 42 | === 원본 리버티가 만들어진 시기 === |
|
| 43 | 리버티 스킨은 리브레 위키의 공식 스킨으로 리브레 스킨을 대체하기 의해 만들어졌다. 그런데 해당 스킨은 만들어진 시기가 2015년이다. 2024년 기준으로 무려 9년이나 된 디자인이다. |
|
| 44 | ||
| 45 | 무엇보다 리버티 스킨은 부트스트랩 기반으로 만들어졌는데, 이 스킨은 3.4.1 버전으로 만들어졌다. 2024년 기준 최신 버전은 5.3.3... 즉, 매우 오래된 디자인이라는 것이다. |
|
| 46 | ||
| 47 | === 오래돼도 쓸만하면 장땡 아니야? === |
|
| 48 | 라고 생각할 수도 있다. 하지만, 대한민국에서 가장 많이 접할 수 있는 위키인 나무위키의 기본 스킨인 espejo와 비교하면 많이 오래된 느낌을 받을 수 있다. 얼마 전까지 기본 스킨이었던 senkawa와 비교해도 개인적으로 senkawa가 낫지 않나 싶다. |
|
| 49 | ||
| 50 | 그리고 내가 웹 UI/UX를 공부 중이라 더욱 와닿는지는 모르겠지만 2020년대에 들어서면서 많은 웹사이트들이 UI를 개편하였다. 이유는 다양하다. |
|
| 51 | * 스마트폰의 화면 비율이 16:9에서 4:3과 비슷한 비율도 생기고[* 예를 들면 갤럭시 폴드 펼쳤을 때와 갤럭시 플립5의 외부 화면, LG 윙 서브화면 등이 있겠다.] 18:9, 19.5:9, 21:9 등 화면이 많이 길쭉해지면서 디자인을 손볼 일이 생겼다. |
|
| 52 | * 브라우저가 좋아지면서 모바일 화면을 따로 만드는 것이 아니라 반응형을 만드는 형식으로 트렌드가 변화하였다. |
|
| 53 | * 최근들어 생긴 다크모드도 개편 사유 중 하나가 아닐까 싶다. 색상을 하나하나 건들다 보면 뜯어고치고 싶을 때가 생긴다.[* 지극히 개인적인 의견이다.] |
|
| 54 | ||
| 55 | 물론, 부트스트랩 3 버전도 반응형 기반으로 만들어졌기 때문에 현재 그냥 사용해도 아무 문제없다. 솔직히 현재 사용하는 Vision도 부트스트랩은 그대로 사용 중이다. |
|
| 56 | ||
| 57 | === 결론은 === |
|
| 58 | > 그냥 써도 되는데 최신 트렌드에 맞춰 보기에 예쁘게 디자인 해보자. |
|
| 59 | 가 Vision 스킨이 만들어진 계기이며 Liberty 스킨을 버린 계기다. |
|
| 60 | ||
| 61 | === 그래서 바꾼 부분은? === |
|
| 62 | * 리버티는 둥글둥글해서 예쁘긴 하나 옛날 시절의 둥글둥글이다. 그래서 글자 크기에 비해 여백이 적고 라운딩도 작은 것을 여백을 늘리고 라운딩도 적극적으로 사용하였다. |
|
| 63 | * 폰트어썸을 4 버전을 사용하고 있는데 현재 6 버전까지 출시하였다. 그렇기에 폰트어썸도 업데이트하였다. |
|
| 64 | * the seed 버전에서 사용하는 나눔고딕을 사용하지 않는 이유는 폰트가 너무 못생겼다. |
|
| 65 | * 그래서 openNAMU 버전에서는 노토 산스를 사용하지만 노토 산스도 손절하였다. 이유는 아이폰의 사파리에서 글자 굵기가 다양하지 않을 경우 깨져서 보이는? 버그가 존재하여 손절하였다. |
|
| 66 | * 그래서 다올위키 수정 버전은 프리텐다드를 사용하는 이유이다. 현재는 스위트 폰트로 변경하였다. 프리텐다드는 너무 무난 그 자체였기 때문이다. |
|
| 67 | * Liberty를 대체하기 위한 이 스킨, Vision는 나무위키의 기본 스킨이'''였'''던 senkawa와 분위기를 비슷하게 만드려고 노력하였다. 나무위키에서 넘어온 사람들도 크게 이질감 없이 사용할 수 있도록 하기 위함이였다. ~~현재는 기본 스킨이 바뀌어서 아무 짝에도 쓸모 없어졌다.~~ |
|
| 68 | ||
| 69 | == 특징 == |
|
| 70 | * 상단바 |
|
| 71 | * 상단바 높이를 좀 더 늘렸다. |
|
| 72 | * PC 같이 넓은 화면에서는 검색 창이 더 넓게 표시된다. |
|
| 73 | * 상단바 드롭다운 부분 |
|
| 74 | * 위 아래 간격을 좀 더 넓혔다. |
|
| 75 | * 애니메이션이 세련되게 바뀌었다(?) |
|
| 76 | * 알림 드롭다운이 추가되었다. |
|
| 77 | * 본문 |
|
| 78 | * 둥근 테두리를 본문에도 추가하여 사이드바와 통일성을 더했다.[* PC만 적용된다.] |
|
| 79 | * 글자 크기를 the seed 신스킨과 통일하기 위해 14.4px에서 15px로 조정하였다. |
|
| 80 | * 배경 색도 더 밝게 조정하였다. |
|
| 81 | * 사이드바 |
|
| 82 | * 절대 시간으로 표기되던 것을 상대 시간으로 표기된다. |
|
| 83 | ||
| 82 | 84 | == 하위 문서 == |
| 83 | 85 | * [[위키/스킨/Central(openNAMU)]] |
| 84 | 86 | * [[위키/스킨/Central(the tree)]] |
| ... | ... |