Skip to content

11.28.월

johan edited this page Jan 25, 2023 · 2 revisions
  • 프로젝트 이름을 정했다.

지금 진행중인 교육과정 이름이 ConnecTo이고 만들고 있는 프로젝트가 기존 서비스인 Trello의 개선 버전이다. 부트캠프 동료의 추천으로 이름을 조합해 ConnecToRello → 더 줄여서 Conello로 지었다.

  • 피그마 작업 재진행

피그마 다루는데 조금은 적응이 되어서 지난 토요일에 처음 만들었던 컴포넌트들을 다 지우고 다시 만들었다.

시안을 만들면서 느꼈던 점은 다음과 같다.

  • 너비, 높이, 마진, 패딩등의 픽셀은 가능하면 4의 배수로 주는게 실제 레이아웃을 잡을 때 더 간편하다.
    • TailWind의 경우 스타일이 거의 4픽셀 단위로 맞춰져있기 때문에 적용하기 수월하다.
    • 텍스트의 너비, 높이도 마찬가지로 4의 배수가 좋다.
      • line-height, letter spacing 등을 조절하여 텍스트 너비, 높이를 조절할 수 있다.
  • 아이콘과 텍스트를 함께 정렬한다면 아이콘과 텍스트의 높이를 같게 만들면 정렬이 간편하다.
  • 컴포넌트는 작은 단위로 쪼개고 rectangular를 사용하기보다는 프레임으로 만드는게 좋다.
  • 비슷한 요소들은 cmd + G 키로 그룹화 할 수 있다.
  • 각 요소마다 이름을 정해주면 편하다.

  • 파비콘, 로고 등 디자인 작업 진행

서비스에 적용할 파비콘과 로고등을 만들었다.

코넬로찐배경 (1) (1)

내가 만든 위의 기존 로고를 바탕으로 포토샵을 잘 하는 부트캠프 동료가 맛깔나게 아래처럼 로고를 리메이크 해줬다.

conello_logo

Clone this wiki locally