UI UX 디자인 효율을 높여주는 꿀팁 사이트
내가 UX UI 디자인을 하며 자주 쓰는 링크들
그간 디지털 에이전시에서 UX UI 디자인을 하면서 많이 활용하고 있는 꿀팁 웹사이트들을 모아보았다.
나의 디자인 시간을 줄여주는 사이트들이다.
1. 구글 지도 디자인의 색을 바꿔서 사용하고 싶을 때 - 지도 디자인 : Snazzymaps
요즘 디자인에 빠지지 않은 것이 있다면 지도페이지 일 것이다. 대부분 구글 지도를 끌어오지만 구글 지도의 칼라값을 쉽게 변경할 수 있다면? 샘플을 금방 볼 수 있다면?
칼라가 들어간 프로토타입을 할 때 캡처해서 쓰기도 좋고 실제 웹 개발 시에도 코드로 활용할 수 있다.
2. 이모지를 써야 할 때 - 이모지 모음 : Emojipedia
나는 아이폰 유저이기 때문에 이모지를 사용하려면 모바일에서는 아이폰 이모지를 쉽게 구할 수 있지만 다른 OS 것들은 가져다 쓰기가 힘들다.
귀엽게 배너를 디자인해야 하거나 조금의 센스를 더하고 싶을 때 애용하는 사이트이다.
이모지 덕후들이 만든 사이트 같다. 업데이트 내용도 올라온다. 디자인 트렌드 동향도 덤으로 파악 가능!
페이스북 이모지가 어떻게 업데이트되었는지 알 수도 있다.
https://blog.emojipedia.org/facebook-3-0-emoji-changelog/
3. 3D 이미지가 필요할 때 : 랜더링 이미지 대백과 사전 - Pixelsquid
나는 3D 디자인을 할 수 없다. 하지만 셔터스탁에서는 모델링 된 이미지가 한정적이고 원하는 각도가 아닌 것이 가장 답답한 부분이다. 그렇다고 3D 디자인을 요청할만한 큰 프로젝트도 아니고 한 번만 쓸 뿐이라면 여기에서 검색하면 웬만한 이미지는 거의 다 나온다.
그리고 가장 좋은 점은 모티브를 잡고 돌리면 돌아간다. 이미지를 잡고 드래그를 하면 드래그한 상태의 이미지를 PNG로 다운로드할 수 있다. 라이선스비를 결제하는 것이 랜더 할 디자이너를 뽑거나 외주 주는 것보다 저렴하다!
현실적인 대안의 3D사이트이다. 드래그하는 재미가 있다. 쿄쿄쿄
4. 급하게 녹화한 스크린숏비디오를 GIF파일로 만들기 - EZgif
비디오파일을 올리고 저장만 하면 된다.
요즘엔 상품이나 서비스를 설명할 때 그리고 특히 이메일 디자인에 gif파일이 자주 쓰인다.
이 사이트 엄청 애용한다. 위의 GIF파일도 여기서 만들었다. 포토샵을 할 만큼의 파일이 아니라면! 여기에서 쉽게 만들 수 있다.
5. 리서치 필수 사이트 - 웬만한 서비스 스크린숏 모음 - Mobbin
UX UI 디자이너라면 공감할 터인데 앱 스터디하면서 스크린숏을 얼마나.. 긁어모으는지 엄청나게 많은 스크린숏들이 모바일에 저장돼 있을 것이다. 한데.. 내가 어디까지 스크린숏을 저장했더라? 모든 베이에이션을 저장하기는 힘들고 또 그런다 한들 매번 폴더별로 앱의 스크린숏을 분류하기도 힘들다.
그럴땐 모빈을 쓰면 된다.
모빈은 여러 UI UX 디자이너들의 스크린샷 캡쳐시간을 줄여주었다. 이 사이트를 알게 되고 얼마나 여기저기 공유를 많이했다. 단점은 데스크톱이나 아이패드크기의 디자인은 없다는 점인다. 모바일만 저장해 줘도 얼마나 고마운지.. 고맙습니다! 모빈!
- Pattern 검색 가능!!-> 특히 이게 정말 꿀이다. sign up이라고 검색하면 가입만 모아져 뜬다..ㅠㅠ감동이다.
- 앱별 검색 가능!! 세상의 모든 앱이 있는 것은 아니지만 그래도 스터디에 참고할 수 있는 좋은 앱들은 거의 다 있는 듯하다.
6. UI 디자인 리소스 모음 - 디자인 템플릿이 필요할 때 : Uplabs
유료로 구매해야 하는 것들이 훨씬 예쁘다. 디자인할 때 좋은 리서치 자료도 되는 사이트
@Story copyrights reserved by POTATOHANDS
