본문 바로가기

728x90
반응형

Category

(325)
피그마로 디자인 시스템 세팅하기: ①디자인 토큰으로 토대 만들기 출처 : https://yozm.wishket.com/magazine/detail/1619/ 피그마로 디자인 시스템 세팅하기: ①디자인 토큰으로 토대 만들기 | 요즘IT 스타트업으로 이직 후 디자인 시스템을 0에서부터 구축하는 과정에서 새로 배운 것이 많아 비슷한 고민을 하는 사람들을 위해 공유하고자 한다. 디자인 시스템이란 서비스의 일관성과 작업의 yozm.wishket.com 스타트업으로 이직 후 디자인 시스템을 0에서부터 구축하는 과정에서 새로 배운 것이 많아 비슷한 고민을 하는 사람들을 위해 공유하고자 한다. 디자인 시스템이란 서비스의 일관성과 작업의 효율을 위한 UI 컴포넌트 가이드를 뜻하며 색상, 글꼴, 그리드, 간격 등이 해당한다. 밥알이 모여 주먹밥이 되고 원자가 모여 분자가 되듯 디자인 ..
구글 폰트보다 더 빠르고 쾌적하게, Bunny Fonts 출처 : https://yozm.wishket.com/magazine/detail/1631/ 구글 폰트보다 더 빠르고 쾌적하게, Bunny Fonts | 요즘IT 폰트 정보를 떠올릴 때, 우리가 가장 먼저 생각하게 되는 서비스는 ‘구글 폰트'가 아닐까 싶습니다. 그만큼 다양한 폰트가 포함되어 있고, 원하는 조건에 따라 빠르게 찾아볼 수 있기 때문입니 yozm.wishket.com 폰트 정보를 떠올릴 때, 우리가 가장 먼저 생각하게 되는 서비스는 ‘구글 폰트'가 아닐까 싶습니다. 그만큼 다양한 폰트가 포함되어 있고, 원하는 조건에 따라 빠르게 찾아볼 수 있기 때문입니다. 아래 이미지에서 볼 수 있는 것처럼 한글 적용이 가능한 폰트가 꽤 많이 담겨 있기도 하고요. 다만, 구글 폰트의 페이지 로딩 속도가 느려..
버튼에 시각적 무게를 두면 행위를 유도할 수 있다 출처 : https://brunch.co.kr/@ebprux/1001 버튼에 시각적 무게를 두면 행위를 유도할 수 있다 UX 디자인 원칙 | 버튼에 시각적인 무게를 두면사용자의 다음 행위를 적극적 유도할 수 있습니다 시각적 무게감은 유저가 정보의 우선순위를 한눈에 알아볼 수 있는 방법 중의 하나입니다. 특히 brunch.co.kr 버튼에 시각적인 무게를 두면 사용자의 다음 행위를 적극적 유도할 수 있습니다 시각적 무게감은 유저가 정보의 우선순위를 한눈에 알아볼 수 있는 방법 중의 하나입니다. 특히 버튼에 시각적 무게감을 두는 것은 사용자의 시선을 끌어모으는 데 유용합니다. 그래서 주요 액션 버튼에 시각적 무게감을 둬야 합니다. 반면에, 주요 액션 버튼이 아닌 부차적인 버튼이라면, 시각적 무게감은 덜 줘야..
스타트업의 '한글 로고' 사랑 출처: https://yozm.wishket.com/magazine/detail/1622/ 스타트업의 '한글 로고' 사랑 | 요즘IT 다른 분야보다 유독 스타트업의 앱(App) 서비스에 한글 로고가 많은 이유는 무엇일까요? 배달의민족, 직방 같은 이제 스타트업이라고 부르기 힘들만큼 성장한 브랜드는 물론이고 타다, 당근마켓, yozm.wishket.com 다른 분야보다 유독 스타트업의 앱(App) 서비스에 한글 로고가 많은 이유는 무엇일까요? 배달의민족, 직방 같은 이제 스타트업이라고 부르기 힘들만큼 성장한 브랜드는 물론이고 타다, 당근마켓, 여기어때, 오늘의집, 세탁특공대 등 매우 많은 브랜드가 한글 로고를 사용하고 있습니다. 심지어 '위메프'나 '맘시터'같은 영어로 된 이름을 가진 브랜드들도 한글 발음..
가능한 화면 요소를 덜어내고 덜어내자 출처: https://brunch.co.kr/@ebprux/987 가능한 화면 요소를 덜어내고 덜어내자 UX 디자인 원칙 | 가능한 화면 요소를 덜어내고 덜어내고 덜어내자 전통적인 웹 디자인에서는 화면 영역을 명확히 구별하기 위해 테두리를 두는 등 시각적 구분을 명확히 했습니다. 이는 게슈탈 brunch.co.kr 전통적인 웹 디자인에서는 화면 영역을 명확히 구별하기 위해 테두리를 두는 등 시각적 구분을 명확히 했습니다. 이는 게슈탈트 법칙 중 폐쇄성의 법칙과 연관성이 있습니다. 하지만 디자인 트렌드가 많이 바뀌었습니다. 플랫 디자인과 미니멀리즘이 디자인 트렌드가 된 지 어느 정도 시간이 많이 흘렀습니다. 이에 맞춰 웹에 있는 박스나 구분 선을 제거하는 등 화면 구성 요소를 더 간결하게 보여주고 있습니다..
디스플레이 단위(PX, DP, SP, PT) 알아보기 출처: https://brunch.co.kr/@zalhanilll/407 디스플레이 단위(PX, DP, SP, PT) 알아보기 UI 디자인 시작하기 | PX(Pixel) 웹에서 주로 쓰이는 단위. 화면을 구성하는 가장 기본이 되는 단위이다. 해상도를 나타낼 때 쓰인다. (Picture Element에서 유래됐다고 한다) DP(Density Independent Pixel) 안드 brunch.co.kr PX(Pixel) 웹에서 주로 쓰이는 단위. 화면을 구성하는 가장 기본이 되는 단위이다. 해상도를 나타낼 때 쓰인다. (Picture Element에서 유래됐다고 한다) DP(Density Independent Pixel) 안드로이드에서 주로 쓰이는 단위. DP는 디스플레이의 좌표라고 생각하면 된다. "픽셀..
가변, 고정 영역에 대한 이해 출처:https://brunch.co.kr/@zalhanilll/406 가변, 고정 영역에 대한 이해 UI 디자인 시작하기 | 디스플레이 단위(PX, DP, SP, PT) 이해하기 글을 먼저 보고 오시면 이해에 도움이 됩니다. 처음 UI 디자인을 시작하면 생각보다 알아야 할게 많아서 놀라곤 하는데, 그중 하나는 brunch.co.kr 디스플레이 단위(PX, DP, SP, PT) 이해하기 디스플레이 단위(PX, DP, SP, PT) 알아보기 UI 디자인 시작하기 | PX(Pixel) 웹에서 주로 쓰이는 단위. 화면을 구성하는 가장 기본이 되는 단위이다. 해상도를 나타낼 때 쓰인다. (Picture Element에서 유래됐다고 한다) DP(Density Independent Pixel) 안드 brunch.c..
모두가 즐길 수 있는 디자인 검토 회의 만들기 출처: https://yozm.wishket.com/magazine/detail/1380/ 모두가 즐길 수 있는 디자인 검토 회의 만들기 | 요즘IT 제품 디자인 프로세스에서 건설적인 피드백이 중요하다는 사실은 모두가 알고 있습니다. 여기에서는 사전 준비가 필요하지 않고 비판에서 자유로운 새로운 아이디어를 공유 방식을 제안하려고 yozm.wishket.com 요즘IT의 번역글들 본문은 요즘IT와 번역가 윌리(Willy)가 함께 만든 해외 번역 콘텐츠입니다. UX 디자인을 다루는 블로그 매체 ‘UX Collective’의 글을 번역했습니다. 필자인 Justyna Kusa는 Blinkist의 수석 제품 디자이너로, 이번 글에서는 모두가 즐길 수 있는 디자인 검토 회의에 대한 여러 팁을 전달하고 있습니다. 글..
우리가 주목할 UI/UX 디자인 트렌드 출처: https://yozm.wishket.com/magazine/detail/1604/?utm_source=stibee&utm_medium=email&utm_campaign=newsletter_partner&utm_content=contents 우리가 주목할 UI/UX 디자인 트렌드 | 요즘IT 2022년이 절반이 지났습니다. 저는 시간을 내어 올해와 내년의 가장 주목할 만한 트렌드를 검토하려고 합니다. 지난 몇 년은 UX/UI 산업에서 기술과 디자인이 지속적이고 빠르게 개발이 이루어진 yozm.wishket.com 요즘IT의 번역글들 본문은 요즘IT와 번역가 Babylion이 함께 만든 해외 번역 콘텐츠입니다. 이 글을 작성한 Aishwarya Mathur는 디자이너 및 작가로 활동하고 있으며, 디..
너도 나도 UX를 한다지만, 하는 일은 다르다구요 게임 회사 넥슨에서 유저 경험을 분석하고 있는 UX리서처의 일, 문화, 그리고 생각에 대한 생생한 이야기를 전해드릴게요! 이런 분이 읽으시면 좋습니다! 고객의 경험을 기반으로 진행되는 UX 업무에 관심이 있는 분 UX직무들이 각각 어떤 일을 하고, 차이가 무엇인지 알고 싶으신 분 UX, User Experience, 사용자 경험이라는 개념은 이제 많은 사람들에게 있어 그렇게 낯선 개념은 아닙니다. 특히 IT업계에 계신 분들에게는 많이 친숙해진 개념이죠. 하지만 개념으로써의 UX가 아닌 하나의 업무로써 UX가 어떤 일을 하는 것인지에 대해서는 아직 낯선 부분이 많이 있습니다. UX라는 개념이 너무 광범위한 개념이기도 하고, UX라는 개념의 범위가 넓은 만큼 UX를 다루는 업무 또한 매우 다양하기 때문이죠...
타이포그래피로 음악을 표현하는 방법 출처: https://brunch.co.kr/@notefolio/106 타이포그래피로 음악을 표현하는 방법 18만 창작자 회원이 활동하는 크리에이티브 네트워크 '노트폴리오'는 매주 발행되는 뉴스레터를 통해 노트폴리오 픽으로 선정된 작업의 창작 과정의 인터뷰를 소개하고 있습니다. 만약 레터를 brunch.co.kr by 김도연 타이포그래피라는 것은 기본적으로 시각 디자인의 영역에 속합니다. 즉, 사람의 눈에 보여지는 것에 영향을 받을 수 밖에 없습니다. 그런데 여기 이러한 경계에서 벗어나서 보이지 않는 영역을 시각적으로 표현하기 위해 도전한 디자이너가 있습니다. 오늘은 음악을 그래픽으로 풀어낸 타이포그래피 작업, 김도연 디자이너님의 를 소개합니다! 음악을 어떻게 시각적으로 표현할까? 주제에 대한 최초 스케..
위메이드, ‘미르M’ 전용서체 ‘전쟁과 모험체’ 만들다 [자료제공: 위메이드] 인터뷰이: 윤디자인그룹 타이포디자인센터 정유권, 이찬솔, 김미래, 김류희 위메이드가 MMORPG (이하 미르M)만을 위한 전용 서체 ‘전쟁과 모험체’를 개발했다. 전쟁과 모험체는 부드러운 붓글씨 형태의 서체로 의 게임 분위기와 조화를 이루어 게임 몰입감을 높였을 뿐만 아니라 UI 배치와 어울리도록 적용해 가독성을 높였다. 서체 ‘전쟁과 모험체’는 윤디자인그룹 타이포디자인센터와의 협업을 통해 만들어졌다. 작업에 참여한 디자이너들과 전용 서체 개발 소감과 작업 과정에서의 에피소드에 대해 이야기를 나눠봤다. Q. 전쟁과 모험 제작을 담당한 팀에 대해 소개 부탁드립니다. A. 안녕하세요, 윤디자인그룹 타이포디자인센터의 정유권, 이찬솔, 김미래, 김류희 입니다. 저희 타이포디자인센터의 폰트..

728x90
반응형
LIST