Planning · PM/UX · Product
UX 디자이너가 UI설계시 알아두면 좋을 모션상식(1)
다들 새로 나온 iOS 7.0 보셨나요? 이전과 다르게 단순해진 아이콘과 요소들, 지문인식기능 등이 화제가 되고 있는데요. 저는 더욱 디테일해진 트랜지션 모션들이 가장 인상 깊었습니다. 화려하고 위트 넘치는 동작 덕분에, 다른 그 어떤 OS를 사용할 때보다 신선한 느낌이었죠.잘 짜여진 모션이 사용자들에게 전에 없던 경험을 안겨주는 지금, UX디자이너들이 서비스를 기획할 때나 UI를 설계할 때 충분히 고려해야 되는 요소가 아닐까 하는 생각이 들었습니다.실제로 UI가 만들어지는 과정에서 모션부분에 대한 의사 결정은 UI설계자나 GUI디자이너가 개발자와 만나, 이 부분은 “쉭쉭~”, 저 부분은 “쓱~”, ”휙~”, ”부앙” 등의 의태어와 손짓으로 요구사항을 전달하는 경우가 많습니다. 아니면 최고의 프로토타입 ..
모바일 UX/UI 기획에 도움이 되는 사이트 III
안녕하세요. 지난번 시리즈에 이어서 디자인 및 기획에 도움이되는 사이트 5개를 추가로 업데이트 합니다. 역시나 결과먼저!! 추천해 드리는 사이트는 아래 목록의 사이트들 입니다. http://www.littlebigdetails.com/http://www.capptivate.co/http://androidniceties.tumblr.com/http://ui-animations.tumblr.com/http://www.graphicsfuel.com/2013/12/20-mobile-app-concepts-with-gif-animated-previews/ Littlebigdetailshttp://www.littlebigdetails.com/모바일 UI 들을 모아 놓은 사이트입니다. Capptivatehttp://..
모바일 UX/UI 기획에 도움이 되는 사이트 II
안녕하세요. 지난번에 UX/UI 기획을 하면서 도움이 되는 사이트들에 이어서 몇가지 추가하여 정리하였습니다. 그럼 시작하겠습니다~우선 이번에 추천해 드리는 사이트는 아래 목록의 사이트들 입니다. (다들 바쁘시지 결과 먼저!!)http://www.dribbbleboard.com/http://www.uiparade.com/http://www.androidpttrns.com/http://www.patterntap.com/http://www.uxarchive.com/ DribbbleBoardhttp://www.dribbbleboard.com/다양한 느낌의 디자인 이미지가 많이 있습니다. 모바일 부분의 디자인 부분도 상당 수 있으니 찾어보시면 좋을듯합니다. UIparadehttp://www.uiparade.com..
Android L 머티어리얼 디자인 (Material Design)
‘구글I/O 2014′가 시작되었습니다. 이번 구글I/O 에서는 Android L 을 공식적으로 선보였는데 정말 다양한 기능들(5천가지의 새로운 API, 신규 보안 기능 등)이 발표 되었습니다. 또한 새로운 플랫폼과 동시에 '머티어리얼 디자인 (Material Design)이라고 하여 새롭게 가이드 라인을 내 놓았습니다. 나름 트렌디한 느낌의 디자인인데 많은 분들이 발표된 디자인을 보고 iOS 와 비슷해 진다고들 말씀하시네요.. 저도 역시..일단 이번 머티어리얼 디자인은 기존의 디자인을 탈피하여 TV에서 웨어러블 디바이스까지 다양한 범주의 플랫폼을 아우르기위해서 통합적인 스타일 가이드 라인의 첫 번째 버전이라고 합니다. 자세한 내용은 구글 블로그와 가이드 라인을 직접 확인해 보시면 될듯합니다. 구글 블로..
디자인 작업의 효율성을 올려줄 10가지 무료 UI 키트
디자인 작업의 효율성을 올려줄 10가지 무료 UI 키트 디자인 작업을 위해서 스크랩한 참고 자료 입니다. 상당히 퀄리티가 높은 UI 키트이며 일단은 현재 트렌드를 잘 반영하고 있어 마음에 듭니다. 1. Combination UI Kit (http://www.bestpsdfreebies.com/freebie/combination-ui-pack/)2. Dark UI Kit (https://dribbble.com/shots/1416133-UI-Kit-Dark-Free)3. White UI Kit (https://dribbble.com/shots/1417367-Ui-Kit-Free-Psd)4. Vanilla Cream UI Kit (http://www.bestpsdfreebies.com/freebie/vanil..
[slideshare] Web Design Trends for 2014
슬라이드쉐어이 2014년 웹 디자인 트렌드 관련하여 잘 정리된게 있어서 공유합니다. 제가 생각하는 국내 트렌드와는 약간 차이가 있는듯 하지만 대체적으로 모두다 적용되어 있는듯합니다. 디자인이나 기획하시는분들 참고 하시면 좋을듯하네요. Web Design Trends for 2014 from Accrinet Corporation 1. 플랫 디자인 (Flat Design) 요즘 정말 한참 유행인 디자인이죠. 예전의 3D 스러운 디자인과는 다르게 너도나도 플랫플랫 한 디자인이 유행입니다. 2. 커다란 대표 이미지 (Large "Hero" Images) 전체적으로 커다란 이미지/동영상 을 보여주는 스타일의 디자인입니다.우리나라에서는 2012~2013 사이에 유행했던 스타일로 지금도 많이 사용하고 있는 형태입니다..
모바일 UX/UI 기획에 도움이 되는 사이트
안녕하세요. 오늘은 모바일 UX/UI 기획을 하면서 도움이 되는 사이트들을 정리해 보겠습니다. 개인적으로 모바일에 대한 UX/UI 트렌드를 분석 할 때 주로 보는 사이트이며 사이트마다 특색이 있어서 원하시는 사이트를 골라 보시면 될듯합니다. ^^ 그럼 시작하겠습니다~우선 이번에 추천해 드리는 사이트는 아래 목록의 사이트들 입니다. (다들 바쁘시지 결과 먼저!!)http://www.pttrns.com/http://mobileawesomeness.com/http://inspired-ui.com/http://iphone.meer.li/http://www.mobile-patterns.com/http://mycolorscreen.com/http://www.lovelyui.com/ pttrnshttp://www.p..
2014 UI/UX 디자인 트렌드 중간 점검
바이널엑스에서 정리한 내용인데 보기 깔금하게 되어 있어 공유합니다. 2014년도 어느덧 하반기를 향해 달려가고 있습니다. 시간 참 빠르죠? 중간 점검의 차원에서 올해 UX/UI 디자인 트렌드에는 어떤 것들이 있는지, 어떤 디자인 요소들이 주목 받고 있는지 다시 한 번 살펴볼까요. 다음은 바이널엑스가 꼽는 올해의 디자인 키워드들입니다. 1. GUI 디자인 1) 플랫 (Flatness) 출처: http://bit.ly/1hp5MBE (左) http://bit.ly/1tDLJH7(右) 지난해 iOS7 출시 이후 디자인 트렌드의 대세로 자리잡은 플랫 디자인. 스큐어모픽 디자인 (Skeumorphic design)을 벗어나 해당 콘텐츠의 의미를 중점적으로 전달할 수 있는 간결한 디자인을 추구하는 디자인으로, OS..