모바일코딩에 대해서 궁굼한점

jessica8318

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 12년 전 · 조회 3058 3058 · 댓글 11 11

방금 모바일 코딩 작업을 받았는데요..

디자인 사이즈가 640인데..전체적으로 320으로 바레이션해서 작업하라고 하는데

이게 무슨 뜻인가요???

#디자이너톡

댓글 11개

지운아빠

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

320까지 고려해서 알아서 잘 하란 소리 같습니다. ㅠㅠ

스카이워러

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

디자인 사이즈가 640으로 되어 있는데 이것을 320으로 변환 적용 시키라는 야그가 아닐까요? ㅎㅎ 어렵네요..ㅋ

달오벌

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

어차피 모바일 코딩은 가로 320px기준으로 코딩해야합니다.
디자인 작업을 640px로 주는 것은 이미지때문에 그렇습니다.

예를 들어 박스의 height값이 60px, border값이 2px로 되어있다면 실제 코딩은 30px, 1px로 코딩하면 됩니다.

대신 이미지나 아이콘같은 요소들은 받으신 파일그대로 잘라서, 크기를 반으로 줄여주셔야겠죠~
예를 들면 실제 이미지가 60px*60px이면 그대로 잘라서 업로드해두시고, 코딩하실때는 30px*30px로 크기를 설정해주시면 됩니다.

이렇게하는 이유는 ratio값이 1이상인 모바일기기 때문인데요~
(요즘 보통은 1.5~2가 대부분입니다.)

아이폰4 이상을 예를 들면, 해상도가 가로 640입니다. 그렇다고 해서 뿌려지는(실제로 보여지는) 해상도는 640이 아니라 320입니다.
그만큼 밀도가 2배로 조밀해졌다는 소리입니다.

실제로 예를들어 코딩해보시면 알겠지만 320px기준으로 30px*30px 로 보여질 이미지라고 해서 그대로 30*30으로 이미지를 잘라서
코딩하고 확인해보시면 이미지가 뿌옇게 흐려질 것입니다.

보여질 이미지가 30*30이라도 이미지작업은 60*60으로 해야만 이미지가 깔끔하게 보인다는 소리죠~

두서 없이 설명을 해서 죄송하네요~저도 첨에 할때 해상도에 대한 개념이 없어서 많이검색을 해봤답니다.
작업하시기전에 어느정도는 검색을 하셔서 해상도에 대한 개념을 이해하시고 코딩을 하시는편이 좋을 듯합니다.

지운아빠

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

깔끔한 정리 감사합니다. 많은 도움이 되었네요. :)
질문하신 분은 이 내용도 읽어보시면 좋겠네요. (물론 저도 ㅎㅎㅎ)
http://uxd.so/h/retina-web-raster/

스카이워러

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

와...좋은 답변이네요...^^ 덕분에 좋은거 알았습니다..감사합니다..^^

HackYa

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

그냥 짧게 얘기해서 "retina-ready" 되어야 한다, 이 말씀이신데, retina display 에 대응하기 위해 retina 용 이미지를 따로 준비하는 등 방법은 몇가지가 있지만, 결국 결론은 front-end developer 의 일이 많아집니다.

그래서 일을 줄일려면 svg 사용, 또 font awesome 같은 이미지 폰트를 적극 사용하는 것 이 좋은 것 같습니다.

티즈코리아

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

와우~ 감사합니다~~^0^

빨간소금쟁이

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

잘 봤습니다.

zzzz

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

png24, 32
유손실, 무손실

파아랑

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

일단 크게 만들고 사이즈에 맞게 들어가게 만들어서 선명하게 보이게 한다는거..

senv

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

아이폰은 레티나여서 320사이즈로 코딩하게되면 이미지가 찌직거려요
그래서 640이미지 사이즈를 놓고 320으로 작업하게되면 이미지가 선명하게 되니까 그래서 그렇게 주신것 같네요

댓글을 작성하시려면 로그인이 필요합니다.

디자인

