Designer's Archive

최근 약 20일간 나의 작심삼일을 깨게 해준 고마운 앱이 있어 소개 해본다. 제목에서 알 수 있듯이 요가 앱이다. 이전에는 Headspace 같은 명상 앱은 사용 해봤는데 요가 수업 영상을 제공하는 앱은 처음 사용해본다. 앱스토어에서 우연히 발견했는데 로고의 견상자세를 하고 있는 멍멍이 그림이 너무 귀여워 눈길이 갔다. 다른 웰니스나 운동 앱들 보다 눈에 확 띄었다. 역시 귀여운게 최고! 오프라인 요가 수업도 최근 원데이로 체험도 해봤지만 미리 예약 해야하고 못가게 되면 미리 취소 하는 것도 기억해야 하는게 좀 귀찮았다 (벌써 별게 다 귀찮은 나이인가...🥲) 막상 오프라인 요가 세션을 가면 너무 좋고 힐링 되고 여럿이서 함께 호흡을 나누고 티처의 섬세한 가이드가 도움이 많이 되서 온라인이랑 비교 하기는..

위로하는 말 말고 마음을 담은 음식, 그림, 글 comfort food comforting words comforting drawings meditations

안녕하세요 ! 오늘은 피그마 컴포넌트 속성 (Property) 기능을 사용하는 간단한 예제를 보여드리겠습니다 ^^ 컴포넌트 프로퍼티는 서비스의 디자인 시스템이 고도화되고 사용되는 컴포넌트들이 다양해질 때 유용하게 사용되는 피그마 기능인데요! 저도 최근까진 단순히 컴포넌트들을 독립적으로 만들고 최대한 컴포넌트들이 일관성있게 유지되게 수작업으로 해주는 방법밖에 사용해보지 않았는데, 컴포넌트가 많지 않으면 괜찮지만 비슷한 모양의 컴포넌트들이 많아지고, 디자인 수정사항이 자주 발생할 경우 또 일일히 맞춰줘야하는 번거로움이 있는데, 컴포넌트 프로퍼티를 이용하면 훨씬 효율적으로 작업할 수 있고, 너무 많은 컴포넌트를 각각 관리해주지 않아도 되는 장점이 있습니다. 처음에 개념을 이해하는 것이 조금 어려웠지만, 예제로..

역삼 쪽 맛있는 샐러드를 파는 슬로우앤로! 주소: 서울 강남구 언주로85길 32 1층 슬로앤로 역삼1호점 매주 일요일 휴무 역삼역 1번출구에서 5분 정도 걸어야하는 위치에 있다 역삼역 1번출구 근처에 정말 맛있는 샐러드 맛집 검색해보니 남영역 쪽에도 지점이 있다. 역삼1호점인 것을 보니 앞으로 더 다양한 지역에 지점이 생길 것 같은 느낌이다! 내부는 그렇게 크지 않고 혼자 먹을 수 있는 자리도 마련되있어서 편하게 식사 할 수 있다. 주문은 들어오자마자 있는 키오스크에서 간편하게 하면 된다! 샐러드 메뉴가 웜 샐러드, 콜드샐러드, 파스타샐러드, 그리고 요거트 같은 디저트 류등 다양하게 있다. 자주가도 메뉴를 매번 다른 걸 먹을 수 있어 안질릴 것 같다! 최근 자주 갔는데 첫날 먹은 메뉴는 부리또볼이었다. ..

하루종일 틀고 싶은 노래 발견.. ❤️ 시작부터 끝까지 가사까지 너무 좋다 스포티파이를 한동안 안쓰다 오랜만에 재구독 시작했는데 이렇게 좋은 노래를 발견하게 되서 행복하다. 스포티파이는 확실히 앱 디자인이 너무 예뻐서 음악 듣는 맛이 난다. 오랜만에 쓰니까 더 좋아진 느낌적 느낌 노래 배경에 짧은 영상이 깔리는 것도 분위기 취향저격이고.. 유튭으로 주로 음악을 많이 듣지만 스포티파이로 갈아타야겠다! 그리고 요즘 수채화에 꽂혔는데 이렇게 수채화로 그려진 새가 날개짓하는 영상도 넘 예쁘고 노래 하나로 일상의 상막함을 조금이나마 적셔주었다 ㅎㅎ https://open.spotify.com/track/5m9OR6G4lNt9Da6dy1xpHx?si=2HfLleGTQTW2zn8d_Ua1YA Never Gonna B..

