안녕하세요. 큐레이터 L 간만에 인사드립니다.
오늘은 한창 사내 테스트 서버에서 테스트 중인 UI/UX 개선에 관한 주제의 개발자 노트로 여러분을 찾아뵙게 되었습니다.
1차 개편 업데이트에 어떤 것들이 어떻게 변하는지 이미지와 함께 자세히 살펴보실 수 있습니다. 분량이 상당하여 이번 개발자 노트는 2편에 나뉘어 게시됩니다.
UI/UX 개편 상세 소개 순서는 다음과 같습니다.
[UI/UX 개편 상세 1]
1. 메인 화면
2. 캐릭터 능력치
3. 아이템 가공
4. 인벤토리
5. 마켓 및 상점
6. NPC 대화
[UI/UX 개편 상세 2]
7. 채팅
8. 그룹채팅
9. 워프
10. 퀘스트
11.스쿼드
12. 가문 정보
13. 당
14. 그 외
▶ [UI/UX 개편 상세 2 바로가기]
※ 정규 서버 업데이트 시 외형, 기능 등 변경되는 부분이 다수 발생할 수 있습니다. 이 점 참고 부탁드립니다.
1. 메인 화면
메인 화면이 다음과 같이 변경됩니다.
(해상도 1920 * 1080)
[MCC 정보]
캐릭터 MCC 정보 UI가 가로 배열에서 세로 배열로 변경되며, 원하는 위치로 이동 후 위치 고정이 가능하도록 변경됩니다. (기존의 가문 공용 버프 UI와 동일한 방식입니다.) 아울러 일부 UI가 클라이언트 화면 밖으로 나가지 않도록 개선되어 하단 UI 배치를 상황, 또는 취향에 맞게 위치를 변경하여 사용하실 수 있습니다.
(해상도 1768 * 992)
(해상도 3840 * 2160)
[상단 UI]
상단 메뉴, 전투명령 및 펫 퀵슬롯 UI의 위치가 우측 상단으로 변경됩니다.
기존 미니맵 하단에 위치하던 쥬크박스, 스크린샷과 같은 부가 기능도 상단 메뉴로 통합됩니다.
기존 화면 우측에 출력되던 월드 콘텐츠 입장 아이콘이 삭제되며, [전면 파벌전], [나크리아 성 리전 부대 토벌], [월드크로스PVP] 등의 월드 콘텐츠에 해당 아이콘으로 입장할 수 있도록 통일됩니다.
2. 캐릭터 능력치
캐릭터 MCC 정보 UI 에서 캐릭터 포트레이트 클릭 시 해당 UI를 출력하며, 기존 [장착/능력치], [스탠스/스킬], [장비교체] 3종의 UI가 하나로 통합됩니다. UI 단축키는 기존과 동일하게 유지됩니다.
[능력치, 착용 장비]
몬스터에 대한 추가 공격력, PC에 대한 추가 공격력, 캐스팅 감소율 등의 항목이 추가되며, UI 범위 안에 각 수치가 정상적으로 출력되도록 전반적인 사이즈가 확대 조정되었습니다.
장착 아이템에 관한 정보창 역시 아이템 일러스트 출력 방식 변경에 따라 크기가 확대 조정되며, 일부 장착 칸의 위치가 변경됩니다.
(1920 * 1080 에서 보면 이렇습니다.)
[스탠스, 스킬]
스탠스, 스킬에 관한 정보가 보다 더 상세하게 변경됩니다.
[스킬 상세] UI 우측 상단 화살표 버튼으로 각 스킬의 1 ~ 15레벨 효과를 확인하실 수 있으며, 버프 혹은 디버프를 유발하는 스킬의 경우 해당 버프, 디버프에 관한 정보를 출력합니다.
[장비 교체]
장비 교체창이 다음과 같이 변경됩니다.
드롭박스 옵션에서 아이콘 컬러 지정이 별도의 버튼으로 분리되며, 확인 버튼을 누르는 과정 없이 등록 시 자동 저장되도록 변경됩니다.
반지 아이콘의 경우 기존에 제공하던 일부 컬러가 삭제되어 정규 서버 업데이트 시 옵션 정보가 변경될 수 있는 점 참고 부탁드립니다.
3. 아이템 가공
UI 상단에 일러스트가 추가되며 강화 UI를 기준으로 통일성 있는 구조로 변경됩니다.
[강화]
아이템 수량 증가 관련 기능이 기존 버튼형에서 슬라이더형으로 변경되며, 아이템 일러스트 출력 형식 변경에 따라 일부 배치가 변경됩니다.
[인챈트]
자동 인챈트 옵션 추가, 선택창이 기존 인첸트 UI로 통합되며, 타 아이템 가공 UI와 유사한 구조로 변경됩니다.
[소켓]
[업그레이드]
마갑주 업그레이드 방식이 변경됩니다.
‘전초기지 프루리오, 마갑주 제련로’ NPC 클릭 시 마갑주를 업그레이드할 수 있는 UI가 출력되며, 기존 강화 방식과 유사하게 아이템을 올리고 버튼을 클릭하여 업그레이드를 진행할 수 있습니다.
4. 인벤토리
아이템 출력 방식이 변경되어 기존 20 * 20px 의 도트 이미지가 48 * 48px의 일러스트 이미지로 교체됩니다.
[소지품창]
(좌 : 일반형 / 우 : 확장형)
아이템 아이콘이 변경되며, 장비 아이템의 경우, 강화 수치가 아이콘 우측 하단에 출력되며, 신규 보호 아이콘과 테두리가 적용됩니다.
일반형 소지품창의 경우 상단에 별도로 빠져 있던 코스튬 탭이 내려오며, 보유 비스/페소 수량이 10억을 넘길 경우 체크박스 옵션과 텍스트가 겹치던 현상이 개선됩니다.
(이중에 고대 별의 오브 상자가 있다…!)
아이템 보유 수량이 1만개 이상이 될 경우, 수량 숫자가 겹쳐 가독성이 떨어지던 현상은 개선될 것으로 보고 있으며, 동일한 일러스트 이미지를 사용하는 일부 아이템의 디자인 변경이 예정되어 있습니다.
[아이템 보호]
아이템 보호 방식이 변경됩니다.
인벤토리 UI 진입 후 [아이템 보호] 버튼 클릭 시 [보호 모드] 로 진입하며, 보호 하고자 하는 장비, 혹은 코스튬 아이템 우클릭 시 원하는 옵션으로 보호 지정할 수 있습니다.
[자세히 보기 모드]
좌측 하단 [자세히 보기] 옵션 체크 시 기존과 같이 목록형으로 출력되는 모드로 전환됩니다.
5. 마켓 및 상점
[마켓 - 판매]
아이템 등록 위치가 좌측 상단에서 우측으로 변경되며, 등록 아이템의 가격에 대한 정보가 보다 더 세분화됩니다.
[마켓 - 구매]
구매하고자 하는 아이템을 별도로 담아두는 ‘장바구니’와 같은 목록이 우측에 추가되며, 검색어가 변경되어도 구매하고자 하는 아이템과 그 수량이 초기화되지 않도록 변경됩니다.
아이템 우클릭으로 ‘장바구니’에 담긴 아이템을 삭제할 수 있습니다.
[검색 옵션]
검색 옵션 중 ‘기존 정렬 순서’ 옵션이 드롭박스로 변경되며, ‘레벨 검색’이 승급 단위 옵션으로 변경됩니다.
인챈트 옵션 검색 필터가 추가됩니다. [설정] 버튼 클릭 시 드롭박스에 노출되는 인챈트 옵션의 종류를 지정할 수 있으며, 선택된 옵션을 보유하고 있는 아이템이 검색 결과에 출력됩니다.
[상점]
상점 UI가 변경됩니다. 드롭박스 2종으로 출력되던 카테고리가 탭으로 변경됩니다.
[커스텀 상점]
커스텀 상점 UI가 변경됩니다. 기존과 달리 UI 크기가 고정되며, 구매 가격으로 책정된 아이템 아이콘에 마우스 오버 시 해당 아이템의 툴팁이 출력됩니다.
그외 가문간 개인거래, 개인 상점도 아이템의 일러스트 아이콘을 출력하도록 변경됩니다.
6. NPC 대화
NPC 대화 시 선택지가 버튼화 되며 대사 텍스트와 분리됩니다.
선택지는 기존과 같이 [W, A, S, D] 키 조작을 지원하며, 대사 박스는 [SPACE] 키 혹은 박스 영역 클릭으로 다음 대사로 넘어갈 수 있도록 변경됩니다.
▶ [UI/UX 개편 상세 2 바로가기]