F#7 Layer.stateCycle()로 두더지 잡기

   F#6을 포스팅하면서 머릿속을 스쳐간 ‘두더지 잡기 게임’을 간단하게 만들어 보았다. 이번에 유용하게 쓴 코드를 세 가지 추려 본다면 이것이다. Utils.randomNumber() Utils.delay 숫자, -> Layer.stateCycle() #LAYER 레이어는 가로로 3개를 먼저 반복시켜주고, 3개 묶음을 다시 세로로 3회 반복시켜 총 9개의 홀에서 두더지가 튀어나오도록 했다. for i in [0…3] gameBox = new Layer width: 280 height:…

Read More

Sketch Meetup 후기

이상용 디자이너를 주축으로 한 스케치 밋업은 Sketch App 를 좀 더 심도 깊게 사용하고자 하는 디자이너들의 갈증으로 시작되었고 점차 그 규모를 키워가고 있다. 이끼마우스 이상용 디자이너가 제안하는 디자인 시스템은 내가 팀 내의 디자인 시스템을 개선하려는 계기가 되기도 하다. 디자인파일을 UI KIT로 만들 수 있는 라이브러리를 제작하는 단계에서부터 오늘날 많은 회사들이 시도하고 있는 디자인 시스템의 이야기까지.…

Read More

멀티 소사 디자이너다

내가 디자인을 시작할 즈음엔 UI, UX, GUI, BX 등의 개념은 고사하고 모바일 환경도 낯선 시절이었다. 그래서 예전엔 ‘UX디자인이란 무엇인가’ 대신 ‘디자인이란 무엇인가’혹은 ‘디자이너는 무엇을 하는 사람인가’라는 원론적이고 추상적인 질문이 많이 오갔다. ‘화면을 아름답게 꾸며주는 것’, ‘표현하고자 하는 것을 시각적으로 보여주는 사람’ 등등, 답도 원론적이다. 그 당시부터 디자인을 시작했던 사람들은 지금쯤 큰 그릇을 가진 사람이 되어…

Read More

F#6 medium 박수치기 버튼 만들기

카운트 올리는 코드를 완성하고, 미디엄 박수 버튼에 응용해 보기로 했다. 미디엄의 박수치기 버튼은 일반적으로 사용하는 좋아요 버튼(좋아요/ 좋아요 취소의 두 가지 케이스 토글 스위칭)과는 달리, 내가 마음에 드는 대로 박수치는 횟수를 더해줄 수 있다는 것이 특징이다. 아주 마음에 드는 포스트에는 열 번이고 스무 번이고 박수를 쳐 주는데, 메타포의 의미와도 잘 부합하는 것이 상당히 매력적인 기능이라…

Read More

F#5 클릭했을 때 숫자 카운트가 증가하는 버튼 만들기

이번에는 Framer로 아주 간단한 버튼 클릭 이벤트를 만들어보았다. 버튼을 클릭하면 카운트가 올라가는 것이다. medium의 박수 버튼을 신명나게 누른 것이 동기가 되었는데, 일단 간단한 코드부터 명확히 한 다음 실제로 박수치기 버튼을 만들어 보려 한다. Layer, State, Event중에 State는 필요하지 않고 나머지 두 가지에 대해서 세팅했다. #Layer 너무 간단하기 때문에 글을 쓰는 것 조차 민망하지만, 원하는 결과가…

Read More

영화 최악의 하루

비가 세차게 퍼붓는 주말. 전날 새벽까지 영화를 보다가 그대로 거실에서 잠들었다. 덥고 습한 기운은 몸을 찌뿌드드하게 만들기에 늦은 아침 눈만 떠 졌지 일어나기도 앉아있기도 귀찮은 어떤 그런 날이었다. 오늘은 프레이머 코드를 짜 보겠노라고 다짐해 놓고도, 방으로 들어가는 앉는 것 조차 귀찮았다. 한 뼘이라도 움직일 때의 끈적끈적한 느낌은 4계절 중 가장 싫어하는 느낌이다. 이대로 누워서 할…

Read More

사촌 동생아 꼭 작가가 되어라

‘다시, 부산’ 이라는 매거진이 무릎 위에 있다. 내 사촌동생 장은비는 홀로 여행을 자주 하며 전국구로 활동한다. 야구도 좋아하고, 사진 찍는 것도 좋아하고 독서와 글쓰기도 좋아한다. 또한 먹는 것도 좋아한다. 다소 자유로운 영혼이라는 것까지 나와 아주 비슷한데, 다만 혼자 여행할 수 있는 시간적 여유와 용기는 나에게 없는 점이다. 그 부러운 이야기를 해 보겠다. 동생이 부산 여행을…

F#4 lottie animation을 Framer에 적용하기

Lottie Animation에 대해서 정리한 글에 이어서, 이번에는 lottie animation을 활용하여 Framer에 적용해 보겠다. 아래 데모 영상의 애니메이션은 회사 프로젝트 중 어그러진 작업물이라 부분적으로 올려 본다. 음성 명령과 사운드검색을 장면 전환 없이 한 화면에서 동작해볼 수 있게 프로토타이핑 한 것이다. 그럼 시작. 첫번째로 Illustrator에서 오브젝트를 제작한 후 After Effect에서 애니메이션을 제작, BodyMovin 플러그인을 이용하여 json data파일을…

Read More

글쓰기의 힘

세상을 바꾸는 시간 15분. 작가 김민식이라는 사람의 강연을 듣고 있다. ‘여러분, 저는 괴로울 땐 글을 씁니다’ 밝고 또렷하고 자신감 넘치는 목소리의 주인공이 누군지 궁금해져서 검색을 해 보고 굉장히 놀랐다. 작년에 페이스북에서 김장겸의 퇴진을 외치며 라이브 방송을 내보내던 바로 그 사람이었다. 당시에 MBC는 더이상 신뢰할 수 없는 언론사로 전락해 있었고, 사장의 퇴진을 요구하던 직원들은 부당하게 해고…

Read More

소확행

흙길 양 옆으로 나 있는 들판 들판 사이로 걷기 시원한 바람 맞으면서 아무 생각 하지 않기 겨울 나무 한 그루가 우두커니 서 있는 눈밭 쌓인 눈의 눈부심 반짝반짝 빛나는 눈 눈밭에 발자국 처음 내 보기 아빠랑 밤나무 아래서 돗자리를 깔고 별자리를 배웠던 기억 새로운 음악을 찾아보는 것 시간이 많은 것 책이 술술 읽혀서 금방 다…