디자인공부 2

10/7 Figma 뽀개기 1주차(컴포넌트 활용해 토스앱 디자인하기)

Ami Design TV 에서 플러그인 활용하기 바로 다음 영상으로 있는 컴포넌트 활용에 대해 학습! 쉽게 말해 xd 에서 썼던 것(이름이 정확히 기억안난다)의 축소판. 하나를 변경하면, 그거랑 연결된 다른것들도 변경되게 만들 수 있는 도구라고 보면 된다. 요즘 제일 관심가는게 토스였는데(ux 적으로든, 비즈니스 적으로든) figma 배운지 얼마되지 않아 토스 앱 디자인을 해본다는게 감회가 새로웠던듯. (물론.... 만드는데 좀 오래걸렸지만..ㅎㅎ) 1. Iconify로 아이콘들 다운 받기, figma community에서 아이폰 상단 툴바 다운 피그마 스터디를 통해 알게된 iconify를 활용해서 최대한 많은 ui 아이콘들을 가져왔다. (완벽히 똑같진 않더래도) 사람모양같은 경우는 아이콘을 가져오려고 ..

디자인공부 2021.10.07

10/6 Figma 뽀개기 1주차(기본 툴 이용, 주요 플러그인)

이번주부터 본격적으로 코딩동아리 KUCC에서 하는 Figma 스터디가 시작. 이 스터디에서 진행되는 내용을 넘어서, 유튜브로 계속 학습을 해나가야겠다고 생각을 했다. 남들 시험기간 동안에 빡세게 배워서, 솝커톤 때 와이어프레임 그리는거나, 기초적인 디자인할때 좀 도움될 수 있게끔하고 싶은.. (ppt 만드는거에 대한 막연한 두려움도 깨고 싶구!) 1. 기초 툴 이용, 단축키 사용 기초개념 캔버스: 쉽게말하면 큰 도화지(회색평면) 프레임: 큰 도화지중에서 내가 작업할 공간-> 나중에 tip이지만, 만든 이미지 export 할때, 이미지 요소가 프레임안에 없으면 그 요소는 포함 안되어서 export 될 수 있으니 유의. 레이어: 요소들간 순서, 구조 등이라고 이해하면 될듯. 특정 요소 구조 안에 위치하게 만..

디자인공부 2021.10.07