UI 디자인과 아트의 기본 기술! 선과 면에 대해 이야기해 볼까요?

점, 선, 면은 그래픽 디자인의 기초이며, 기본 지식은 디자이너의 향후 성장에 매우 중요합니다. 아무리 표현기법과 형태가 좋아도 디자인의 기초와 원칙이 없으면 문제가 생기기 마련입니다. 디자인에 있어서 실용적인 이미지는 사람의 생각과 감정을 고취시키고 정보를 전달하는 시각적 언어 역할을 합니다. 모든 시각예술에 없어서는 안 될 부분입니다. 평면 구성은 인식을 기반으로 합니다. 오랜 연습과 이해의 과정에서 사람들은 시각적 이미지를 구성하는 조형 요소가 점, 선, 면이라는 것을 발견했습니다.

함께 알아볼까요!

1. 점, 선, 면의 기본 기능

점 - 점은 사진의 분위기를 장식하고 풍부하게 해주는 요소입니다(아래 사진 왼쪽 1)

선 - 선은 페이지를 연결하고 비전을 안내하며 그림을 풍부하게 합니다(아래 그림 중앙)

표면 - 표면은 정보의 전달자이며 그림을 나눕니다(아래 그림의 오른쪽 1) )

2. 점은 어떤 특징을 가지고 있나요?

넓은 공간에 비해 작고, 흩어져 있고, 멀리 떨어져 있고, 작고 조밀하다.

인생의 포인트를 살펴보세요:

(가세요, 별이 빛나는 하늘)

(빗방울, 종소리)

3. 변화 포인트 -1

포인트는 형태학적 특성이 다르며 사람들에게 다양한 시각적 경험을 제공합니다.

도트가 너무 크거나 작으면 시각적 경험이 달라집니다. 점이 클수록 면이 되고, 면이 작을수록 점이 됩니다.

포인트 변경 -2

사진 속 포인트의 위치와 방향은 매우 중요하며 사진의 시각적 경험과 방향에 영향을 미칩니다. 반대로 상대적으로 작은 것은 점이 됩니다.

사진에는 점이 존재하며 그 수는 시각적 경험의 강도에 영향을 미칩니다. 깔끔한 점들이 촘촘해질수록 선이 됩니다.

특정 변화를 겪는 점은 선일 수도 있고 표면일 수도 있습니다.

4. 도트의 디자인 적용

사진 속 오렌지색 빵의 단단함과 공백, 사물의 명암은 도트의 밀도와 밝기에 대응됩니다. 점은 단순한 원점이 아니며 때로는 물리적인 물체도 점이 될 수 있습니다.

같은 텍스트의 크기를 비교해도 작은 것이 포인트입니다. 점의 유연한 특성을 활용하여 하나의 그림을 유연하게 만듭니다. 이것이 포인트의 대비입니다.

녹색 점이 없어도 페이지는 여전히 크고 우아합니다. 작은 녹색 하이라이트를 추가하면 그림의 시각적 경험이 향상되어 페이지가 더 투명해지고 레이어가 더 풍부해집니다.

생기 넘치는 캣킨을 제거하고 나니 사진의 분위기가 사라진다. 아직 현장을 이끄는 몇몇 대사가 있음에도 불구하고 분위기는 약해진다.

얘기해보자

대비는 점을 의미한다

점은 단독으로 존재하지 않는다

점은 그림과 레벨을 풍부하게 하는 데 사용된다< /p >

점은 페이지를 가볍게 만들고 페이지에 속도감을 줄 수 있습니다.

이 점 외에도 더 많은 기능이 있습니다.

5. 선의 특징은 무엇인가요?

가늘고 길며 곡선, 비스듬함

생활 속의 선:

그래픽 디자인의 선:

6. 선의 변화

p>

△ 점, 선, 면의 전이 관계

선은 위치를 가지지만 길지만 넓지도 두껍지도 않습니다. 점의 이동 궤적이자 표면 가장자리와 표면 사이의 교차점입니다. 모델링 관점에서 선은 특정 폭으로만 표현할 수 있습니다. 세 개의 점, 선 및 표면은 자체 변경을 통해 서로 전환될 수 있습니다.

화면에서 선이 어느 정도 굵어지면 이를 표면으로 간주합니다. 점, 선, 면은 절대적으로 존재하는 것이 아니라 상대적으로 존재합니다.

7. 보이지 않는 선과 눈에 보이는 선

먼저 조판 시 선을 살펴보면 세 가지 경우 모두 기하학적인 선이 없다는 것이 분명합니다. 그래서 나의 정의는 보이지 않는 선입니다.

검은색 막대를 보면 쉽게 찾을 수 있습니다. 텍스트의 길이와 높이도 기하학적 선의 변화에 ​​해당합니다.

