158note

오토레이아웃은 자동으로 텍스트 수에 따라, 배열에 따라 도형의 모양이 적절하게 변환된다. 진짜 그냥 그리게 되면 매번 텍스트, 도형 따로 따로 되어 있어서 수정할때마다 조정하는거 매우 수고로운데 그걸 극복하게 해주는 기능! 특히 디자인 다했는데 사이즈가 조금 달라졌다거나 하면 매우 편해지는 기능으로 생각된다. 즉, 변동의 여지가 많을때 사용하면 좋음 어떻게 쓰냐면 텍스트를 만들고 우클릭해서 add auto layout 하거나 shitt +A 단축키로 만듬 만들고 나면 오른쪽 패널에 auto layout섹션이 보임 옆에 Alignment and padding에서 패딩값과 정렬을 설정해서 패딩값을 넣어주고 fill,stroke,frame으로 버튼 형태를 정하면 끗 그러면 다양한 형태 변환가능 텍스트를 2줄로..

제가한번해볼께요/Figma 2022. 2. 26. 19:25

피그마 쓰면서 제발 쓰고 싶었던 기능!!!~! 피그마 그냥 대에충 쓰고 있었는데 이 기능을 쓰고 싶어서 강의까지 찾아봄ㅠㅜ 컴포넌트 반복해서 쓰는 ui규칙들을 정의해서 규격화 하는 것. ㄴ 화면을 새로 만들때 정해진 ui들을 붙여넣기 해서 빠르게 만들 수 있음 ㄴ 기획자 입장에서는 아름다울 필요는 없고 정의만 되면 되는데 매번 그리기 피곤해서 피그마를 프로토타이핑 툴처럼 쓰고 싶었다 (개인적) ㄴ 컴포넌트 정해두면 한꺼번에 모든 화면에 해당 ui를 수정 할 수 있음 그럼 어떻게 쓰는 거지! 선택하고 위에 마름모 4개짜리 누르거나 단축키 그리고 이걸 복사해서 사용하면 되는데 복사된 복사본은 인스턴스라고 부름 즉 원본 = 컴포넌트 / 복제본 = 인스턴스 컴포넌트를 수정하면 같이 수정됨 인스턴스를 수정하면 인..

제가한번해볼께요/Figma 2022. 2. 26. 13:00

스타일가이드 프로젝트에서 사용되는 모든 스타일과 규칙이 명시된 가이드 서체 - 서체종류 - 서체 주요 컬러 - 서체 세팅값 - 본문용, 제목용, 버튼용 컬러 - primary color - secondary color - mono color stroke - 옵션 - 굵기 - 컬러 effect - 그림자(엘레베이션) 이미지 소스 spacing -2,4,8의 배수로 디자인 (가장 많이 쓰이는 : 16,24,36 기준으로 칸수 정함) -간격(마진,패딩) 규격에 맞춰 진행 예를 들면 피그마는 이런 디자인 시스템을 저장할 수 있도록 지원하고 있다. 그럼 어떻게 저장하고 세팅하는데? 타이포 - 아래 순서대로 등록/수정 가능 컬러,이펙트 등도 각각의 오른쪽창에서 동일한 방식으로 저장하고 사용/수정/삭제 가능 레이아웃..

제가한번해볼께요/Figma 2022. 2. 25. 16:22

요즘 배움에 대한 텐션이 다시 올라가서 이것저것 쑤셔보고 있습니다.전부터 공부해야지. 공부해야지 했는데 회사에서 스터디를 시작한것!참석하려했지만 소수정예라 추첨에서 탈락했습니다.다음 기수를 기다리다가 당장해보고싶어 무료강의로 유튜브에서 연정's Figma라는 강의를 발견했습니다. 아직 만들고 싶은 형상이 구체화되지 않았기 때문에, 기초 기능들을 조금씩 배워보려고 합니다. TIStory 블로그도 운영중이신듯 합니다.designer-story.tistory.com/category/YouTube%20%EC%97%B0%EC%A0%95%27s%20Figma'YouTube 연정's Figma' 카테고리의 글 목록유튜브 채널 연정's Figma의 블로그입니다. @UCXCKPZOlZzp5JSEwOsuT9kgdesign..

제가한번해볼께요/Figma 2020. 12. 24. 19:18

텍스트 또한 전체 커뮤니케이션에 주요한 요소로 보여지기 때문에 중요한 요소이다! 글자모양 선택하기! 1. 다양한 사이즈 + 한글 모바일 글자체의 기본은 고딕체(산쉐리프체) 입니다. -APPLE: Apple SD Gothic Neo 고딕체 ( 샌프란시스코서체) : 한글은 산돌 -ANDRIOD : Source Han Sans 고딕체 : 한글은 본고딕 모바일에서는 좁은 공간에서 보여지기 때문에 쉐리프가 없는 폰트를 선택하는 경우가 많습니다. 2. 사용자의 목적을 생각하자 다양한 폰트가 있고, 이에 따른 이용방식이 다르지만 다양한 목적에 따라 다르게 보여질수 있다. - 미디움 : 텍스트 정보 전달 서비스 제목 : 고딕제 (제목강조) 내용 : 명조체 (편하게 읽기) - 구글뉴스 : 텍스트 정보 전달 서비스 제목/..

제가한번해볼께요/Figma 2019. 5. 19. 22:58