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 로 작업하고 브라우저 렌더링 확인해보기.웹브라우저로 인한 이미..

큰 이미지를 크기 줄여 디자인한 경우, 전체 캔버스 크기가 레이어 이미지보다 큰 경우 등에서 asset 이 원하는 크기대로 생성되지 않는 문제 발생!레이어 마스크 추가 후 마스킹 영역이 아닌부분을 검정색으로 채우는 순서로 하면 안됨마퀴툴로 보이고자 하는 영역을 선택상태로 만든 뒤 레이어 마스크 버튼을 눌러 추가하면 해결됨벡터마스크를 사용하면 패스 형태 변환 등이 모두 asset 결과에 반영됨마스크는 드래그 & 드롭으로 레이어 뿐 아니라 그룹에도 적용 가능

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://speckyboy.com/2013/04/03/flat-gui-templates/평평한 플랫 스타일이란건 ‘흔한 그라디언트 없는, 그림자까지 픽셀 표현, 그리고 원래 도구의 형태를 따르게…’ 만들어졌다는것을 의미합니다. 모두 무료이며, 수정가능합니다, .psd 형식으로 되어 있으며, 모두 빠른 웹과 모바일 목업 생성시 완전 좋습니다.Flat 블로그 UI Kit (PSD) by PSDExplorerDownload Page →Square UI (PSD) by DesignModoDownload Page →Flat 위젯 UI Kit (PSD) by Riki TanoneDownload Page →Flat UI (PSD) by Andy LawDownload Page →UI Kit (PSD) by Abhi..

http://freeuikits.com/ http://spyrestudios.com/35-free-user-interface-kits-for-mobile-and-web-designers/ http://www.splashnology.com/article/60-free-ui-design-kits-templates-and-resources/853/ http://line25.com/articles/30-free-ui-kits-featuring-detailed-web-elements http://www.noupe.com/tools/20-free-top-shelf-ui-kits-for-web-designers.html http://www.smashingmagazine.com/2010/02/05/50-free-ui-..

모바일에 사용할 아이콘 저장시는 File > Save for Web & Devices (Ctrl + Alt + Shift + S) Preset: PNG-24 [V] Transparency 해줘야 계단 현상이나 가장자리 지저분 현상이 일어나지 않는다.

+ 픽슬: 포토샵과 유사, API 제공 (영문) http://www.pixlr.com/editor/ http://www.pixlr.com/wiki/developer/api + 스플래쉬업: 포토샵과 유사 (영문) http://www.splashup.com/splashup/ + 피크닉: API 제공 (한글) http://www.picnik.com/app#/in/start + 포토플렉서: 싸이월드스튜디오 비슷, 캔버스 크기 조절 안되는 단점, API 제공 (한글) http://fotoflexer.com/app/index.php?lang=ko-KR

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/ 영리..

포토샵 설치 폴더에 가서 adobe_eula.dll 를 adobe_eula.old 로 변경