중앙 텍스트의 큰 단락을 어떻게 처리합니까?

나는 매우 간단한 포트폴리오 웹 사이트에서 일하고 있으며 사용중인 템플릿은 모든 텍스트의 중심에 맞습니다. 나는 나 자신에 대해 약간의 애매함을 가지고 있으며 이것이 중심에 맞는 텍스트를 다루는 가장 좋은 방법인지는 모른다. 내 눈에는 읽는 것이 조금 어색합니다. 방금 상상하는 것입니까, 아니면 더 좋은 방법이 있습니까?

편집 1 : 내 웹 사이트는 이 무료 템플릿을 기반으로 하며 가운데 정렬 된 텍스트의 더 큰 섹션이 있습니다. 텍스트를 정당화하고 싶지만 나머지 웹 사이트가 보이는 방식과 잘 맞는지 모르겠습니다.

편집 2 :

색상을 뒤집어서 흰색의 검은 색 텍스트가되었습니다. 이것은 sens-serif 글꼴과 함께 현재와 같이 보입니다. 또한 흰색 배경에 링크 모양이 포함되어 있습니다. 조금 어둡게해야 할 수도 있습니다.

편집 3 :

글쎄, 총알 포인트에 대한 나의 시도와 함께 정당화 된 왼쪽. 곧 정리하겠습니다. 글꼴 크기를 올바르게 설정해야하지만 아이디어를 얻습니다.

가운데 맞춤 단락 텍스트는 가장 좋은 선택이 아닙니다 . 인간의 이해력은 특정 방식으로 텍스트를 볼 수 있도록 정중하게 훈련되었으며 단락 텍스트를 중앙 정렬 할 때 독자가 매우 열심히 일하고 텍스트를 통한 시각적 경로를 유지 하도록 요청합니다 .

짧은 문장, 한두 문장으로 된 단락을 볼 때 이것은 크게 느껴지지 않습니다. 그러나 텍스트가 많을수록 더 나빠집니다.

다음은 텍스트 정렬에 관한 기사입니다.

UX.SE에는 관련 질문이 있습니다. 왼쪽 정렬 텍스트는 일반적으로 중앙 텍스트보다 선호됩니까?

왼쪽 정렬이 옵션이 아닌 경우 (왜 그런지 잘 모르겠 음) 디자인을 다시 생각해야 할 수도 있습니다.

(측면 참고 : 웹에서 리버스 유형도 리더에서 매우 어렵습니다.)

해당 템플릿 을 사용하지 않는 경우 모든 영역에서 단락 텍스트를 왼쪽 정렬하고 왼쪽에서 가상 위치를 사용하여 모두 정렬하는 것이 좋습니다. 예를 들어 콘텐츠 영역을 정의하고 해당 영역 내에서 왼쪽 정렬합니다.

일이 훨씬 쉬워 질 것입니다 ....

2 ~ 3 단락이 적 으면 텍스트에 문제가 없습니다. 센터링은 소량의 텍스트에는 적합하지만 텍스트가 너무 많으면 가독성 문제가됩니다.

이 관점에서, 왼쪽 정렬은 중앙 (또는 오른쪽 정렬)보다 낫습니다.

왼쪽 정렬 텍스트는 단락의 중앙 텍스트보다 읽기 쉽습니다. 텍스트를 중앙에 배치하면 각 줄의 시작 위치가 변경되기 때문입니다. 그러면 사용자는 각 줄이 계속 읽기 시작하는 위치를 찾기 위해 더 열심히 노력해야합니다.

텍스트를 이해하기 위해 과도하게 운동하는 것이 당신의 눈에 비유됩니다. 필자의 개인적인 경우에는 Matlab / VHDL 및 Python C ++와 같은 단어를 주목하면서 시력이 텍스트의 중심으로 끌리는 것을 느꼈습니다. 그들은 나에게 당신이 무엇을하는지에 대한 아이디어를 주지만, 당신은 단지 기술을 나열하려는 것이 아니라 자신을 설명하고 있습니다.

말했듯이 텍스트는 매우 길지 않으며 중앙에 배치하는 것은 디자인 '문장'입니다. 따라서 그렇게 유지 하려면 텍스트를 탐색하는 데 도움이되는 시각적 단서를 추가하는 것이 좋습니다. 예를 들어 일부 단어 나 문구를 굵게 표시하거나 크기를 변경합니다. 색상을 사용하여 언어를 강조 표시 할 수도 있습니다. 모든 텍스트가 동일한 관련성을 갖는 것은 아니므로 모두 동일하게 보이지 않아야합니다.

다른 사람들은 이미 중심 텍스트에 대해 올바른 지적을 했으므로 반복하지 않습니다.

고려해야 할 다른 사항이 있습니다.

