예쁜 디자인을 만들어주는 개발자 디자인 스킬 14가지

디자인에 자신이 없는 개발자를 위해 누구나 예쁜 디자인을 할 수 있는 스킬 14가지를 소개해보겠다.

해당 내용은 유튜버 코딩애플님의 팁이다.

 

1. 다양한 색 금지

색을 다양하게 쓰면 조잡해 보인다.

기본 색상은 검은색으로 하고 포인트컬러를 하나 정한 뒤 버튼, 아이콘, 강조할 글자, 로고 정도에만 포인트 컬러를 넣자.

 

2. 안쪽 여백 많이

padding을 많이 주면 여백 때문에 글이나 이미지가 느낌 있어보인다.

 

3. 폰트는 제목용, 본문용 2개만

폰트 너무 다양하게 쓰면 조잡해 보인다.

두 개만 쓰자.

하나로 굵기만 다르게 해도 괜찮다.

 

4. 글자가 심심하면 gradient

그레디언트를 넣으면 예쁜 모양이 나온다.

 

 

5. 제목은 16px 이상, 본문은 16px 이하

 

6. 자간 간격 조절하면 이쁨

 

7. 이미지 폭, 높이 동시조절 금지

하나만 조절해야 한다.

둘 다 조절하면 찌그러지게 보일 수 있다.

 

8. 안중요한 글씨는 회색

 

9. 테두리는 옅은 회색부터

 

 

10. 그래픽 에셋 사용 시 통일감이 우선

선 두께가 다르거나 하는 에셋을 사용하면 조잡해 보인다.

 

11. 급하게 로고디자인 해야될 때는 있어보이는 영어폰트 골라서 쓰자.

 

12. 사진에는 흰글씨

글이 잘 보이게 하려면 사진을 어둡게 처리하면 좋다.

 

13. 여백의 미

너무 꽉 채우지 말자.

 

14. 디자인 사이트를 참고하자.

 

'코딩애플' 디자인 스킬 14개

※ 코딩에 도움을 주는 팁 모음

 

node.js 웹서버 만들기 + 몽고DB 연동

VSCode 기능 추천 9가지