본문 바로가기

전체 글

 (26)
[UI디자인] 디자인시스템은 무엇인가요, 디자인시스템이 필요한 이유 디자인시스템은 무엇인가요? 디자인시스템은 기본적으로 앱 화면을 구성하는 폰트부터 컴포넌트 요소들((버튼, 아이콘 등))의 규칙을 정의하는 것을 말합니다. 쉽게 예를들어 설명하자면, 본문의 폰트 사이즈와 타이틀 사이즈는 몇으로 사용할 것인지부터 버튼 GUI와 상태 값(기본, 호버, 클릭) 스타일을 정하는 것이죠. 구글에서 제공하는 머터리얼 디자인(material design)과 애플에서 제공하는 ios디자인 가이드가 전 세계적으로 통용되는 디자인가이드라고 할 수 있는데요. 많은 디자이너들이 이를 참고하여 각 서비스에 알맞게 변형하고, 추가하여 시스템을 구축하곤 합니다. 디자인시스템이 왜 필요한가요? 그렇다면 디자인시스템은 왜 필요할까요? 앱 화면을 만들 때마다 각 화면에 어울리는 디자인을 하면 안되는걸까요..
[목동 맛집] 삿뽀로: 가족모임, 일식 코스 요리, 조용한 룸 식당 ✔ 전화번호 : 02-2644-3366 ✔ 영업시간 : 매일, 11:30~22:00 (평일 15:00~17:00 브레이크 타임, 주말 없음) ✔ 주소 : 서울특별시 양천구 목동동로 189 가족 모임, 지인 모임으로 추천드리는 장소, 삿뽀로 목동역점입니다. 목동역보다는 오목교역 8번 출구에서 8분 거리로 가깝구요. 지하 주차장이 있어서 주차도 편리합니다. 접근성도 좋고 음식도 괜찮아서 상견례 장소로도 유명하더라구요! 상견례 장소로 유명한 경복궁도 바로 옆에 있었습니다. 화장실은 식당 내부는 아니고, 건물 내부에 있었어요. 역시 깨끗했구요. 입구로 들어가면 룸으로 안내를 해주십니다. 양쪽으로 룸이 쭉 있는 복도에요 예약을 해두어서 그런지 세팅이 되어 있었어요. 룸은 적당한 크기에 문을 닫을 수 있어 프라이빗..
[금호 와인바] Sand pebbles(샌드페블스, 샌드페블즈): 분위기 맛집, 감각적인 공간 ✔ 전화번호 : 0507-1377-6882 ✔ 영업시간 : 18:30~23:30 (화요일 휴무) ✔ 주소 : 서울 성동구 금호산길 16 2층 금호역 1번 출구에서 8분 거리에 위치한 바, Sand pebbles(샌드페블스, 샌드페블즈) 소개드려요. 저는 인스타그램을 통해서 알게되었는데, 공간이 너무 예뻐서 꼭 방문해보고 싶었던 곳이에요. 사실 금호역 근처 동네는 처음 와봐서 위치가 조금 뜬금없다는 생각이 들어었습니다. 역에서 시장을 지나 얕은 언덕 느낌의 길을 올라오면 뜬금없는 곳에서 간판을 발견할 수 있었습니다. 건물 안의 모습인데요, 이 계단을 오르면서도 대체 여기 바가 있는게 맞는건가 하는 생각이 들었습니다 ㅎㅎ 하지만 철문을 열고 들어가면 너무 예쁜 공간을 만날 수 있습니다. 공간 뿐 아니라 향과..
피그마(Figma)란 무엇인가요? 디자인 툴의 역사 프로덕트 디자이너라면 누구나 들어봤을 디자인 툴, 피그마(Figma)에 대해 이야기해보려고 합니다. 지금은 앱 디자인을 한다고 하면 가장 먼저 피그마를 떠올리는데요. 처음부터 프로덕트 디자인 툴로 피그마가 시장을 선두했던 것은 아닙니다. 제가 앱 디자인을 처음 공부할 때만 해도 2014년 즈음에는 스케치 툴 (Sketch Tool) 이 강세였는데요. 스케치는 벡터 기반의 UI 프로토타입 그래픽 툴이며, 제플린(Zeplin)이라는 플러그인을 이용해 개발자와 시안을 공유하곤 했습니다. 웹과 연동이 가능하고 다양한 플러그인이 있다는게 스케치의 장점이라고 볼 수 있습니다. 하지만, 치명적인 단점이 있는데요. 스케치 툴은 맥 기반의 os에서 제공하는 툴로 윈도우 환경에서는 사용할 수가 없습니다. 또 유료 구독비..
[잠실 카페] conflict store(컨플릭트 스토어, 소피텔 카페): 채광 맛집, 공간이 너무 멋진 카페 ✔ 전화번호 : 02-424-5115 ✔ 영업시간 : 월-금 08:30~22:00 / 토,일 11:00~22:00 ✔ 주소 : 서울 송파구 잠실로 209 케이티송파빌딩 101호 컨플릭트스토어 잠실 소피텔 건물 1층에 위치하고 있어 소피텔 커피로 유명한 컨플릭트 스토어. 신사에 1호점이 있고, 제가 다녀온 잠실점은 2호점이라고 합니다. 건물 외관에서 봤을 때에도 현대적이고 편집샵 같은 분위기라 방문해보고 싶었는데요, 커피 오마카세로 유명한 곳이라고 하네요. 코스별로 5만원에서 7만원 정도의 가격대라고 하는데, 커피를 정말 좋아하시 않는 이상 조금 부담스러운 가격대라고 생각이 들어요ㅠㅠ 주차 공간은 따로 없다고 하니, 주말에 방문하면 근처 유료 주차장을 사용하셔야 할 것 같아요. 롯데월드몰이 가까우니 몰에 ..
[서울숲 카페] 목로정원: 차와 커피 꽃과 식물이 있는 비건 카페 ✔ 전화번호 : 0507-1362-3186 ✔ 영업시간 : 화~토 11:00 - 20:00 / 일 11:00~19:00 (월요일 휴무) ✔ 주소 : 서울 성동구 서울숲2길 47 3층 뚝섬역 8번 출구에서 6분, 맛집 거리 초입에 위치한 목로정원입니다. 세이모온도 SAMO OMDO 플래그십스토어 건물 3층에 위치하고 있어요. 엘레베이터는 따로 없기 때문에 조금 힘들지만 계단을 올라가야 합니다 🥲 목로정원 메뉴입니다. 목로정원은 비건, 제로웨이스트를 지향하는 카페에요! 카페인을 못드시는 분들을 위해 디카페인 커피도 준비되어 있네요 비건 디저트라니, 어떤 맛일지 궁금해서 저는 브라우니를 시켜봤습니다. 지금보니 곶감단지도 맛이 궁금하네요. 목로정원 인테리어는 전체적으로 따뜻한 조명과 식물들이 반겨줘요. 생각보다..
[송리단길 브런치 카페] MIP(밉): 부라타 포모도로, 시금치 우삼겹 리조또, 루꼴라 피자, 크림브륄레 ✔ 전화번호 : 02-6407-0560 ✔ 영업시간 : 일-목 09:00~02:00 / 금-토 09:00~04:00 ✔ 주소 : 서울 송파구 석촌호수로 272 1층 송리단길 브런치 카페로 MIP 추천드려요. 낮에는 브런치 카페, 밤에는 라운지 바로 운영한다고 하네요, 금-토에는 새벽 4시까지 한다니.. 밤에도 한번 가보고 싶네요. 일단 저는 낮에 2번 방문해 봤는데요. 첫 번째 방문에는 식사를 했고, 두 번째 방문에는 커피와 디저트를 먹었습니다. 송리단길 MIP 카페는 야외석도 있는데요, 한 겨울에 방문했을 때에도 천막이 쳐져있고 난로가 따뜻하게 틀어져 있어서 전혀 춥다는 느낌을 안 받았어요. 담요도 요청하면 받을 수 있습니다. 저 자리에 강아지랑 앉아계신 분들도 종종 보이더라고요. 아 또 근처에서 결혼..
[프로덕트 디자이너가 하는 일] GUI디자이너, UI디자이너, UX디자이너, 프로덕트 디자이너의 차이 직업이 뭐냐고 묻는 질문에 나는 항상 앱을 디자인한다고 한다. 사실 나의 직업은 프로덕트 디자이너이지만, IT 업계 종사자가 아니면 앱 디자이너, 웹 디자이너, UI/UX 등 그 차이를 구분하기 어렵기 때문이다. 덧붙여 설명하기 힘들 때, 앱을 디자인한다고 하면 느낌적인 느낌으로 이해한다. 그런데 얼마 전, 친구가 회사에서 웹디자이너를 뽑는데 내가 하는 일과 뭐가 다르냐는 질문을 했다. 이 질문이 내가 글을 쓰게 된 이유이다. 앞으로 같은 질문을 하는 사람에게 이 글을 보여줄 계획이다. 프로덕트 디자이너(Product Designer)는 무슨 일을 하나요? 스마트폰을 보급화되면서 앱이 생겨나던 때만 해도 프로덕트 디자이너보다는 GUI / UI / UX 디자이너를 채용하는 회사들이 많았고, 화면 하나를 디..

티스토리툴바