본문 바로가기 메뉴 바로가기

VoidNoble IT Zone

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

VoidNoble IT Zone

검색하기 폼
  • 분류 전체보기 (721)
    • AI (2)
    • 모바일 (119)
      • Flutter (0)
      • React Native (1)
      • 모바일웹 (20)
      • Android (54)
      • iOS (39)
      • 윈도우모바일 (1)
    • 웹프로그래밍 (313)
      • html (12)
      • js (77)
      • css (31)
      • NodeJS (13)
      • Python (1)
      • PHP (42)
      • ASP Classic (68)
      • GoLang (1)
      • Wordpress (6)
      • JSP (3)
      • .NET (6)
      • Scala (1)
      • XML (4)
      • 웹접근성 (6)
      • Adobe Air & Flex (2)
    • SQL (35)
      • MS-SQL (26)
      • MySql (5)
      • MongoDB (2)
    • OS-서버-서비스 (152)
      • macOS (9)
      • Docker (9)
      • CloudFlare (1)
      • NginX (5)
      • Git (3)
      • AWS (6)
      • Azure (4)
      • 구글 DFP (광고서버) (1)
      • Windows (72)
      • Elasticsearch (3)
      • IoT (1)
      • Linux (27)
    • 응용프로그래밍 (11)
      • Java (1)
      • C# (8)
      • Visual Basic (0)
      • VB.NET (0)
    • 디자인 (16)
      • Photoshop (5)
      • illustrator (0)
      • Flash (1)
      • 웹디자인 (6)
      • 디자인 리소스 (1)
      • Inspiration (0)
    • Tools (12)
      • Visual Studio Code (5)
      • sublime text (1)
      • PHPStorm (4)
    • 개발 옆차기 (1)
    • 서비스들 (18)
    • 용어?영어? (2)
    • 문서-사무-OA (0)
    • 자료실 (34)
    • 하드웨어 (0)
    • 네트워크 (2)
    • 개발자 생활로그 (4)
  • 방명록

디자인/웹디자인 (6)
안드로이드용 모바일웹 디자인시 이미지 캔버스 사이즈는

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

디자인/웹디자인 2016. 11. 19. 23:19
Top news magazine style themes for your design inspiration

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..

디자인/웹디자인 2013. 4. 18. 14:09
템플릿 사이트 카피로 웹디자인 연습시 참고할점

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

디자인/웹디자인 2013. 4. 15. 10:20
2010 기대되는 디자인 트렌드: 단순한 사용자경험/사용자인터페이스 디자인

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

디자인/웹디자인 2010. 6. 23. 00:33
웹개발자의 디자인적 문제해결을 위한 10개의 템플릿

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

디자인/웹디자인 2010. 1. 24. 12:22
Newspaper 웹사이트 디자인: 트렌드와 예제

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

디자인/웹디자인 2010. 1. 24. 12:03
이전 1 다음
이전 다음
공지사항
  • 비방 욕설 의견은 바로 삭제해 드립니다
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • Make Use Of
  • How to geek
  • 인터넷 통계정보 검색시스템
  • 트위터 공유 정보모음
  • 웹표준KR
  • 치우의 컴맹탈출구
  • Dev. Cheat Sheets
  • w3schools
  • Dev. 조각들
  • ASP Ajax Library
  • CSS Tricks
  • WebResourcesDepot
  • jQuery Selectors Tester
  • DeveloperSnippets
  • Smashing Magazine
  • Nettuts+
  • devListing
  • 웹 리소스 사이트(한)
  • Mobile tuts+
  • Dream In Code
  • Developer Tutorials
  • CSS3 Previews
  • 자북
  • 안드로이드 사이드
  • Code Visually
  • Code School
  • SQLer.com
  • 무료 파워포인트 템플릿
  • iconPot
  • Free PowerPoint Templates
  • Design Bombs
  • Web Designer Wall
  • 1st Webdesigner
  • Vandelay Design
  • 무료 벡터 이미지 사이트들
  • Tripwire Magazine
  • Web TrendSet
  • WebMonkey
  • 윤춘근 프리젠테이션 디자이너 블로그
  • cz.cc 무료 DNS
  • [웹하드] MediaFire
  • [웹하드] DivShare
  • 한컴 인터넷 오피스
TAG
  • ASP
  • Debug
  • 한글
  • 안드로이드
  • laravel
  • 워드프레스
  • CSS
  • Mac
  • IE
  • Android
  • sencha touch
  • javascript
  • macos
  • Linux
  • PHP
  • JSON
  • API
  • Docker
  • nodejs
  • git
  • iis
  • centos
  • IOS
  • Wordpress
  • classic asp
  • nginx
  • JQuery
  • Prototype
  • mssql
  • iphone
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바