• 얇은 세리프 글꼴 (작은 글꼴 크기 또는 다른 얇은 글꼴)은 반전 된 텍스트에는 적합하지 않습니다. 본질적으로 중심 텍스트만큼이나 읽기가 어렵습니다. 오래된 디스플레이 또는 저렴한 장치를 사용하여 텍스트를 전혀 읽을 수없는 사람들을 생각해보십시오.

• 좀 더 개인적인 터치로 글꼴을 사용하면, 빠른로드가 필요한 텍스트가 많은 사이트에는 평범한 Georgia 또는 Times가 적합하지만 2015 년에는 거의 모든 웹 디자이너가 타이포그래피에 집착 합니다. http://www.google.com/fonts/ 에서 글꼴을 확인 하세요. 방문자를 놀라게 할 정도로 읽기 쉬운 serif 및 sans-serif 글꼴이 많이 있습니다. 대비를 사용하고 멋진 글꼴을 페어링하고 다른 가중치를 사용하십시오.

• 나는 웹 사이트가 당신에 관한 것이라고 가정하고 실제로는 내용이 무겁지 않을 것입니다. 메인 페이지를위한 멋진 대형 영웅 이미지 를 만드 십시오. 작업중인 일반적인 장치 나 일반적인 작업 환경의 멋진 사진처럼. 배경 이미지로 설정하고 멋진 큰 텍스트 를 넣으 십시오. 거의 항상 방문자에게 좋은 영향을 미칩니다.

• 텍스트를 구조화 하고 목록을 작성하고 목록을 사용하고 제목을 사용하십시오. 텍스트를보기 좋게 만들 수있는 옵션이 많이 있습니다. 평범한 오래된 둔한 단락은 오늘날 유행이 아닙니다.

일반적으로 쉽게 읽을 수 없기 때문에 많은 양의 중앙 정렬 텍스트를 갖는 것은 좋지 않습니다. 왼쪽 정렬 텍스트 라인 (또는 RTL 언어의 경우 오른쪽 정렬)을 중앙 정렬 텍스트 라인보다 쉽게 ​​추적합니다.

특히 이러한 유형의 정보의 경우 현재 보유하고있는 단락 구조가 아니라 각 기술로 구성된 섹션이있는 왼쪽 정렬 섹션 레이아웃을 사용하는 것이 좋습니다. 짧고 읽기 쉽고 쉽게 확장 할 수 있습니다. 또한 Yisela가 말하는 것과 같은 시각적 신호를 추가합니다.

이것은 매우 거친 예제 와 같이 보일 수 있습니다 .

자신이 얼마나 잘했는지에 대한 참조를 제공하기 위해 이러한 일을 얼마나 오래했는지 시간표를 추가하는 것이 좋습니다. 전문 제목 바로 옆으로 갈 수는 있지만 제목보다 강조 할 필요는 없습니다.

복잡하거나 다양한 내용이있는 경우 제목을 사용하는 것이 좋습니다. 그러나 귀하의 경우 개선 된 단락 구조의 이점을 얻을 수도 있습니다. 예를 들어, 처음 두 단락은 교육을 자신이 누구인지와 연관시키기 위해 참여할 수 있습니다. 전반적으로, 이것은 토론의 흐름을 유지하면서 독자가 당신이 누구인지 더 잘 이해하도록합니다.

내가 쓰고있는 단락은 템플릿으로 사용하기에 좋은 예입니다. 첫 번째 줄로 짧은 진술을 한 다음 비교, 대조 또는 추가 정보를 따를 수 있습니다. 그 다음에는 메시지를 청중에게 더 잘 전달하기 위해 예제 또는 추가 관련 정보를 제공하는 하나 또는 두 줄이 이어질 수 있습니다. 마지막으로, 당신이 한 말에 대한 결론을 내리기 위해 연결 단어로 끝납니다.

다음을 고려하세요:

제 이름은 Stacey이며 유능한 엔지니어입니다. 저는 공학 학사 학위를 취득했으며 지난 5 년간 디지털 시스템을 설계하는 데 필요한 지식과 기술을 제공했습니다. 내가 디자인 한 시스템의 예로는 (...)이 있습니다. 저의 기술 지식 외에도 전문 영어 커뮤니케이션에 대한 정식 교육을받은 영어 원어민입니다.

첫 번째 줄은 당신이 누구이고 무엇을하는지 말하면서 집으로옵니다. 두 번째 줄은 자격을 갖춘 엔지니어가되는 이유를 설명합니다. 세 번째 줄은 기술 전문 지식을 지원하는 예제를 제공합니다. 마지막 줄은 기술 능력을 다른 전문 기술과 연결합니다. 전반적으로이 단락은 개선 된 구조, 흐름 및 품질 레이아웃을 제공합니다.