메뉴 건너뛰기

XE : Xpress Engine


XE core 및 구성요소의 안정버전 배포 - XE의 안정버전을 배포하는 곳입니다. 최신 버전을 사용하고 싶으신 분은 프로젝트에서 직접 코드를 내려받을 수 있습니다.

스킨

미니멀 한 높이10px 레벨 아이콘 30레벨

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

0레벨은 그레이로, 그이상 색상의 경우 4단계씩 색상을 달리 적용 하였습니다.
색상은 레드, 오렌지, 딥옐로우, 그린, 블루, 바이올렛, 다크핑크, 블랙으로 구성 되어 있습니다.

자료 분류 아이콘 홈페이지 http://www.wonartschool.net
라이선스 GPL v2 설치 경로 modules/point/icons
제작자 WonArtSchool 최초 등록일 2011-09-07
10.0/2 전체 다운로드 211
최근 버전 1.1.1 다운로드 211
10.0/2 최근 업데이트 2011-09-07

다운로드

wicn.jpg


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

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

ssat.jpg 

실제 적용 모습



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



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

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


태그 연관 글
  1. [2014/04/09] 묻고답하기 네이버 이모티콘(아이콘) 사용해도되나요 by xe초보자 *1
  2. [2014/04/06] XE 공식 자료실 파일 아이콘 추가 애드온 ver. 1.0 by LI-NA *6
  3. [2014/02/06] XE 공식 자료실 레벨별 포인트 출력 위젯 ver. 1.0 by 퍼니엑스이 *3
  4. [2014/01/07] 묻고답하기 회원 레벌 테이블은 어느 테이블 인가요? by 유유히 *1
  5. [2013/08/17] XE 공식 자료실 포인트레벨 아이콘 기본 default_J [99레벨] ver. PK_CP by 정도의길을걷기싫다 *3