제목	글쓴이	날짜	조회
많은 분들의 조언이 필요합니다 꼭 읽어봐 주셔서 글 남겨주세요 [4] #디자이너톡	디자인배틀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	조회 980
css 배경만 투명처리 하는법~~ [4] #디자이너톡	나는웹디다 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	조회 2,226
영카트로 모바일 웹 메인페이지 디자인 및 코딩 #디자이너톡	지형열 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	조회 1,162
광주 디자이너 분들 계신가요? [6] #디자이너톡	펄렁거스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,144
이러한 1장을 제작하는데 발생하는 비용은 어느정도인가요? [10] #디자이너톡	l2zeo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,843
폰트 이름좀 알수 있을까요? [1] #폰트문의	일산사랑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,117
인터파크 전용서체 문의좀 드립니다 [1] #폰트문의	일산사랑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,367
가르침을 부탁드립니다..^^;; [6] #디자이너톡	l2zeo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,935
clippingmagic.com [10] #디자이너톡	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,290
웹디자이너분들 계신가요?? [5] #디자이너톡	준하언니 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,419
포토샵 사용 중에 새 캔버스가 안 열린다면 [2] #디자이너톡	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,094
인터넷언론사 홈페이지 리뉴얼작업 의뢰합니다. [10] #디자이너톡	안토니오 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,162
백그라운드 설정할때 RGBA 가 뭔가요~? [2] #디자이너톡	도룡이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,132
플래시 궁금한게 있습니다. [3] #디자이너톡	스님꼬신수녀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 839
디자이너 형님,누님들아 [7] #디자이너톡	폭도천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,255
무료폰트 / 비비트리고딕체/나무체/손글씨체 [4] #폰트문의	해피정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2.5만
폰트 문의 드립니다. [1] #폰트문의	킬러퀸 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 929
작업 폴더 이름이 수정되면... [1] #디자이너톡	밥먹고합시다 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 909
웹표준 홈페이지 및 html5 등 관련된 교육 pt 가능하신 강사분 찾습니다. #디자이너톡	네모웹에이전... 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,018
깔끔한 각종 소스를 매일 매일 무료로 받으실 수 있는 페이지를 소개합니다. [4] #디자이너톡	윤변 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,548
수정 부분별 가격표 같은것이 있나요?? [2] #디자이너톡	퍼블리셔지노... 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 972
웹디자이너 준비 1년이면 될까요? [10] #디자이너톡	초콜릿 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,595
요즘 쇼핑몰 상세페이지 디자인 가격이나 연봉이... [2] #디자이너톡	여행아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,831
영문폰트명 알려주세요~ [1] #폰트문의	불혹말년 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,523
즐겨찾기 2차 공개ㅠ.ㅠ 쉽지 않네요.. [2] #디자이너톡	디자인배틀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,095
반응형 홈페이지 관련해서 문의 드립니다. [4] #디자이너톡	올타 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,216
모바일 웹 디자인 의뢰합니다. #디자이너톡	사랑함수 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,596
모바일 페이지 제작 의뢰 [1] #디자이너톡	노마 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 986
어렵게 모은 디자이너를 위한 즐겨찾기 목록입니다. [7] #디자이너톡	디자인배틀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,723
[무료 디자인 소스]크리스마스 아이콘 PSD [1] #추천사이트	4web 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,141
폰트 Adobe가 드디어 단속을 시작했습니다. [7] #디자이너톡	해피정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 8,150
모바일웹 제작 문의 드립니다. [2] #디자이너톡	열심히정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,034
깔끔한 line icon입니다. [1] #디자인시안	4web 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 5,227
골프장인트로 디자인 [5] #디자인시안	4web 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 5,015
즐겨찾기 조사를 기준으로 사이트 변경하였습니다. [5] #디자이너톡	디자인배틀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 899
폰트명좀 알려주세요. [1] #폰트문의	東行 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 925
도로명 주소로 바뀌는거요~ [3] #디자이너톡	AnnieK 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 958
젊은디자이너분들 [5] #디자이너톡	임구 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,432
폰트 구매를 한번 하면 계속 쓸수 있나요? [1] #디자이너톡	예리한맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,146
여행사 시안작업입니다. (다른색상버전) #디자인시안	아름다운세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,836
즐겨찾기조사 [10] #디자이너톡	디자인배틀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,054
폰트구입은 어디서 하나요? [4] #디자이너톡	소수리꼬 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,415
디자이너의 일과가 궁금합니다. [7] #디자이너톡	디자인배틀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,474
내일은 없어 폰트 무엇인가요???[사진 첨부~] [6] #폰트문의	Terrorboy 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,113
여행사 시안작업입니다 (다른색상버전) [7] #디자인시안 #디자인	아름다운세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 5,405
코딩 때문에 우울해요 [8] #디자이너톡	더딘하루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,635
티스토리 초대장 3장있어요~필요하신 분 드립니다. [13] #디자이너톡	달오벌 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 881
웹표준 코딩 기준이 어느정도인가요?? [5] #디자이너톡	록펠러 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,603
이폰트 이름이 뭐에요? [2] #폰트문의	비둘기 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,384
모바일코딩에 대해서 궁굼한점 [11] #디자이너톡	jessica8318 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,059
디자인 참고용 사이트 입니다.. [3] #추천사이트	세븐데이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,489
간만에 아이콘 올려봅니다.. 잘 사용하세요 [15] #디자인시안	세븐데이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 6,460
디자인 견적 기준 궁금합니다. [10] #디자이너톡	여름나무 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,078
디자이너분들, 자신의 일에 자신감을 가지십시오. [13] #디자이너톡	T2H1 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,479
페이스북 코멘트를 웹사이트로 불러올때 [8] #디자이너톡	HackYa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,697
심플 캘린더 만들어봤습니다~ [7] #디자인시안	달오벌 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,391
이글 좀 봐주세요. [8] #디자이너톡	HackYa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,872
템플릿 좀 봐주세요. [14] #디자이너톡	호빠앙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,321
css 초보자의 질문입니다. [11] #디자이너톡	류크자케 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 996
html 5 테스트 사이트 #추천사이트	글록26 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,660
디자이너 VS 프로그래머 [15] #디자이너톡	글록26 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,682
프리랜서, 디자인, 그리고 현실 : 여러분은 제값을 받고 있습니까? [12] #디자이너톡	HackYa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,182
디자인배틀입니다. 조언 부탁 드립니다. [12] #디자이너톡	덩어리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,329
넥슨풋볼고딕체 오랜만에 마음에 드는 한글폰트 발견! [8] #디자이너톡	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,892
프리랜서 7년차... [10] #디자이너톡	초심의설렘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,560
여행사 시안작업입니다. [8] #디자인시안 #디자인	아름다운세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,719
사이트 디자인 및 구성에 대해서 조언 부탁드립니다 ㅠㅠ [7] #디자이너톡	타구 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,030
광고디자인 제작, 순서가 원래 이런가요? [14] #디자이너톡	대그릇 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,870
[하소연] 참 진짜 이런 클라이언트 어떻게 생각해야하나요. [17] #디자이너톡	훈이즈히어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,473
일본식 리폼회사 [2] #디자인시안	제로나라 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,572
굵은 폰트가 필요할 때 있지요? [2] #폰트문의	박달나무 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,028
죄송하지만 혹시 사이트 디자인 평가 가능할까요?? [15] #디자이너톡	날품팔이소녀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,779
혹시 파일질라 쓰시는분 .. [3] #디자이너톡	뽀뺑이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,033
웹디가 하는 코딩은 어디까지인가요? [12] #디자이너톡	쿠크다스심장 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,343
[고객의마음 사로잡기]시즌 로고를 활용하라. [3] #디자이너톡	모노폴리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,226
디자이너분들 힘내세요~ [7] #디자이너톡	표도르으 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,313
유니코드 중국어/일본어 다운로드 홈페이지 #폰트문의	해피정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,002
로그인 박스 [1] #디자인시안	세븐데이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,278
심플 아이콘 #1 [5] #디자인시안	세븐데이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,528
라디오버튼으로 원하는값 검색하게 만드는거 어렵나요;;? [4] #디자이너톡	도룡이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,526
장애인접근법 소스 구해여 [4] #디자이너톡	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,434
Dreamwaver CC 에서는 ASP/ASP.net/JSP 개발을 할 수 없다? [8] #디자이너톡	해피정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,015
Flash CC (Creative Cloud)는 하위버전으로 저장을 지원하지 않습니다. [3] #디자이너톡	해피정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 4,315
플래쉬 cs3 프로젝트 메뉴 [1] #디자이너톡	이코아리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,065
디자이너 프로그래머 [1] #디자이너톡	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,195
혹시 여기에사용한 깔끔한폰트명아시는분?? [4] #디자이너톡	별을따는소년 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,693
확실히 그누보드SIR 이 제로보드 공홈보다 훨씬 사람들이 좋은거같습니다. [1] #디자이너톡	영화광팬 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,152
배추빌더 아시는분 ㅠ? 헬프미 ㅠ [3] #디자이너톡	도룡이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,220
비비스킨시안입니다 [43] #디자인시안	력셜일 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 5,312
심플한 아이콘 모음들 [23] #디자인시안	port 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1.1만
이 폰트 상업 무료인가요?(Brie) [3] #폰트문의	크림힐트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,040
플래시 네비게이션 때문에.. 27시간째 못자고 있어요... ㅠㅠ [7] #디자이너톡	개초보제이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,759
이맛에 디자이너 합니다! [15] #디자이너톡	도룡이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,320
요즘 투잡뛰는데 스트레스때문에 자주 욱하네요 [4] #디자이너톡	훈이즈히어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,829
디자이너 분들께 질문드립니다. [1] #디자이너톡	영국신사1 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,021
디자이너분들께 질문있습니다. [3] #디자이너톡	덩어리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,153
요즘경기어떤가요? [5] #디자이너톡	마루Design 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,943
프리랜서님들~ CI 작업해주면 보통 얼마정도 받나요?? [6] #디자이너톡	도룡이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,182
요즘 디자인은 이쁜디자인보다 사용하기 좋은 디자인이 주가 되고 있어서 좋네요 ㅎㅎ [3] #디자이너톡	훈이즈히어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,519
채팅사이트 시안 [1] #디자인시안	세븐데이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,546

이전 첫 페이지 다음

글쓰기