틀토론:정보상자

디자인 개편 제안

틀토론:책 정보에서 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)