에디터 화면 캡쳐

사이트의 기본이 되는 커뮤니티(게시판)! 

그 중에 꼭 필요한 작성 화면! 

 

에디터 화면을 기획을 해보니 정말 신경쓸 게 많더라.

• 구분선. 브런치처럼 로고 넣은 자체 구분선을 넣어줘도 좋다. 
• 목록 모양에 뭘 줄지. 한컴처럼 다양한 아이콘으로 꾸밀 수 있게 할지 단순하게 몇 개 넣을지. 
• 토글을 넣을 건지 말지. 네이버 블로그 이전 에디터엔 있었는데 one에선 사라졌다. 
• 굵기, 기울기, 밑줄, 취소선 등 배치 순서를 어떻게 할지
• 글자 색, 글자 배경색 디자인은?
• 글자 크기는 세부 선택할지 아니면 제목, 본문, 소제목 식으로 나눌지
• 전체적인 에디터 줄을 어디 배치할지
• 태그 입력, 완료, 임시 저장, 돌아가기, 카테고리 설정 등의 버튼은 어떻게 배치할지 
• 카테고리 입력은 드롭다운 방식? 
• 그 외 정렬, 이모티콘, 특수 문자, 지도, 서식 템플릿, 표, 인용, 지도, 사진 배치 등... 많다 많아 

이 많은 걸 다 넣기에는 과다하고 사이트 성격에 맞게 넣어야 한다. 

지방 사람들도 후기를 많이 쓴다면, 혹은 여행 플랫폼이라면 지도는 반드시 넣어야겠고 

사이트 내에 자체 캐릭터가 있다면 브랜드 강화를 위해 이모티콘 기능을 무료로 넣어주면 좋고 

예술 관련 사이트거나 디자인 포트폴리오로 많이 쓰인다면 동영상 포함해서 사진 배치를 다양하게 할 수 있도록 신경 써야겠지. 애니메이션 효과도 제공하고. 

 

 

아무튼!! 

에디터 화면을 만들기 위해 참고했던 다른 사이트 캡쳐를 올린다. 

 

 

네이버 블로그

 

 

 

 

포스타입

 

티스토리

 

얼룩소 https://alook.so/ 

 

원티드

 

브런치

사진 배치

그룹 이미지와 구분선

인용

본문 수정 - 글 쓰고 드래그하면 나타남

글머리, 인용, 링크 설정

링크

 

사이드 프로젝트  https://sideproject.co.kr/  

 

노션

사진 설정 - 캡션 넣는 기능이 위에 달려있다는 특징. 배치는 그냥 이동으로 가능

부분 댓글 - 피드백에 유용

텍스트 전환 - 본문, 제목

글자색과 배경색이 한정적 - 장점) 분류할 때 색 찾기 편함 / 단점) 꾸미기 제약

노션 글자색 이런 거는 코드로 극복한 사례 있던데 

그런 거 어려워하는 사람들도 쉽게 적용할 수 있도록 플러그인 기능 필요할 거 같다. 

노션의 또다른 단점인 반복 일정 설정 불가, 캘린더 배경색 지정 불가도 추가할 수 있게 말이다. 

 

 

캡쳐를 많이 못한 감이 없지 않아 있는데 ... 

이런 거 화면별로 정리할 수 있는(정리된) uxui 사이트 없을까?