라인 디자인을위한 6 가지 팁
오늘 우리는 가장 간단한 디자인 요소 중 하나 인 선을 살펴 보겠습니다. 라인을 올바르게 구현하는 방법과 구현할 때 피해야 할 사항을 배웁니다.
디자인에 몇 가지 간단한 선을 추가하면 지루한 디자인에 구조와 그래픽 감각이 생길 수 있습니다. 효과적으로 사용될 때 디자인을 마무리하는 레이어를 추가하는 효과가있는 것은 단순한 간단한 방법입니다.
Envato Elements 살펴보기
# 1 : 밑줄 사용
타이포그래피 플레이 북에서 가장 기본적인 트릭 인 밑줄로 시작하겠습니다. 밑줄이 그어진 헤드 라인은 더 무겁고 헤더와 바디 사이에보다 명확한 분리를 제공합니다. 이것들은 반드시 긍정적이거나 부정적인 속성이지만 더 중립적이라는 것을 명심하십시오. 당신은 당신이 가고있는 모습에 따라 그들의 존재가 좋은지 나쁜지를 결정해야합니다.
선이 두 요소 사이의 구분자 역할을 할뿐만 아니라 열 너비를 정의하는 데 어떻게 도움이되는지 확인하십시오.
밑줄로 나를 괴롭히는 한 가지는 줄에 충돌하는 자손을 포함하는 문자가있을 때 생성되는 시각적 혼란입니다. 이것에 대한 공식적인 규칙은 없지만 나는 그것이 너무 혼란스럽고 모든 잘못된 장소에 대한 시청자의 관심을 이끌어 낸다는 것을 알았습니다.
그렇다면이 문제를 어떻게 해결해야합니까? 가장 쉬운 옵션은 분명히 내림차순과 밑줄을 함께 사용하지 않는 것이지만 내 취향에 너무 제한적입니다. 대신, 내가하는 일은 일반적으로 밑줄 버튼을 클릭하는 것과 달리 선을 그려 수동으로 밑줄을 만든 다음 내 선손과 충돌하는 선 부분을 마스크 처리하는 것입니다.
위의 예에서 볼 수 있듯이 이것은 이전 예보다 훨씬 좋고 시각적 복잡성이 훨씬 적습니다. 마지막 "g"다음에 약간의 연선이 마음에 들지 않으면 마지막 자손에서 밑줄을 멈출 수 있습니다 (마지막 문자에 자손이 포함 된 경우에만 해당).
그것을 연장
밑줄은 텍스트 너비와 맞지 않아도됩니다. 때로는 페이지 전체에서 또는 심지어 밑줄을 밑줄로 확장하는 것이 흥미 롭습니다.
밑줄을 확장하면 음수 공간에서 줄을 즐겁게 사용할 수있는 방법을 생각해보십시오. 난기류를 줄 수 있고 원하는 모양으로 구부릴 수 있습니다!
아래의 디자이너는 확장 된 밑줄을 끝내고 점으로 마무리했습니다. 이를 통해 오른쪽의 모든 콘텐츠에 연결되는 느낌을주고 평범한 라인에 멋지지만 미묘한 관심을 추가 할 수 있습니다.
# 2 : 선을 끊다
항상 실선을 그리는 함정에 빠지지 마십시오. 대시, 점, 삼각형, 별 및 기타 원하는 것을 사용하여 원하는 선을 만들 수 있으며 여전히 같은 목표를 달성 할 수 있습니다.
이 디자이너가 헤드 라인 중앙에 정렬 된 점선 리넨을 사용하여 명확한 섹션을 만드는 방법을 확인하십시오. 텍스트가 여기에 가운데 정렬되지만 선이 기능적으로 헤드 라인의 시각적 경계를 열의 왼쪽 및 오른쪽 가장자리로 확장하기 때문에 디자인이 정당화됩니다.
# 3 : 유형 측면
공식적인 테마를 사용하려는 경우 헤드 라인 상단에서 밑줄을 반복하면 오래된 스타일의 인쇄 느낌이 생길 수 있습니다. 이 스타일을 볼 때 항상 신문 머리글을 생각합니다.
형식적인 느낌을 줄이려면 다른 방식으로 줄을 엇갈리게 배치하여 덜 구조적으로 보입니다. 또한 정적 페이지에서 움직이는 느낌을주는 편리한 효과입니다.
# 4 : 세로로 이동
지금까지 우리는 가로선에 중점을 두었지만 세로선을 사용하여 디자인에 창의적인 창의성을 더할 수 있습니다. 아래의 디자이너는 서체의 세로줄을 아주 과장하여 페이지의 나머지 부분에 적용 할 수있는 멋지고 응집력있는 테마를 생성한다는 사실 외에는 다른 이유도 없었습니다.
분명히, 세로선을 조금 더 전통적인 방식으로 사용하면 단순히 두 개의 콘텐츠 열을 분리하는 것입니다. 이것은 유형 또는 이미지와 함께 사용될 수 있으며 어색한 간격없이 열 사이에 많은 공간을 둘 수 있습니다.
# 5 : 대각선 이동
정말로 페이지가 열광적으로 보이게하려면 컨텐츠를 대각선으로 기울입니다. 이것은 일반적으로 규칙을 어 기고 경계를 뛰어 넘는 젊고 흥미로운 디자인에 깊은 인상을줍니다.
내용을 기울이면 약간 무작위로 보일 수 있지만 아트웍에서 선을 연장하면 의도적으로 보이고 실제로 효과가 나타납니다. 부끄러워하지 말고 실제로 회전을 돌리고 진술을 할 정도로 선을 늘립니다.
대각선 효과는 위와 같이 레트로에서 영감을 얻은 디자인에 특히 좋습니다.
# 6 : 고 너트
이곳은 내가 쉽게 이해하라고 말해야 할 곳입니다. 하나 또는 두 개의 간단한 라인은 디자인에 많은 것을 추가 할 수 있으며, 효과를 너무 멀리하면 미적 매력을 완전히 없앨 수 있습니다. 그러나 오른손에 위의 팁을 조합하면 최종 제품이 날카 로울 수 있습니다.
David Fooks의 아래 디자인은 수많은 라인 작업을 사용합니다. 그는이 작은 영역에서 점선, 실선, 직선, 곡선, 경계선 및 다이아몬드를 끝 부분에 결합합니다. 전체적인 효과는 어수선하지 않고 추악하지 않고 대신 매우 고급스럽고 아름답습니다!
내 조언은 단순히주의를 기울이는 것입니다. 다른 디자인 요소와 마찬가지로 선은 선악에 사용될 수 있습니다. 필요한 경우 구속을 사용하고 항상 추가 된 선이 있거나없는 설계를 확인하여 실제로 설계에 가치를 더하고 있는지 확인하십시오.
영감
웹 디자인에서 이러한 라인 아트 워크 사용을 확인하여 다음 디자인에 일부를 통합하는 방법에 대한 아이디어를 얻으십시오.
CarbonAds
기록을 위해
에반에 커드
쿨과 가이드
파인애플 도둑
DesignSwap
대상
결론
이 토론의 목적은 옛 친구를 다시 한 번 살펴보고 디자인을 심미적으로, 구조적으로 또는 두 가지 모두로 강화할 수있는 위치를 신중하게 고려하는 것입니다.
간단한 라인을 강력하게 사용하는 디자인이 있다면 아래에 링크를 달아 주석을 남겨서 확인하십시오! 또한 위의 예에 대해 어떻게 생각하는지 알려주십시오.
