친 화성 디자이너 : 제약 조건을 사용하는 방법

Jan 19, 2026
어떻게

친 화성 디자이너는 인기가 있습니다 벡터 아트 수단. Mac 및 Windows 버전뿐만 아니라 Serif가 최근에 출시되었습니다. iPad 용 Affinity 디자이너 ...에

요즘 웹 및 앱을 설계하는 경우 여러 장치 및 해상도를 염두에 두어야합니다. 이로 인해 일을 균일하게 유지할 때 여러 개의 예시 및 심각한 두통이 발생할 수 있습니다. 다행스럽게도, 친 화성 디자이너는 제약 조건이라는 것으로이 프로세스를 조금 더 간소화하는 데 도움이 될 수 있습니다.

이 튜토리얼에서는 제약 조건의 펀더멘탈과 그들이 어떻게 일하고 있는지 간략하게 가게됩니다. 아래의 비디오를 보시려면 Affinity Designer의 제약 조건을 사용하기위한 5 가지 필수 팁을 읽으십시오.

또한 우리의 기사를 확인하는 것을 잊지 마십시오 그리드를 사용하는 방법 과 수출 인물을 사용하는 방법 과 펜 도구를 사용하는 방법 ...에

01. 부모 및 자식 개체

parent and child objects Affinity Designer

하위 객체는 상위 컨테이너에 비해 크기가 확장됩니다

제약 조건은 상위 및 하위 객체를 사용하여 작동합니다. 선택한 객체는 '자식'이며 컨테이너를 '부모'라고합니다. 하위 객체는 상위 객체와 비교하여 확장됩니다.

예를 들어, 아트 보드의 크기를 변경하면 자식 개체가 아트 보드에 고정되어 있으면 변경 사항에 응답합니다. 원하는 결과를 얻기 위해 다양한 옵션을 전환해야합니다.

02. 제약 조건 옵션을 토글합니다

affinity designer: contraints

제약 조건을 활성화하여 시작하십시오

제약 조건을 사용하려면보기 & gt; 스튜디오 & gt; 제약 조건. 거기에서 제약 조건 옵션을 보여주는 팝업 메뉴가 나타납니다. 내부 사각형은 자식 개체의 제약 조건을 전환하고 외부 사각형은 상위 객체입니다.

03. 제약 조건을 적용하십시오

Affinity Designer: constraints

이러한 옵션은 콘텐츠 앵커를 대지에 어떻게 지정 하는지를 나타냅니다.

우리가 전에 언급했듯이, 객체를 대지에 고정하면 대지로 크기를 조정할 수 있습니다. 그러나 물체 간 간격을 유지하고 왜곡을 피하기 위해서는 특정 규칙을 설정해야합니다.

이 예에서는 웹 사이트 헤더, 로고 및 메뉴 탐색 작업을 사용하고 있습니다. 헤더 (위의 그림)의 경우 객체의 왼쪽, 오른쪽 및 맨 위에 제약 조건을 활성화했습니다. 즉, 헤더는 아트 보드가 어떻게 확장되는지에 상관없이 대지의 왼쪽, 오른쪽 및 맨 위에 고정됩니다.

사이트 제목의 경우 i 개체의 왼쪽과 맨 위에 제한 조건을 활성화했습니다. 올바른 컨테이너 / 상위 제약 조건을 사용하려면 디자인이 왜곡됩니다. 네비게이션은 비슷하지만 오른쪽 측면이 활성화되어 있으므로 오른쪽에 있습니다. 일단 당신이 이것을 몇 번 연습하면 훨씬 더 의미가 있습니다! 또한 위의 비디오를 보고이 작업을 볼 수 있습니다.

04. 제한된 항목을 붙여 넣습니다

Affinity Designer: pasting designs

디자인을 다른 크기의 아트 보드로 붙여 넣기하면 크기가 조정됩니다.

내 원래의 디자인은 iPad 화면을 기반으로했습니다. 이제 iPhone X 크기의 아트 보드에 붙여 넣을 때 내 머리글, 로고 및 탐색 버튼이 자동으로 좁은 컨테이너에 적용됩니다. 이것은 다른 예술 크기에 걸쳐 디자인과 간격을 균일하게 유지하기 때문에 이것은 훌륭합니다.

05. 제약 조건을 사용할 때

제약 조건을 사용하면 장소에서 주머니를 저장하는 훌륭한 도구입니다. 그러나 나는 당신이 그들을 드물게 그리고 신중하게 사용한다는 것을 알려 드리겠습니다. 그들은 머리말과 바닥 글과 같은 단순한 것들에 대해 훌륭하지만, 어떤 콘텐츠 무거운 디자인 (특별한 이미지)은 약간의 조정이 필요합니다.

자세히보기 :

  • 친 화성 디자이너가있는 레트로 로고를 만드는 방법
  • 전통적인 브랜딩은 죽었습니다
  • 2019 년 6 개의 거대한 로고 트렌드

어떻게 - 가장 인기있는 기사

Adobe Fresco 자습서 : 그림 앱에서 초상화를 만듭니다

어떻게 Jan 19, 2026

(이미지 크레디트 : Phil Galloway) 이 Adobe 프레스코 튜토리얼의 경우, 활기차고 감정적 인 �..

3D 모델을위한 쉬운 포즈 기술

어떻게 Jan 19, 2026

나는 지난 몇 년 동안 애니메이션 디렉터였으며 많은 애니메이터와 함께 일했으며 그들이 자신의..

엑스포로 출발을 점프하십시오

어떻게 Jan 19, 2026

원시적으로 반응하십시오 JavaScript를 사용하여 기본 모바일 앱을 작성할 수있는 플랫폼�..

종이 접기 스튜디오가있는 모바일 앱을 프로토 타입하는 방법

어떻게 Jan 19, 2026

사용자가 웹 및 모바일, 프로토 타이핑 및 사용자 평가에 대한 경험에 대한 기대치가 높은 세계에서는 핵심입니다. 이제는 점점 더 높은 충실도�..

Houdini에서 놀라운 풍경을 만듭니다

어떻게 Jan 19, 2026

노드 기반의 절차 접근 방식을 사용하여 SideFX의 3D 소프트웨어 Houdini는 현저한 수준의 전력, 유연�..

Adobe XD로 모바일 앱을 프로토 타입하는 방법

어떻게 Jan 19, 2026

Adobe XD에서 모바일 앱 프로토 타입을 만드는 방법을 보여주는이 자습서는 함께 사용했습니다...

블렌더에서 멋진 Tileable 텍스처 만들기

어떻게 Jan 19, 2026

페이지 1 / 2 : 페이지 1 페이지 1 ..

현실적인 스포츠카를 만드는 방법 렌더링

어떻게 Jan 19, 2026

지난 몇 년 동안 나는 Maya, Renderman, V- 선 및 정신 광선뿐만 아니라 다른 엔진뿐만 아니라 다른 엔�..

카테고리