스크린샷을 목업 형태로 쉽게 바꿀 수 있다면? ‘Screely’

  기획자라는 업무 특성 상, 여러가지 상황에서 ‘스크린샷‘을 자주 활용하게 됩니다. 스크린샷을 내부용으로 쓴다면 큰 문제가 없지만, 그 외의 경우추가 작업이 필요할 때가 있는데요. 그래서 오늘은 스크린샷을 업로드하여 목업 형태, 디자인된 형태로 확인해볼 수 있는 서비스를 소개하려고 합니다.        오늘 소개드릴 서비스는 ‘Screely’로 스크린샷을 업로드 후, 원하는 배경 등을 선택해 조금더 세련되고 깔끔하게

CSS-Gradient, 웹상에서 매력적인 조합을 만들어낼 수 있다면?

  콜투액션(CTA)을 위한 버튼, 이렇게 디자인해보는건 어떨까? ‘GRADIENT-BUTTONS’     눈에 띄는 그라데이션 모음, 컬러 트렌드 파악까지! 이번주에 만난 2개의 매력적인 디자인 서비스   웹사이트 배경을 구성하는 방법에는 여러가지가 있겠지만, 그라데이션을 활용한 방법은 그 중에서도 꾸준히 사랑받는 방법 중 하나가 아닐까 싶습니다. 하나의 컬러를 활용했을 때의 단조로움을 벗어날 수 있으며 이를 통해 웹사이트에서 전하고자 하는

Tech, Blockchain 관련 최신, 인기 뉴스를 가장 쉽게 확인하는 방법! ‘Morning Reader’

  에버노트에 정보가 들어오기까지, 필요한 정보를 관리하는 3단계     에버노트라는 종착역에 정보가 차곡차곡 쌓이는 과정에 대한 내용을 작년 12월 정리한 적 있는데요! 첫 번째 단계인 정보 수집 단계에서 제가 가장 많이 활용하는 서비스 중 하나가 ‘Feedly’였습니다. 원하는 뉴스들을 한 곳에서 쉽게 확인할 수 있는 역할을 해주기 때문이죠. 구글리더 이후 제가 가장 오래 쓰고 있는

원하는 행동을 이끌어낼 수 있는 다양한 ‘캠페인’을 제작할 수 있는 곳 ‘Yeps’

  워드프레스와 같은 설치형 블로그를 사용하는 분들이라면, 그리고 이렇게 만들어진 블로그에 자주 들어가는 분들이라면 페이지 하단이나 상단 또는 우측 하단의 플로팅 형태로 제공되는 여러 캠페인들을 한 번쯤 마주쳤을 것 같습니다. 보통은 방문자들의 특정 행동을 유도하기 위한 목적으로 생성, 활용되는데요! 이메일 주소를 입력하게 하거나, 문의를 빠르게 할 수 있게 하거나, 유사 콘텐츠로 조금 더 쉽게 이동할

웹사이트 배경에 필요한 패턴을 쉽게 만들고, 활용할 수 있는 서비스!

  다각형으로 구성된, 무료로 활용 가능한 백그라운드 이미지 컬렉션 ‘LOW POLYGON ART’     작년 1월, 웹디자인 트렌드에 대한 글을 하나, 둘 정리하며 속편으로 함께 발행했던 글이 있는데요. ‘웹사이트 배경을 구성하는 다섯가지 아이디어‘라는 글이었습니다. (자세한 내용은 링크를 통해 확인해주세요.)  이미지와 기하학적 패턴의 결합 회색톤의 활용 밝은 색상의 레이어 활용 비대칭의 활용 추상적인 내용의 활용  

구글, 페이스북, 어도비에서 일하는 인턴들의 포트폴리오는 어떨까? ‘Cofolios’

  페이스북, 구글에서 일하는 디자이너들의 포트폴리오는 어떤 모습일까?     이런 포트폴리오는 어때요? 매력적인 포트폴리오 페이지 5     2017년 2월 발행한 ‘페이스북, 구글에서 일하는 디자이너들의 포트폴리오는 어떤 모습일까?‘는 지금 써보러 갑니다를 통해 발행한 200여개의 콘텐츠 중 가장 많은 ‘관심’을 받았는데요! 우리에게도 잘 알려진 기업이자, 여러 의미에서 꿈의 직장으로 불린다는 점 그리고 이들을 통해 제공되는

13명의 디자이너가 함께 만든, 매력적인 컬러 팔레트!

    잠깐 고개를 돌려 주변을 보면, 넓지 않은 범위에서도 우리는 다양한 색상을 만나볼 수 있습니다. 스마트폰, 펜, 노트, 노트북, 마우스, 테이크아웃 커피잔, 컵홀더, 테이블, 의자, 벽, 조명, 문, 액자 등 말이죠. 전혀 다른 색상을 쓰는 경우도, 같은 듯 미묘하게 다른 컬러를 지닌 대상들도 있는데요. 그렇다면 범위를 조금더 넓게 바라본다면 어떨까요? 예를 들어 지구라는 대상으로! 작은 공간에서 발견 할 수 있는

간단하지만 꼭 필요한 마이크로인터랙션 구현을 도와주는 자바스크립트 라이브러리 ‘Micron.js’

  IOS와 안드로이드를 포함한 모바일앱은 물론 웹에서도 사용 가능한 애니메이션 라이브러리 ‘LOTTIE FILES’     다양한 UI 디자인 사례는 물론, 코드까지 확인할 수 있는 ‘BUILDING-BLOCKS’     위의 두 서비스는 모두 웹과 앱에서 사용 가능한 다양한 ‘Interaction’ 및 ‘UI Components’를 쉽게 활용할 수 있도록 도와줍니다. 특히 ‘LOTTIE FILES’의 경우 에어비앤비에서 운영하는 것으로 잘 알려진 곳이기도 하죠.

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

      이미지 한 장으로 다양한 목업을 만들 수 있는 웹서비스 ‘DIMMY.CLUB’       3분만에 원하는 목업을 만들 수 있다? ‘APPLAUNCHPAD’     서비스 소개 페이지, 앱스토어 스크린샷, 서비스 사용 팁 등을 제작할 때 ‘목업’은 꼭 필요한 내용이라고 할 수 있는데요! 디자이너와 함께 작업하는게 더 좋은 결과물을 만드는 지름길이지만 그렇지 못한 경우 활용할

작업 효율성을 높여주는 ‘단축키’, 이 곳만 알아두면 언제든 편하게 확인 할 수 있어요!

  얼마 전, 문서 작업을 하다 특정 단축키가 생각이 안나 검색을 통해 알아본 적이 있습니다. 마우스를 활용해, 메뉴에 들어가 해결할 수도 있었지만 제가 조금더 시간을 활용해 검색을 한 이유는 다시 까먹지 않고 기억한다면 더 빠르게 작업이 가능하기 때문이었습니다. 이처럼 단축키는 우리가 특정 프로그램을 활용하며 작업 효율성을 높여주는데 중요한 역할을 하게 되는데요. 게임을 할 때 마우스만