두께와 길이 사이에 대비가 없기 때문에 레이아웃이 종종 보기 흉해 보이는 이유는 무엇입니까? 선은 단일 선일 수도 있고 요소일 수도 있습니다. 점은 텍스트일 수 있고 선도 마찬가지입니다.

줄이 보이시나요? 잘 안보이시면 아래 사진을 보세요.

흰색 선을 통해 사진 속 선이 시선임을 찾는 것은 어렵지 않습니다. 캐릭터의 시선은 우리의 시선을 텍스트로 향하도록 안내합니다

△ 그림 속 가시적인 선

케이스에서는 선명한 선이 그림에 속도감을 주고, 레이어링과 풍부함.

8. 라인의 일반적인 적용

정보 분류(왼쪽 1), 중요성 강조(오른쪽 1); 디자인을 장식하면 그림이 부드럽고 빠르며 조용해질 수 있습니다. 단지 선을 추가하기 위해 선을 추가하지 마십시오.

선의 응용이 많기 때문에 하나하나 예를 들지는 않겠습니다. 잘 관찰하시면 이해하실 수 있습니다.

9. 표면의 특징은 무엇인가요?

불규칙성, 기하학적 모양, 우발성

삶의 표면:

표면의 변화

표면은 기하학의 선입니다 움직이는 궤적, 점, 선, 면은 상대적으로 존재합니다.

표면 유형 -1

△ 직선 표면

정사각형, 안정됨, 질서정연함 및 간결함과 같은 직선의 시각적 특성을 갖습니다. .

△ 곡면이

캐주얼하고 편안하며 부드러운 느낌을 줍니다. 완벽한 원은 밋밋해 보이고, 편원형은 변화하는 곡선을 보여 미적 감각이 더 좋습니다. . 또한, 불완전함은 아름다움을 잃지 않는다

면의 종류-2

△ 자유곡면 면

독특하고 캐주얼하며 우아함과 부드러움을 선사한다 그리고 따뜻한 감정.

△ 우연적 측면

특별한 방법으로 구성된 예상치 못한 형태, 매우 독특한 시각적 효과. 예를 들어 잉크 얼룩, 물 튀김, 쏟은 커피 등

10. 무형의 얼굴과 유형의 얼굴

얼굴을 찾았나요? 아니, 아래를 보세요.

케이스에 그려진 검은색 블록에서 사람과 사물이 우리의 그림을 둘로 나누고 있음을 발견하는 것은 어렵지 않습니다. 면적이 페이지의 50%를 초과하는 경우 그림에서 이러한 개체, 사람 또는 요소의 면적 비율이 50%를 초과하면 표면입니다. 그리고 기하학적인 면만큼 명확하지도 않아서 보이지 않는 면이라고 부릅니다.

11. 디자인의 유형적 표면

케이스에 그려진 검은색 블록에서 기하학적 표면이 사진을 구분하고 계층감을 만들어낸다는 것을 어렵지 않게 발견할 수 있습니다. 또한, 정보 전달 수단으로도 사용할 수 있어 그림에서 텍스트를 더욱 명확하게 표현할 수 있습니다.

12. 뛰어난 디자인의 점과 선, 면을 살펴보겠습니다.

색연필로 그린 선이 너무 아름답습니다. 무지개가 정상이라면. 따라서 요소가 선이 되는 경우에도 좋은 생각입니다.

선은 시야를 안내하는 데 사용되며 점에도 미묘한 변화가 있습니다. 계층적 관계는 명백하다.

경사면은 그림을 분할하여 전통적인 평면을 깨고 그림을 역동적이고 페이지 주제와 일치시킵니다.

13. 점, 선 및 표면 검토

점 - 그림의 분위기 장식, 풍부한 레이어 및 대비되는 크기

선 - 안내 시각적 방향, 링크 정보

표면 - 그림 수준 분할, 정보 전달

점, 선 및 표면은 서로 연결되어 상대적으로 존재합니다. 독립된 존재의 상실은 없습니다.

마지막으로 자기 개선이 필요합니다

더 많이 관찰하고, 더 많이 생각하고, 더 많이 행동하세요.

관찰 - 사물의 점, 선, 표면, 색상 및 빛을 관찰하세요. 훌륭한 작품, 품질, 레이아웃 및 기타 요소

생각 - 왜 이 일을 해야 하는지, 그렇게 하면 얻을 수 있는 이점을 이해합니다.

더 많은 일을 하십시오 - 잘하는 것과 그것을 하는 것은 두 가지 선택입니다. 그것은 당신에게 달려 있습니다

이번에는 점, 선, 면 등 미술의 기본 기술에 대해 더 많이 배웠는지 궁금합니다. 좀 더 체계적으로 UI를 익혀야 한다면 Q1289916063을 추가하고 기본적인 핸드드로잉부터 처음부터 시작하면 됩니다.