현재 위치 - 회사기업대전 - 기업 정보 공시 - 웹 페이지 레이아웃 디자인 8 가지 팁

웹 페이지 레이아웃 디자인 8 가지 팁

웹 사이트 조판 디자인 과정에서 웹 사이트 텍스트의 정보를 사용자에게 신속하게 전달하는 방법을 고려하는 것은 불가피하다. 우리 모두 알고 있듯이, 명확한 페이지 레이아웃은 텍스트의 가독성과 접근성을 향상시키고 사용자가 읽을 때 더욱 즐거워할 수 있도록 도와줍니다. 그렇다면 어떻게 웹 조판을 잘 할 수 있을까요? 오늘 이 문장 는 웹 페이지 조판 디자인 의 여덟 가지 작은 기교 를 총결하였다. 한번 봅시다!

1. 글꼴 유형 제어

일반적으로 한 웹 페이지의 텍스트에 세 가지 이상의 다른 유형의 글꼴을 사용하면 웹 사이트의 구조가 매우 혼란스러울 수 있으며, 이는 웹 사이트 내용의 가독성에 큰 영향을 미칠 수 있습니다. 따라서 웹 사이트의 글꼴 유형 수를 제어해야 합니다. 가장 쉬운 방법 중 하나는 웹 사이트에서 글꼴을 고수하는 것입니다. 일반적으로 글꼴은 대부분의 방문자의 브라우징 요구 사항을 충족합니다. 웹 사이트에서 두 가지 다른 유형의 글꼴을 사용해야 하는 경우, 이 두 글꼴이 서로 조화를 이루도록 하십시오. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언)

표준 글꼴 사용

Googlewebfonts 및 Typelkit 과 같은 글꼴 서비스 업체는 종종 재미있는 글꼴을 제공합니다. 이러한 서체는 사용자에게 신선한 경험과 사용 편의성을 가져다 줄 수 있지만, 변쇼는 여전히 더 표준적인 서체를 사용하는 것을 추천한다. 모든 방문자의 컴퓨터에 당신이 사용하고 싶은 특수 글꼴이 있는 것은 아니기 때문이다. 예를 들어, windows 컴퓨터의 Microsoft Yahe 는 Mac 의 표준 글꼴이 아닙니다. 홈페이지에 마이크로소프트 야헤르를 사용하면 Mac 에서 편평하게 표시되며 원래의 서체 효과를 잘 보여주지 못한다. (윌리엄 셰익스피어, 윈도, 독서명언) (윌리엄 셰익스피어, 윈도, 독서명언) 따라서 모든 사용자가 좋은 브라우징 경험을 얻을 수 있도록 웹 페이지에 표준 글꼴을 사용하는 것이 좋습니다. 표준 글꼴의 선택은 대상 집단의 읽기 습관과 사용하는 장치에 따라 결정될 수 있다.

3. 각 텍스트 줄의 길이를 제어합니다

행당 텍스트의 문자 수는 웹 사이트 내용의 가독성에 직접적인 영향을 미칩니다. 행마다 문자가 너무 짧아서 사용자가 앞뒤로 훑어보면 읽기 리듬을 흐트러뜨릴 수 있다. 그리고 문자가 너무 길어서 사용자가 주의를 유지하기가 어렵다. 여기 쇼는 중국어 글꼴을 한 줄에 35-45 자, 영어 글꼴을 한 줄에 60 자 (PC 용) 로 제안합니다. 모바일 장치의 경우 화면이 더 작기 때문에 텍스트 길이가 더 짧아야 합니다.

적합한 글꼴을 선택합니다

모바일 장치 유비쿼터스 시대에 사용자는 서로 다른 모바일 장치를 통해 서로 다른 해상도로 웹 사이트를 탐색할 운명이었다. 그래서 우리는 적절한 서체를 선택해야 한다. 크기가 다른 화면과 다른 글자에 모두 잘 드러날 수 있는 서체를 선택하여 웹 사이트 내용의 가독성을 보장해야 한다. 이 작은 편찬에서는 중국어 서체에 마이크로소프트 야블랙, 영어 서체에 칼리비, 아리아 등을 사용할 것을 제안한다.

5. 행 높이 제어에 주의하십시오

행 높이는 웹 페이지 조판에서 매우 중요한 개념이다. 간단히 말해서 행 높이는 행 간격입니다. 일반적으로 행간은 문자 높이의 30% 여야 웹 사이트의 내용을 쉽게 읽을 수 있습니다. 연구에 따르면 각 줄의 문자 간격을 잘 조절하면 전체 사이트의 읽기 효율성이 20% 향상되어 사용자가 웹 사이트의 내용을 더 잘 소화할 수 있는 것으로 나타났다.

6. 합리적인 색상 대비를 보장합니다.

웹 사이트에서 텍스트를 사용할 때 텍스트와 배경의 대비에도 주의해야 합니다. 문자가 명확할수록 사용자가 웹 사이트 컨텐츠를 더 빨리 얻을 수 있습니다. 우리는 사이트의 배색 체계를 결정할 때, 서로 다른 설비의 사용자들이 좋은 브라우징 효과를 얻을 수 있도록 가능한 많은 장치에서 테스트해야 한다.

7. 빨간색 또는 녹색 텍스트를 사용하지 마십시오

웹 사이트에서는 컬러 텍스트를 사용하여 정보를 강조하는 경우가 있으므로 빨간색 또는 녹색 텍스트를 사용하지 않도록 합니다. 이때 적록색맹은 가장 흔한 시각 장애 중 하나이므로 정보의 효과적인 전달에 영향을 줄 수 있습니다. 웹 사이트에서 빨간색과 녹색을 사용하고 싶다면 굵게, 대각선, 밑줄 등 가능한 다른 구분 방법을 사용하는 것을 잊지 마십시오.

8. 깜박이는 텍스트를 사용하지 마십시오

일부 역장은 웹 사이트에서 깜박이는 문자를 사용하여 사용자의 주의를 끌기를 좋아한다. 이것은 깜박이는 텍스트의 장점이자 단점이다. 많은 사용자들이 이런 글이 너무 짜증나고 산만하다고 불평한다. 따라서 변쇼는 사이트에서 깜박이는 문자를 사용하지 않는 것이 좋습니다. 결국 사용자의 주의를 끄는 방법은 한 가지가 아니다.

조판 디자인은 웹 사이트에서 매우 중요한 역할을 한다. 변쇼는 네가 이 여덟 가지 기교를 융통성 있게 마스터하면 만족스러운 조판 설계를 할 수 있다고 생각한다.

copyright 2024회사기업대전
ngji.js">