툴(포토샵,xd)/디자인 팁

XD 디자인 팁 분석

hyojinny 2022. 10. 4. 18:20
  • 구분선은 1px, 연하게

 

 


 

 

  • 제목은 컨텐츠 쪽으로 붙여야함 (기업소개 텍스트가 이미지에 더 가깝도록)

 


 

 

  • 섹션크기가 길면 아래여백을 위보다 더 줘야함

 

 


 

  • 컨텐츠가 한눈에 들어오면 

텍스트 큰제목 : 35px

설명 텍스트 : 16px

1.5~ 2배수가 평균

 

 


 

 

  • 섹션크기가 길면 아래여백을 위보다 더 줘야함
  • 버튼높이 공식 30 , 40, 50 크기 

 

 

무조건 높이 40px

 

 


 

 

  • 줄간격! 1배수 자간 간격으로 강조
  • 부제목 크기는 줄간격 1.2

 

 

 

 

 


  • 사진간격

 

 

잘만든 사이트의 예 

 

https://www.bando.co.kr/

 

반도건설

세상을 앞서가는 새로운 건설문화, 반도건설이 만들겠습니다

www.bando.co.kr