틀토론:정보상자

Liebesfreud (토론 | 기여)님의 2022년 6월 4일 (토) 18:39 판

디자인 개편 제안

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

  1. 전체적으로 테두리를 확 줄이고, 눈에 띄도록 정보 틀 시작/끝, 주제에 2px 테두리를 사용하였습니다. 또한, 제목과 그림이 한 칸에 있는 것처럼 보이도록 했습니다.
  2. 바탕색/글자색을 주제 칸에만 적용하도록 하였습니다.
Ledibug-Labin-Head-Opinion.png의견 클래스명을 기존대로 infobox로 했으면 좋겠습니다. .info는 .table .img .image 처럼 너무 모호한 클래스 이름이며 다른 클래스와 겹칠 우려가 있습니다. 아니면 table.info 처럼 좀 더 명시적으로 css를 작성해야 할 것 같습니다. 蒼天 토론 기여 2022년 6월 3일 (금) 08:32 (KST)
Ledibug-Labin-Head-Opinion.png의견 라운딩 처리는 유지하면 좋겠습니다 --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)