틀토론:정보상자

디자인 개편 제안

틀토론:책 정보에서 Text-Justify님이 해주신 말씀을 듣고, 어떠한 디자인이 위키에 어울리면서 알아보기 좋은지에 대해 고민해봤습니다. 그 결과물로 나온 사용자:Pika/새 정보상자가 위키 디자인 기조에 어울리지 않을까라고 생각하여 올려봅니다. --Pika (토론) 2022년 6월 3일 (금) 02:22 (KST)

1. 전체적으로 테두리를 확 줄이고, 눈에 띄도록 정보 틀 시작/끝, 주제에 2px 테두리를 사용하였습니다. 또한, 제목과 그림이 한 칸에 있는 것처럼 보이도록 했습니다.
2. 바탕색/글자색을 주제 칸에만 적용하도록 하였습니다.

의견 클래스명을 기존대로 infobox로 했으면 좋겠습니다. .info는 .table .img .image 처럼 너무 모호한 클래스 이름이며 다른 클래스와 겹칠 우려가 있습니다. 아니면 table.info 처럼 좀 더 명시적으로 css를 작성해야 할 것 같습니다. 蒼天 토론 기여 2022년 6월 3일 (금) 08:32 (KST)

의견 라운딩 처리는 유지하면 좋겠습니다 --27.126.20.92 2022년 6월 3일 (금) 08:40 (KST)

1.위키 디자인상 2px 테두리가 쓰이는 곳이 흔치 않아서 튀지 않나 싶습니다.

2.제목과 그림이 한 칸에 있는 것처럼 연출되니 제목칸에 억지로 사진을 끼워넣은 듯도 합니다.

정보상자만 보면 나쁘지 않다고 할 수도 있겠지만 사이트 스킨과의 일관성면에서는 기존이 나을 것으로 생각합니다. 그리고 해당 토론처럼 스킨 디자인 선에서 다루는 것이 적합하다고 생각합니다. --Text-Justify (메시지) 2022년 6월 3일 (금) 09:00 (KST)

1. info 및 styles.css 사용은 제작을 쉽게 하기 위함입니다. 새 디자인이 적용된다면 common.css를 변경할 예정입니다.
2. 2px 테두리가 흔치는 않지만, 대다수가 1px를 사용하기 때문에 오히려 강조하는 효과를 줄 수 있다고 생각합니다. 모두가 1px라면 문서가 평면적이여서 보기가 더 어렵지 않을까라는 생각이 듭니다.
3. 제목과 그림 사이에 줄이 없는 것은 호불호가 갈릴 수 있다고 생각하기 때문에 이건 다수의 의견을 따르겠습니다.

추가로 깜빡하고 언급하지 않은 변경점이 있습니다. border-radius가 빠지고, 의미가 덜한 "XX 정보" 주제 칸이 빠집니다. --Pika (토론) 2022년 6월 4일 (토) 00:46 (KST)

라운딩 처리에 관해서는요??--27.126.20.92 2022년 6월 4일 (토) 18:36 (KST)

그게 border-radius입니다. --Liebesfreud (공개 기록·토론) 2022년 6월 4일 (토) 18:39 (KST)

제목과 그림간 같은 회색이라는 점만큼은 재고가 필요할 것 같습니다. 하부 표에서 각 범주를 다루는 칸이 회색으로 처리됩니다만 제목과 그림이 모두 회색 배경으로 처리되면 내용은 없는 채로 범주만 2열로 확장된 모양이 됩니다.

그리고 과연 정보상자가 단독적인 2px 테두리로 강조될 필요가 있을지에 대해서는 의문이 있습니다. 기본적으로 줄글이 나열되는 문서 영역에 해당 토론에서의 언급처럼 다른 레이아웃으로 나뉜다면 사용자는 충분히 이를 구분할 수 있을 것으로 판단합니다. 더불어 보편적인 디자인 규율상 1px을 더하는 것으로 단독적으로 구분하는 형태가 다른 사례를 봐도 얼마나 있을지 모르겠습니다. --Text-Justify (메시지) 2022년 6월 5일 (일) 19:42 (KST)

border-radius는 유지했으면 좋겠습니다 --Alzip (토론) 2022년 6월 6일 (월) 12:17 (KST)

리브레 위키에만 둥근 테두리가 적용되었던게 장점이었던 같습니다. 蒼天 토론 기여 2022년 6월 6일 (월) 12:46 (KST)

좀 더 생각한 결과, 1px도 충분할 것 같네요. 제목과 그림이 같은 배경색을 사용하는 것에 대한 문제제기도 어느 정도 동의합니다. 하지만 그림을 더 잘 보이게 하려면 배경색이 있어야 한다고 생각하기 때문에, 제목 칸과 주제칸의 색상을 바꾸는 것으로 해결하려고 합니다. (색깔은 아무거나 넣었습니다.) --Pika (토론) 2022년 6월 6일 (월) 14:34 (KST)

제목 칸의 색과 구분되니 더 나아 보인다고 생각합니다. 다만 제 전달에 미흡한 점이 있었던 것 같아 더하자면, 하부 표 내용상의 범주와 사진 부분의 범주가 같은 색으로 처리되니 사진이 범주와 같은 위계에 놓인 채 2열로 확장되는(병합된) 모양새라는 점에 문제가 있어 보인다는 의견이었습니다. --Text-Justify (메시지) 2022년 6월 6일 (월) 16:19 (KST)

둥근 테두리에 대한 의견을 내주셔서 말입니다만, 리버티 스킨 2.0이 예정된 상황에서 사이트 디자인상 어느 정도 변화가 있을 가능성을 염두에 두어서도 나쁘지 않을 것 같습니다. 일관성과 어울림을 생각하자면 차기 업데이트 후에 디자인을 다시 다듬어야 할 가능성도 생각해야 할 듯합니다. --Text-Justify (메시지) 2022년 6월 6일 (월) 16:34 (KST)

개편의 이유에 위키 디자인간의 어울림이 들어간다면 개편안의 방향이 기존 대비 얼마나 목적에 부합할지를 평가 기준으로 놓고 봐야 할 것 같습니다. 사실 이를 기준으로 놓고 본다면 저는 보수적인 입장입니다. --Text-Justify (메시지) 2022년 6월 6일 (월) 16:40 (KST)

나름의 구축된 아이덴티티면에서도 그렇습니다. --Text-Justify (메시지) 2022년 6월 6일 (월) 16:42 (KST)

리버티 2.0이 적용된다 하더라도 해당 프로젝트의 목적은 프레임워크 변경이지 디자인 변경은 아니기 때문에 전체적인 디자인은 변하지 않습니다. 지금 위키방 정도 느낌이려나요 --Zlzleking (대화|편집 이력) 2022년 6월 7일 (화) 09:30 (KST)