페미위키토론:디자인의 토론 주제

[피드백 필요]메뉴에 아이콘 추가

12
낙엽1124 (토론기여)

85226936-063a0500-b415-11ea-9576-6e2951101da8.png

메뉴가 글로만 이루어져 있어 아이콘을 추가하려고 합니다.

아이콘은 아예 새로 만들지 않는 선에서는 https://commons.wikimedia.org/wiki/OOUI_icons에서 고를 수 있어, 위 스크린샷과 같은 모습으로 "개인 도구"에만 추가하려고 합니다.

함부로 추가하기 그래서 글로 올립니다 피드백 부탁드려요~~

(깃헙 이슈 링크 )

Larodi (토론기여)

좋은 것 같습니다!! 개인 도구 말고도 다른 메뉴에도 있으면 직관적이라 좋을 것 같네요~!

그리고 위키미디어 아이콘들은 약간 올드(?)한 느낌이 있는데 xeicon(https://xpressengine.github.io/XEIcon/library-2.3.3.html)에서 쓰는 것은 어떨까 하고 의견내봅니다. 라이브러리에서 제가 임의로 골라봤는데 순서대로입니다~

  • xi-profile
  • xi-bell
  • xi-forum
  • xi-cog
  • xi-star
  • xi-list
  • xi-log-out
낙엽1124 (토론기여)

http://xpressengine.github.io/XEIcon/ 에서 "XEICON은 OFL라이선스를 따르는 오픈소스입니다"라고 설명되어 있는데, 그러면 해당 아이콘들은 아이콘이지만 폰트 라이선스를 따르는 건가요..?

Larodi (토론기여)

주로 i태그로 사용하는 폰트형식 아이콘이라 그런것같아요

낙엽1124 (토론기여)

svg나 png가 제공되면 좋을텐데 프로토타입을 만드는 데 조금 걸릴 것 같습니다. 아마 릴리즈나 npm에서 받아서... 리소스 로더에 등록하고... class를 고쳐야 하니 php도 수정하고... 😵

Larodi (토론기여)

헉 그러면 제가 한번 만들어보겠습니다 업뎃예정일 이전에 드리면 되죠?

낙엽1124 (토론기여)

얘는 아직 업뎃 일정 없어용 여러분이 많이 성원해주시면 제가 으쌰으쌰해서 업뎃일정 잡습니다

낙엽1124 (토론기여)

86022190-fc438200-ba64-11ea-8f36-b747240d3610.png 86022174-f51c7400-ba64-11ea-966a-ebaea98293a2.png

위와 같이 작업해보았습니다

  • 왼쪽 아이콘들은 글씨와 같은 크기, 오른쪽은 1.5배입니다.
  • 토론이 붉은 색인 건 문서가 없어서입니다

PR 링크는 https://github.com/femiwiki/FemiwikiSkin/pull/167/commits 입니다

단점은 아이콘 지정을 오로지 PHP에서만 할 수 있으므로, 저희 미디어위키:sidebar에서 지정한 메뉴들에 아이콘을 붙이려면 방법을 고민해 보아야 합니다

열심 (토론기여)

저는 오른쪽이 더 깔끔하고 저시력자들이 보기에도 좋을 것 같아요

낙엽1124 (토론기여)

86527383-456a5a80-bed9-11ea-9105-68cfad4a455e.png

검은색으로 바꿔보았고 아이콘을 문서 편집으로 변경할 수 있는 코드를 작성했습니다.

그래서 정확한 아이콘 변경은 자유롭게 할 수 있으니 적용해볼까요?

Larodi (토론기여)

오오 좋습니다!! 궁금하네요 저는 찬성~

낙엽1124 (토론기여)

임의로 골랐구 영 애매한 애들은 영 애매하게 골랐습니다 😭