XE 공식 자료실

레벨아이콘인 보통 높이가 13px인데 게시판에 따라 닉네임과 높이가 틀어지는 경우가 있더군요. 그리고 페이지를 구성하는 다른 디자인적인 요소들도 많은데 이 많은 요소들 모두 화려하게 꾸민다면 매우 산만한 느낌이 들기 쉽습니다.

그래서 자체적으로 쓰려고 아주 최소한의 장식만으로 심플하게 레벨 아이콘을 만든것을 배포 하게 되었습니다.

 

실제 적용 모습


10px로 높이를 줄이고 테두리를 없애고 대신 연한 그레이 색을 배경으로 깔아 매우 깔끔한 느낌이 들도록 만들었습니다. 그리고 좌측 상단에 삼각으로 색을 배치하였는데 노란색의 경우 밝아 흰색배경일 경우 시각적으로 잘 보이지 않는 것을 명도를 낮추고 약간 그린을 첨가 하여 다른 레벨 아이콘과의 시각적 주목성의 균형을 맞춰 주었습니다.

0레벨은 그레이로, 그이상 색상의 경우 4단계씩 색상을 달리 적용 하였습니다.

색상은 레드, 오렌지, 딥옐로우, 그린, 블루, 바이올렛, 다크핑크, 블랙으로 구성 되어 있습니다.