Weditor 개선의견

0. color

– 기본 1color 컨셉

– 메인컬러 결정

1.사이드바

# 사이드바 좌,우 위치에 관한 고찰

 

–   사이드바가 우측일때 브라우저의 스크롤바와 겹치게 되는데 균형잡힌 모습은 아닌듯한 느낌을 받습니다. (두개의 스크롤바가 연속해서 붙어있는 형태)

–   사이드바가 좌측일때 화면이 꽉 찬 느낌 – 워드프레스 관리자 UI와 같은 방향이라서 이렇게 느껴질 수도 있는듯 합니다.

–   사이드바가 좌측인 에디터는 elementor 뿐인데 이 에디터의 경우 사이드바 영역과 본문 컨텐츠 영역이 구조상 별개의 영역으로 나뉘어 있어서

    사이드바가 본문을 덮는것이 아닌 본문을 밀어내는 구조를 갖추고 있는데, 이 두개의 영역이 균형잡힌 형태를 갖기때문에 꽉차 보이는 느낌을 받습니다.

–    elementor 를 제외한 나머지 에디터가 모두 우측 사이드바를 사용하고 있다는점도 참고해야 할듯 합니다.

 

# 참고 UI

 

1.  elementor 

2.  oven      https://ovenapp.io/project/hh559LMEtKz5GXLI0VDkXu7uehPonsFF#gjCnw

공통점 :좌,우 위치는 다르지만 팔레트가 표현하고 있는 성격이 흡사함 (아이콘을 카테고리별로 분류해서 나열하는 형태)

oven 이 사용하고 있는 상단 탭 분류는 참고해도 좋을듯 합니다.

 

 

# 사이드바 개선 의견

 

–  사이드바 가로사이즈 폭 최소 300px 이상
 
–  배경 컬러와 라인컬러 변경
 
–  간격 수정
 
–  분류 탭 추가
 
–  독립적인 아이덴티티를 표현하는 아이콘 디자인
 

 

 

 

 

 

2.컨텐츠영역

1. 1color

2. 불필요한 라인 제거, 불필요한 컬러 제거

3. 모든 라인컬러 통일, 눈에 튀지않는 색 지정

4. 레이어 UI 수정

5. 버튼 아이콘 수정

6. 간격,여백 재설정

 

작업순서 정하기

weditor 를 사용해서 디테일한 작업을 실제로 해보는것에서 문제점들을 더 찾을수 있을듯 함 – 여러번 반복 테스트 필요

1.전체적인 디자인 합의

2.사이드바 디자인 , 컨펌

3.본문 옵션메뉴 디자인

바로 수정작업이 가능한 파일 파악