상세 컨텐츠

본문 제목

기업 홈페이지제작, 가독성을 높이는 웹디자인 Tip

홈페이지 제작 Tip

by 10page 2020. 11. 13. 16:22

본문

 

안녕하세요. 10page입니다.

 

2020년이 벌써 얼마 남지 않았는데요.

올 한 해 목표했던 일들 잘 마무리하셨으면 좋겠습니다.

 

새로운 한 해를 준비하면서,

기업 홈페이지 제작이나 리뉴얼

고려하고 계신 분들이 많으실 텐데요.

 

 이때 어떤 웹사이트 디자인이 좋을지 많은 고민이 있으실 것 같습니다.

 

그래서 오늘은 여러분께 도움을 드리기 위해

가독성을 높이는 웹디자인 Tip에 대해 말씀드리겠습니다.

 


1. 홈페이지 가독성

 

좋은 디자인이란 무엇일까요?

홈페이지의 목적과 타깃에 따라 정의가 달라질 수 있는데요.

 

그중에서도 기업 홈페이지 제작 시,

중요한 디자인 요소 중 하나가 바로 가독성입니다.

 

 

회사 웹사이트는 제품 및 서비스 소개 등

기업과 관련된 정보를 전달하기 위한 목적을 가지고 있습니다.

 

이러한 기업 홈페이지에 가독성을 해치는 웹디자인을 적용한다면,

아무리 좋은 내용을 담고 있더라도 읽기 어려울 텐데요.

 

그러므로 방문 고객들에게 내용을 보기 쉽게 보여주는

가독성이 중요한 조건이 될 수밖에 없겠죠?

 

그렇다면, 어떻게 해야 가독성이 높은  웹사이트를 만들 수 있을까요?

지금부터 4가지 TIP을 꼼꼼하게 말씀드리겠습니다.

 


2. 가독성을 높이는 웹디자인 TIP!

1) 핵심만 보여주기

 

 

먼저, 가장 중요한 핵심 내용을 눈에 띄게 배치해야 합니다.

 

주로 메인 메뉴나 버튼에 중요한 내용을 배치하실 텐데요.

이때 핵심적인 내용만 강조하는 것이 중요합니다.

 

만약 너무 다양한 메뉴나 버튼을 사용하게 되면,

많은 정보가 한꺼번에 노출되어

고객은 어떤 페이지로 이동해야 할지 혼란스러울 수 있겠죠?

 


 

2) 간략한 텍스트 구성

 

텍스트는 간략하게 구성하는 것이 좋습니다.

 

스크린을 통해 읽는 텍스트는

인쇄 매체보다 25% 피로감을 더 준다고 하는데요.

 

또한, 웹사이트에서 고객은 원하는 정보를 확인하고,

빠르게 페이지를 이동하게 됩니다.

 

그렇기 때문에 피로감을 줄이면서도 빠르게 내용을 전달하려면,

텍스트가 최대한 간결해야겠죠?

 

 

 

특히 모바일 웹까지 함께 구축한다면,

텍스트 분량이 더욱 중요합니다.

 

모바일은 PC와 달리 화면 크기가 작기 때문인데요.

 

모바일 화면 가득 텍스트만 보인다면,

내용을 읽기 힘들 수밖에 없겠죠?

 


 

3) 정보의 단위 나누기

 

만약 다양한 콘텐츠를 한 번에 전달해야 할 경우,

단위를 나누어 구분하는 것이 좋은데요.

 

정보를 주제에 따라 그룹화하여

따로 묶어주는 것이 가독성을 높일 수 있습니다.

 

 

위 예시 이미지를 살펴볼까요?

 

배경 색을 다르게 설정하여 내용을 구분하고 있는데요.

 

이때 그룹화된 정보들 사이에

여백을 준다면, 좀 더 명확하게 구분할 수 있습니다.

 

이렇게 단위를 나누어 구분하면,

방문 고객들은 페이지에 다양한 내용이 포함되어 있다는 것을

인지할 수 있어 쉽게 정보를 파악할 수 있습니다.

 


 

4) 너무 많은 디자인 요소 사용하지 않기

 

 

지나치게 다양한 디자인 요소를 사용하는 것을 지양해야 합니다.

 

콘텐츠를 강조하기 위해 컬러나 폰트 등의 요소를 활용할 수 있는데요.

 

너무 많은 요소를 한 번에 사용할 경우,

오히려 가독성을 해칠 수 있습니다.

 

 

 

예를 들어, 너무 다양한 컬러가 사용되면,

오히려 어떤 내용이 중요한지 확인하기 어렵기 때문인데요.

 

브랜드나 로고에 사용된 색상을 기본으로

강조 컬러를 선정하면, 더욱 통일성 있게 구성할 수 있겠죠?

 


 

 

오늘은 기업 홈페이지 제작을 위한

디자인 TIP에 대해 말씀드렸는데요.

 

기업 홈페이지 제작은 앞서 말씀드린 디자인과 함께

다양한 요소를 함께 고려하셔야 합니다.

 

예를 들어, 기기 최적화를 통해

모바일 가독성을 높이는 반응형 제작 등

기능이나 유지보수 등의 요소를 함께 따져보아야 하는데요.

 

이렇게 여러 요소를 고려하여 완성하기 위해서는

기업 전문 제작 서비스를 제공하는 업체

진행하시는 것이 좋겠죠.

 

 

저희 10page에서는 업종별 프로젝트 노하우를 바탕으로

기업 홈페이지 제작을 진행하고 있습니다.

 

반응형 제작 등 기능부터 유지보수까지

다양한 제작 서비스를 제공하고 있는데요.

 

비용 또한 45만원부터 제공되어

전문 홈페이지를 경제적으로 제작하실 수 있습니다.

 

10page 서비스에 대해 좀 더 자세히 알고 싶으시다면,

아래 배너를 클릭해주세요!

 

그럼 10page는 유익한 소식으로 찾아오겠습니다. 감사합니다.

 

 

* 해당 포스팅은 [8 Tips for Better Readability] / [Common webpage design mistakes]를 참고하였습니다.

관련글 더보기

댓글 영역