UI·UX
UX 경험을 극대화 시키기 위해서 필요한 과정들
UX 라는 말을 많이 사용하고 있는데 과연 UX 라고 하는 것은 무엇을 의미하는 것일까요? 이러한 UX 를 만들어가는 과정에서 다양한 사람들이 그에 따른 역할을 수행하게 됩니다. UI와 다르게 UX에서 실행하게 되는 항목들을 정리해 놓은 자료가 있어서 공유해드립니다. Field researchFace to face interviewingCreation and administering of testsGathering, organizing, and presenting statisticsDocumentation of personas and findingsProduct designFeature writingRequirement writingGraphic artsInteraction designInformatio..
무료 이미지 다운로드 사이트 Freepik
아이콘이 필요해서 검색을 하다가 발견하게 되었습니다. 상당히 높은 수준의 이미지, PSD, AI 파일 들이 무료로 제공되고 있습니다. 대부분 무료의 컨텐츠이며 iStock 은 광고 이미지로 유료 컨텐츠라고 합니다. 좋은 자료 찾으시길 바랄게요^^ http://www.freepik.com/
UX. How to start?
UX. How to start? from Alexander Lisovsky 1. Bionic University http://bionic-university.com/ How to start?2. Alexander Lisovsky Cofounder & CEO at ZZ Photo UX/UI designer a.lisovsky@zzphoto.me facebook.com/alexlisovsky, pinterest.com/alexlisovsky, twitter.com/lisovsky3. http://zzphoto.me4. A user interface is like a joke. If you have to explain it, it`s not that good.5. UX (User Experience), is ..
Web Design Trends 2015
Web Design Trends 2015 from Anjani Kumar 1. Responsive Web Design will be must to have반응형 디자인는 꾸준한듯합니다. 반응형 디자인은 Must Have 라고 했네요. 2. Flat Design will Grow플랫 디자인도 약간의 변화 추세를 겪었습니다. 기존에 완전 플랫한 평태가 아닌 3D 형태의 플랫한 이미지 사용이 트랜드가 되고 있다고 하네요. 3. Bigger Images, Better Design큰 이미지에 대한 수요는 꾸준하네요. 4. Card Design will Continue소셜 이미지 컨테이너로 각광받는 카드형태의 디자인입니다. 이 카드형태의 디자인은 더 나은 형태의 이미지 뷰가 나오지 않는 이상 지속 될듯 합니다. 5..
세상을 지배하는 색상들..
원 제목 : The Most Powerful Colors in the World 주요 글로벌 기업들의 자신만의 색상을 통해 기업이 뜻하는 바 이미지를 나타내기도 하고 기업의 브랜드를 더욱 부각 시키도록 활용하고 있습니다. 이러한 기업들의 파비콘들을 모아 놓은 자료가 있어서 공유해 드립니다. 자신의 기업과 비슷한 성향의 기업 색상을 사용한다면 사용자에게 조금 더 가깝게 다가갈 수 있지 않을까 생각합니다. 자료출처 : http://www.colourlovers.com/business/blog/2010/09/15/the-most-powerful-colors-in-the-world
애니메이션과 트랜지션의 차이
http://www.kirupa.com/html5/css3_animations_vs_transitions.htm 트랜지션은 CSS 프로퍼티에 의해서만 발생한다.:hover 같은 슈도 클래스에 의해서이거나, 클래스를 넣고 빼는 등의 동작에 의해서이다.물론 엘리먼트의 인라인 스타일을 변경해서도 동작하게 할 수 있다. 애니메이션은 시작하기 위해 별도의 설정이 필요없다.한 번 정의하면 자동으로 시작한다. 애니메이션은 `animation-iteration-count` 속성으로 쉽게 반복할 수 있지만,트랜지션은 이런 속성이 없다.트랜지션은 한 번만 발생한다. (필요하다면 스크립트에서 `transitionEnd` 이벤트를 받는다) 애니메이션은 키프레임을 지정할 수 있다.트랜지션은 할 수 없다. 트랜지션을 활용한 인터..
인터렉션/트랜지션 디자인 참고 사이트 모음
UI 애니메이션 capptivate.cohttp://capptivate.co/ useyourinterfacehttp://useyourinterface.com/ sixuxhttp://sixux.com dribbblehttps://dribbble.com/shots?list=animated giphyhttp://giphy.com/ 트랜지션(Transition) 패턴 예제 tympanushttp://tympanus.net/Development/PageTransitions/http://tympanus.net/Tutorials/CaptionHoverEffects/index.html Effeckthttp://h5bp.github.io/Effeckt.css/ animatehttp://daneden.github.io/a..