UX/UI

고퀄리티의 디자인 목업을 무료로 다운 받을 수 있는 ‘Design Mockup Club’

      이미지 한 장으로 다양한 목업을 만들 수 있는 웹서비스 ‘DIMMY.CLUB’       3분만에 원하는 목업을 만들 수 있다? ‘APPLAUNCHPAD’     서비스 소개 페이지, 앱스토어 스크린샷, 서비스 사용 팁 등을...

2017년 분야별 가장 많이 쓰인 디자인툴은? 스케치? 인비전?

  2017년 12월 초, 흥미로운 설문 하나를 접하게 되었습니다. 2017년에 활용한 디자인 툴에 대한 설문조사였는데요. 직접 참여를 하진 못했지만, 결과가 어떻게 나올까 정말 궁금했는데 얼마전 웹페이지를 통해 상세...

컬러에 따른, 무료로 사용 가능한 다양한 일러스트를 제공해주는 ‘Undraw’

  웹디자인에서의 '일러스트'는 이미지 및 타이포와 비교했을 때 서비스가 원하는 '메시지'를 더욱 구체적으로 전달할 수 있다는 장점을 지니고 있습니다. 드롭박스와 에버노트가 서비스 소개 페이지에서 자신들의...

반응형 그리드 레이아웃을 확인할 수 있는 오픈소스 라이브러리 ‘Muuri’

  반응형에 대한 '반응'은 엇갈리는게 사실이지만, 웹 서비스를 구현하는데 있어 한 번쯤은 꼭 논의해봐야할 내용 중 하나입니다. 반응형으로 가느냐, 아니냐에 따라 그리드 레이아웃 자체를 다르게...

에어비엔비의 디자인은? 다양한 디자인 기준들을 한 눈에 확인할 수 있는 ‘Design Principles’

  에어비엔비(Airbnb)를 모르는 분들은 이제 많지 않을 것 같습니다. 여행의 시작을 함께 하는 대표적인 서비스가 되었으며, 기존과 다른 경험을 제공해주기 때문입니다. 스타트업에게는 유니콘에 다다른 배울게...

웹은 물론 앱 디자인에 참고하기 좋은 일러스트 사례 10

  지난 7월, 일러스트레이션을 활용한 디자인 사례를 확인할 수 있는 'ILLUSTRATION'을 소개드렸는데요. 기존에는 웹사이트의 배경 등 한정적으로 사용되던 일러스트가 이제는 온보딩은 물론, 404 에러페이지 서비스 및 제품 소개...

스케치(Sketch)를 즐겨 쓰는 디자이너를 위한 보물창고 ‘Sketch for Desinger’

  포토샵 그리고 스케치 위의 이미지는 차례대로 2015년과 2016년 가장 많이 쓰이는 와이어프레임툴을 보여주는 자료입니다(출처:2016 Design Tools Survey) 어보디의 포토샵이나 XD에 비해 스케치가 더 많은 디자이너들에게...

사용자 경험을 해치지 않는 에러메시지, 어떻게 작성해야 할까?

어떻게 경우든, 오류를 명확하게 해결해주는 것이 중요하다! 모든 시스템은 오류없이 작동 할 수 없습니다. 우리가 자주 사용하는 페이스북도 종종 오류가 발생하곤 하죠. 이런 오류는 서비스를...

결제로의 전환, 다양한 가격 정책을 한 눈에 볼 수 있는 ‘Pricing Page’

  'SaaS'에게 있어 가장 중요한 전환, 결제 - 그리고 결제를 해야 하는 이유의 제공! 위의 이미지는 '망고보드'라는 서비스의 가격 정책 페이지입니다. 망고보드는 제가 정말 좋아하는 서비스...

2000년의 네이버, 2008년의 페이스북 웹디자인은 어땠을까? ‘웹디자인 박물관’

  웹디자인의 변화 얼마전 다음과 네이버의 PC 버전이 변경되었습니다. 고해상도 모니터 이용자들이 증가하는 추세에 따라 가로폭을 넓힌것이죠. 모바일 이용자가 훨씬 많을텐데 왜 굳이 PC 사용자를 위한...

페이스북 그룹

지금 써보러 갑니다 페이스북 그룹을 통해 서비스에 대한 더 깊은 이야기를 나눠보세요!