본문 바로가기

카테고리 없음

제로베이스 콘텐츠마케팅 22기 :: 5-5. Figma (총 복습!!)


#6. UI디자인 제작과 인터렉션 종합 실습

 

업보다...

 

 

이거 복습임ㅠ 개오래걸림ㅠ 50분 강의인데 4시간 혼자 낑낑댐 ㅠ

 

[아이콘 카탈로그]

아이콘 불러와서 한 아이콘으로 얼마나 많이 베리언스를 주면 될지 복사한다음에

멀티플 컴포넌트로 만들면 variance 만드시겟냐 버튼 뜨는데 그때 그거 누르고 property를 누루면 되는듯?

 

노가다를 통해서... 아이콘 카탈로그 ㅠㅠ 를 만들어보았다 이게 뭐라고 두시간이 걸리냐

 

 

 

진짜 너무 힘듦 노가다같어 인터렉션은 내일 일어나서 해야겠다 ;; ㅠㅠ

 

근데 이거 할때 꼭꼭 중요한거는 Prototype 에서 Overflow를 잘 보고 용도에 맞게 설정해야 한다는 점과

개체에서 저런 카드 만들때 위에 올리고 올리는거는 꼭 Auto layout 적용해줘야 편한거랑

어떤 개체 위에 뭐 올릴때 애꿎게 그룹에 속해버리고 이럴수가 있어서 그럴때는 마우스로 하지말고 자판에 있는 방향키로 요리조리 움직여줘야 편함 안그러면 이상한 개체 안에 들어가버리고 그러더라고

 

 

내일은 광고 이론(?) 같은 강의 들을 수 있을 것 같다

낼은 좀 집에서 요양하면서 할거 천천히 하는 하루가 되길

 

뭐했다고 두시반이야..

 

그리고 화면상 하단바 (움직이면 안되는거)는 prototype 들어가서 position을 fixed으로 놓으면 

이르케

 

 

인터렉션도 완성

 

7. 공유와 협업

#1. 에셋 내보내기

'Export' 

파일들의 종류는 개발자와 상의. ex 이미지 파일 - PNG, icon은 배수가 필요없는 SVG

 

필요한 오브젝트들을 드래그하여 선택하고, 그 다음에 export 해야함. 

안드로이드는 배수 각각 폴더

아이폰은 배수 같이 

 

#2. 팀 라이브러리

- 유료버전 사용

 

 

#3. 피그잼

- 협업툴. 굉장히 귀엽다

 


 

일일 과제 5/18

 

1. K팝, 발라드 노래 가사 중 인상 깊은 가사 2개 수집하고 짧게 이유 작성하기

2. 매력적인 광고 카피 중 인상깊은 카피 1개 수집 하고 짧게 이유 작성하기

3. 현직자 멘토님과 발표 및 멘토링!! 


 

 

1. K팝, 발라드 노래 가사 중 인상 깊은 가사 2개 수집하고 짧게 이유 작성하기

 

저기서 멀리 들려오는 너의 음성은 영화 속 한 대사 같은데 (백현 - Love scene) - 사랑에 빠진 순간을, 내가 영화를 보다 영화의 한 장면에 빨려들어가는 찰나의 느낌과, 상대방인 '너'가 그 장면 안에 있다는 가사가 어떤 이미지를 생각나게 해서 정말 좋다. 

 

발자국에 아쉬움 꾹 묻어둔 채로 (하양 - 유라, 헤이즈)  - '발이 쉽게 떨어지지 않는다', '선뜻 떠나지 못하겠다'는 표현을 발자국을 꾹 찍는다는 심상으로 풀어내고, 그 안에 아쉬움이라는 감정을 넣는다고 연상해보면 정말 예쁘고 슬픈 문장같다.

 

2. 매력적인 광고 카피 중 인상깊은 카피 1개 수집 하고 짧게 이유 작성하기

 

하고 싶은 거 한 둘이 아닌데 매번 진땀 뺄 순 없잖아? 가볍게 흘리고, 가볍게 채워봐 가벼운 일상 이온보충 토레타 "우리의 갈증은 가벼워도 괜찮아!" (토레타) - 그간 박보영이 메인으로 이어온 토레타 광고를 윈터가 했는데, 포카리스웨트와 확실히 차별화를 두었다는게 비주얼(금발!!)로도 느껴진다. 마냥 청순한 것만이 아니라 발랄하고 귀여운 이미지를 넣어, 이것저것 다 하고싶은 사람들 모두 잡은 것 같다. 포카리스웨트는 파랑파랑, 자연, 에너지, 운동(스포츠), 멋있는 일, 전문가스러운 일들... ! 를 강조했다면, 토레타는 초록색, 과일, 에너지를 강조하면서도 내 공간, 내 취향, 내가 하는 일, 소소한 것을 강조했다.