무언가를 사람들의 머릿속에 남게 만드는 것은 매우 어려운 일이다. 매순간 우리는 무수한 정보를 의식적으로 또는 무의식적으로 처리하고 있고, 각종 매체에서 쏟아져나오는 정보홍수 속에 살고 있기 때문에 수많은 정보 중 특정 정보가 우리의 머릿속에 남아있다는 것은 그만큼 그 정보가 매우 인상적이었거나, 맥락적으로 우리에게 유익한 정보였거나, 찾던 정보였거나, 감동을 줬거나 하는등 상황에 따라 다르다. 사람들의 기억속에 기업의 제품이나 서비스를 더 잘 각인시키고, 재방문을 높이기 위해 흔하게 사용되는 심리학적 효과에 대해 알아보았다. 용어는 처음들어보지만 많은 서비스에서 이용되는 UX 전략인 듯 하다. "Zeigarnik Effect" 자이가르닉 효과란? 마치지 못하거나 완성하지 못한 일을 쉽게 마음 속에서 지..

양재천 근처에 생긴 멜도씨! 호주식 캐주얼 브런치 레스토랑이다. 식당내부가 그렇게 크진 않지만 내부가 노란색이어서 환하고 밝은 분위기인 곳 일요일 오전에 갔기 때문에 미리 예약을 해놓았다. 예약 링크: 멜도씨 서울 강남구 논현로24길 25 1층(도곡동) https://naver.me/xOmzpExq 멜도씨 : 네이버 방문자리뷰 22 · 블로그리뷰 9 m.place.naver.com 깔끔한 내부 테이블 세팅 테이블 위 명함 같은 것들은 예약 손님을 위한 웰컴 카드이다. 방문자 성함을 미리 받으셔서 한분 한분을 위한 그리팅 카드를 준비해놓으셨당 :) 웰컴 티까지 주셨다! 사장님의 친절한 서비스와 세심함에 감동🥰 눈까지 조금씩 내려 분위기까지! 오늘의 수프! 이날은 닭고기 스프로 준비해주셨다. 느끼한 수프 ..

안녕하세요! 피그마를 사용한 웹사이트 이미지 캐러셀을 만드는 간단한 방법을 소개해보고자 합니다! 아래와 같이 곡선의 형태로 이미지를 좌우로 넘겨볼 수 있는 캐러셀 방식이에요! 웹사이트 디자인과 어울린다면 이렇게 디자인해볼 수도 있겠네요! 따라하기 쉬우니 순서대로 따라해보세요! 1. Frame을 그려준다. 세로로 조금 더 긴 직사각형의 프레임을 하나 그려준 후 Ctrl+D 를 통해 복제 합니다. 2. 프레임 전체 선택 후, Unsplash 플러그인을 켜준다. 플러그인을 켜면 중간 메뉴의 Preset을 선택하면 한꺼번에 비슷한 주제의 사진을 랜덤하게 넣을 수 있습니다. 필요하면 나중에도 이미지를 바꿀 수있으니 일단은 빠르게 해보기 위해 원하는 이미지 카테고리 선택한 후, Insert Random 을 눌러주세..

안녕하세요, 오늘은 피그마 내 프로토타이핑 기능을 이용할 때 작업 효율을 높일 수 있는 팁 하나를 소개해드리고자 합니다. 피그마 프로토타입 기능은 설계한 서비스의 화면의 순서 또는 플로우대로 연결을 시켜 특정 버튼이나 영역을 눌렀을 때 어떤 화면으로 어떤 인터랙션 스타일 (클릭, 드래그, 스크롤 등) 로 이동할 것인지 목업으로 보여주는 것입니다. 피그마에서도 프로토타입으로 간단한 애니메이션/모션 기능을 넣을 수가 있습니다. 하지만 여러 화면의 플로우를 설계하다보면 Prototype 화면이 매우 지저분해지는 것을 확인 할 수 있습니다. 보통 앱, 웹 서비스들은 여러 페이지들이 서로 연결되어있고, 또 여러 경로를 통해 한 페이지에 진입 할 수 있기 때문에 한가지 기능에 대한 프로토타입이 아니라 전체적인 프로..

John Rieben 미국 그래픽 디자이너 존 라이벤의 포스터를 p5.js로 따라 그려보았다. function setup() { createCanvas(400, 550); } function draw() { background(3, 55, 140); noStroke(); fill(158, 142, 35); rect(0,0, 200,100); fill(224, 18, 18); rect(300,0,100,200); rect(0, 200, 100, 200); fill(158, 142, 35); rect(200, 300, 200,100); fill(255); rect(0,400,400,550); fill(0); textAlign(LEFT); text('museum of science and industry', ..