디자인로그/UI.UX (65) 썸네일형 리스트형 [세미나] 디지털 산업의 UX 완전정복 디지털 산업의 UX 완전정복 넘쳐나는 정보로 UX란 단어와 UX/UI관련 이론들은 검색 하나로도 충분히 찾아볼 수는 관계로 '이미 다 알고 있는 내용이잖아?' '돈 아깝게 머하러 들어?' 하실 수도 있지만, 그냥 알고 있는 것과 실무에 적용하는 것과는 많이 다릅니다. 실제로 현업에 종사하면서 UX를 적용하며 작업할 수 있는 환경이 주어지기 힘들수도 있고, 기획, 개발, 디자인 세분야의 각기 다른 사람들이 협업함에 있어 UX에 관한 커뮤니케이션이 원활하지 않은 경우도 있습니다. 박스박스박스 혹은 텍스트텍스트텍스트.... '멀 넣으란 거지?' '어떤 플로우를 가지고 있다는 거지?' '이 창은 언제 나온다는 거지?' 물어봐야만 알 수 있는 기획문서도 많죠? 문서에서부터 UX는 이미 적용됩니다. 디자이너 혹은 .. [아이콘] 아이콘 무료 다운 받으세요~ 무료 아이콘 다운로드 깔끔하고 다양한 아이콘을 무료 제공하고 있는 사이트를 발견했습니다. 무료 다운 받으세요~~ http://www.alessioatzeni.com/metrize-icons/ [모바일] UX Sketching And Wireframing Templates For Mobile Projects 모바일 UX/UI 디자인 스케치 페이퍼 출처 : http://uxdesign.smashingmagazine.com/2012/09/18/free-download-ux-sketching-wireframing-templates-mobile/ 모바일 UX/UI 디자인시 다양하게 활용할 수 있는 스케치 페이퍼입니다. Tapsize With Tapsize, you can determine the optimal tap area without having an actual device. Just print the screen you need. The set includes 9 PDFs: 3.5 inches — 640 × 960 pixels 4.65 inches — 1280 × 720 pixels 5.3 inches —.. [모바일 web] 레이아웃 참고 XHDPI 이미지는 360*530px로 되어 있으며 DP개념을 도입하여 최신 스마트폰에 맞춘 XHDPI의 화면 레이아웃을 구성한다. [모바일 web] 모바일 웹 디자인 가이드 [web]모바일 웹(APP) 디자인 가이드 ※ 안드로이드 기준으로 설명하고 있고 반드시 정해진 규칙에 따라야 하는 것은 아니나 기본적인 가이드를 따르면 훨씬 보기 좋은 디자인을 만드는데 도움이 될 수 있다. 기기 및 디스플레이 다양한 높이와 너비를 지원하기 위해 레이아웃을 유연하게 작업한다. 화면의 크기에 맞추어 레이아웃을 최적화 한다. 여러 종류의 화면해상도 리소스를 제공해야 한다. 테마 일관적인 스타일을 적용할 수 있도록 안드로이드가 제공하는 3가지 시스템 테마 (아이스크림 샌드위치) 3개의 테마를 기준으로 수정한 디자인(스타일) 적용 가능 터치 피드백 터치 및 제스처 결과를 강조하고 가능과 불가능 액션을 표시 다양한 상태를 알려주는 터치 피드백 디자인 길이 및 격자 터치할 수 있는 UI는 48DP단.. [web] 그리드 시스템의 이해 [web] 그리드 시스템의 이해 기본적으로 나는 전문적인 웹 디자이너는 아니지만 it업계에서 오래 일을 하다보니 잡스러워져 가끔 웹 디자인 부탁을 받곤 한다. 그럴때마다 '각 컨테츠의 간격을 얼마나 두어야 보기 좋고 안정적인 디자인인가? ' '최대 가로 사이즈를 변환할 수 있게 할 것인가?' '고정으로 간다면 어느정도의 크기로 정해야 하는가?' 하는 문제로 고민하곤 했는데 이럴때 아주 기초적인 그리드 시스템을 사용하면 편리하다. 실제로 네이버 다음 등 대형 포탈 사이트에서는 이 그리드 시스템을 기본으로 디자인 되어 있다. 960 Grid system 960 12 컬럼 그리드 시스템 컨텐츠 영역은 940px로 좌우 10px씩의 여백, 각 컬럼은 60px, 컬럼의 간격은 20px로 설정하여 컨텐츠를 배치하는.. [모바일] ios app icon ios app icon http://iosicongallery.com/ http://www.iconsfeed.com/ http://www.iicns.com/ http://www.iospirations.com/ios-icon-designinspirations/frontpage http://www.appleinspires.me/tag/icons/ http://dribbble.com/search?q=iOS+icon http://pinterest.com/search/pins/?q=iOS+Icon http://forrst.com/posts?search=iOS+Icon&sort=&types= http://www.flickr.com/search/?q=iOS+App+Icons http://www.mobiletuxedo.. [UI] 바람직한 UI [web] 바람직한 UI 출처: http://gokgo.tistory.com/94 원문사이트 (http://www.goodui.org) 좋은 UI란 높은 변환율과 쓰기 쉬운것. 다른말로 쓰는 사람이나 사업측면이나 모두 괜찮은것이다. 여기 시도해볼만 실용적인 아이디어들을 리스트해두었다. 1. 멀티컬럼 대신 원컬럼 레이아웃을 써라 원컬럼 레이아웃은 당신이 생각하는 것이상의 컨트롤이 가능하다. 맨위에서 맨아래까지 더 예측가능하도록 당신의 독자들에게 가이드 해줄수있기 때문이다. 반면 멀티컬럼은 페이지의 핵심 컨텐츠에 집중하는 것을 방해할 부가적인 위험을 가지고 있다. 사람들에게 하나의 스토리와 그 끝에 그에 반응하도록 가이드하라. 2. 팔고나서 입 싹 씻지말고 선물을 줘라. 고객에게 선물을 주는것같이 상냥한 제.. [모바일] ios7 icon 스타일 비교 [모바일] ios7 GUI와 기존 ios GUI 비교 ios7 GUI와 기존 ios GUI 비교 With the release of iOS 7, app designers and developers will need to adjust their visual language to match the new "flat" design of iOS. In addition to the grid system, the dimensions of icons and commonly used elements, typography and iconography has been updated by Apple in many ways. That‘s why the old iOS Design Cheat Sheet that I published last year with the release .. [포토샵 팁] 아이콘 작업시 포토샵 설정 아이콘 작업시 포토샵 설정 포토샵에서 아이콘을 그릴 때, 최종 사이즈보다 큰 사이즈로 아이콘을 그린 후에 작게 축소해서 결과물을 얻는 방법을 많이 사용합니다. 이런 경우에 축소된 이미지가 흐릿하게 보여서 다시 리터칭을 하는 경우가 많은데요, 포토샵 설정을 바꾸시면 좀 더 좋은 결과물을 얻을 수 있습니다. Edit > Preferences > General 항목을 누르시면 아래와 같은 창이 뜹니다. 여기서 'Image Interpolation' 항목을 설정합니다. 이 설정은 포토샵에서 이미지를 확대하거나 축소할 때, 픽셀을 변환하는 알로리즘을 설정하는 항목인데요, 보통은 디폴트 값으로 'Bicubic' 로 설정되어 있습니다. Nearest Neighbor : 확대 축소시, 중간값을 보정없이 픽셀 단위로 조.. [UX] UX의 눈으로 NHN Band를 바라보다 UX의 눈으로 NHN Band를 바라보다 [01] Band (이미지출처 하단 명기) Micro SNS의 등장 이후 특정 그룹을 타겟팅한 SNS가 등장했고, Group형 SNS도 등장했다. 카카오톡(지인간의 채팅), 카카오스토리(지인간의 사진 공유 SNS), 카카오아지트(그룹간의 SNS)의 포지셔닝을 보면 카카오의 전략이 다각도로 이루어졌다는 것을 알 수 있다. (관련 기사 : http://me2.do/FfD7ct2) NHN도 그룹 SNS 성격의 모바일앱 Band를 내놓고 발빠르게 움직이는 모습이다. Band 서비스의 정확한 시작은 알 수 없으나, SNS의 미투밴드에서 그 출발을 미루어 짐작할 수 있다. 미투밴드는 미투데이 사람들끼리 친목을 도모하기 위한 공개(혹은 비공개)형 소모임이다. (미투밴드 : h.. 이전 1 2 3 4 5 6 다음
