VoidNoble IT Zone

https://material.io/devices/ 에서 대개 많이 사용되는 갤럭시S6 dp 해상도를 확인해보면360 x 640포토샵에서 캔버스 크기는 위 사이즈 * 2로 잡고photoshop generator 로 50%, 100% 이미지를 생성 각각 1x , @2x 이미지로Density 가 4 로 되어 있음을 확인 할 수 있는데 360 (dp) x 4 (density) = 1440 (px)즉, 1440 px 넓이의 이미지를 360 넓이로 1/4로 고농축 압착하여 보여줌반대로 설명하자면 360 px 넓이 이미지를 기기에서는 4배인 1440 px 넓이로 늘려 보여줌여튼, 귀찮거나 모르겠다 싶으면 일단 포토샵 캔버스 크기를 360 x 640 px 로 작업하고 브라우저 렌더링 확인해보기.웹브라우저로 인한 이미..

45+ WordPress Magazine Themes http://splashmagazine.com/2013/01/wordpress-magazine-themes/Best Magazine Premium WordPress Themes http://www.premiumwp.com/best-news-and-magazine-style-premium-wordpress-theme-gallery/25 Magazine-Style Layouts for Your Design Inspiration http://vandelaydesign.com/blog/galleries/magazine-layout/28 New Great Magazine/Newspaper Style WordPress Themes http://www.1stweb..

템플릿 사이트 카피로 연습할때1. 레이아웃 와이어프레임 스케치하여 구조를 알고2. 컬러스킴 파악하고3. 사용된 폰트들 조사 (상세 페이지에 나와 있을거고)4. 리소스가 되는 개별 이미지들 준비하고5. 프리뷰를 통해 사이즈 파악하고6. 프리뷰에서 마우스를 올려봐서 메뉴가 어떻게 디자인 되어 있는지도 보고7. 디자인 작업 시작하도록.

http://www.webdesignerwall.com/trends/what-to-expect-in-2010-uxui-design-simplicity/ 깨끗하고 간단함 한 페이지의 웹사이트 http://thisfinger.com/ 슬라이더 사용 http://www.slidedeck.com/ 모달 상자 영리한 네비게이션과 작업표시줄 http://www.reuters.com/ 텍스트가 바로 새로운 이미지다 http://37signals.com/ http://www.d-p-i.co.uk/ 넓어진 페이지 레이아웃 http://www.apple.com/iphone/ 모든 웹사이트의 모바일 버젼을 기대 http://mobify.me/ 전자상거래 tweaker 쇼핑을 기대 http://www.kayak.com/ 영리..

http://net.tutsplus.com/articles/web-roundups/10-templates-that-solve-problems-for-web-developers/

http://www.smashingmagazine.com/2008/11/11/newspaper-website-design-trends-and-examples/