포럼
맥북 레티나로 웹디자인 포기해야겠네요
2013.01.07 11:04
맥북 레티나를 구입했는데 전반적으로 고해상도 화질을 보여줌에도 불구하고
대다수의 사이트의 비트맵 아이콘, 레이아웃, 이미지들이 흐릿하게 보이네요.
다들 아시겠지만 웹은 픽셀 기반이라 1px의 차이도 웹디자인에서는 중요하게 여기는데
다 흐릿하게 보이니까 명확한 구분이 힘드네요;
맥에서 마크업이랑 코딩 해볼려고 파일질라랑 코드에디터 등 깔았는데
아무래도 맥 안에 윈7 설치해서 거기서 작업하는데 더 빠를거 같아요ㅡㅡ;
아래는 제가 디자인한 사이트인데 맥북 레티나로 보니까 다 흐릿하게 보여요.
근데 apple.com에 들어가보면 다 선명하게 보인다는거죠.
근데 이걸 애플의 레티나 디스플레이에만 국한되는 문제로 봐서는 안될거 같아요.
차세대 디스플레이들이 다 애플처럼 고해상도 기반의 디스플레이들로 대체될 것이라고 하네요.
그렇다면 앞으로 웹디자인 및 마크업 할 때도 이런 것들이 고려가 되어야 한다는 말이 되겠죠.
ie6가 점차 역사속으로 사라져가는 분위기 속에서 크로스브라우징의 숱한 노가다들이 좀
덜어지려나 했더니 반응형 웹, HTML5, 레티나 기반 웹디자인 등의 끝없는 이슈들이 몰려오네요.
웹의 변화는 정말 무한대인가 봅니다.
아래 링크 한번 들어가보셔서 이 문제에 대해서 한번쯤 생각해보셨으면 합니다 ㅎㅎㅎ
댓글 12
-
LI-NA
2013.01.07 11:22
-
시니시즘
2013.01.07 12:53
그게 지혜로운 방법인 것 같습니다. 모두 JPG로 떼우던 야매 방법들이 서서히 출혈을 보이기 시작하겠죠...
-
푸시아
2013.01.07 11:26
맥북 레티나 부럽습니다~ 비싼 물건.
-
시니시즘
2013.01.07 12:54
인터랙티브미디어 분야에 있다보니 맥베이스가 기본인지라 저도 어쩔 수 없이 샀습니다. 부유한 사람은 아니구요. 사고보니 거지가 됬네요...
-
윈컴이
2013.01.07 11:27
전 배경 이미지 빼고는 아이콘까지 이미지를 사용하지 않습니다 ㅎㅎ
-
시니시즘
2013.01.07 12:57
그게 정석이죠. 하지만 대부분의 한국 클라이언트와 웹에이젼시에서는 그런 식으로 안하고 있고 비트맵을 많이 선호하는 것 같아요. 그게 또 한국 소비자층의 선호도가 크고... 한국 웹도 구글과 페이스북을 많이 배웠으면 하는 생각...
-
라미아스튜디오
2013.01.07 16:41
저도 맥에서 작업하면서 해당부분을 많이고심했었는데
그냥... 따로 모니터를 씁니다..ㅜㅜ 그게속편해요..
어차피 모든이들이 고해상도 디스플레이를 쓰는것도아니고
1920의환경조차 사용하시는분들이 웹통계를보니 20%도 안되는거같던데
아직까지는 신경도 안쓰려구요...
그나저나 사파리 쓰시네요? 전 불편해서 바로 크롬받아서 쓰고있는데..
그리고 코딩은 무슨프로그램으로 하시나요? 전 coda쓰고있습니다.
-
시니시즘
2013.01.07 18:21
아 이미 맥환경으로 작업하시는 개발자분을 만나니 반갑네요 ㅎㅎ 저도 맥북 레티나만 고려했을 때는 큰 상관이 없지만 레티나 아이패드나 이미 많이 보급된 아이폰4와 5를 좀 고려해야 할 필요가 있을 것 같아서요. 앞으로 출시되는 스마트폰들은 다들 레티나 대응 스마트폰이 주를 이룰 것으로 예상되기에 모바일 웹 디자인의 경우에는 꽤 중요 사안이라고 생각합니다. 근데 막상 저도 당장은 포기네요; 사실 이제 맥 입문이라 프로그램도 별로 많이 깔지도 않았어요 ㅋㅋ Sublime text 2라는 에디터 깔았구요. coda가 제일 좋다던데, 어떤가요? 전 안되면 페러럴즈로 윈도우 띄워놓고 코딩 할려고 했습니다만...ㅠ
-
라미아스튜디오
2013.01.09 17:49
아 저는 개발자가 아니라 음악을 하고있습니다. ^^;
그런데 홈페이지를 직접 만들고 운영하고있기때문에 열심히 골머리를 썩고있지요.
솔직히 에디트플러스에 너무 익숙해져그런지..
적응은 힘드네요~ 다만 coda가 에디트플러스에비해 인터페이스가 좀 더 직관적이고
쉬운것같긴하네요.
그나저나 고민하시는 부분에대해서 저도 해상도문제때문에 고민한적이 있었는데...
하나의 레이아웃안에 그것들을 모두 담는것은 무리이지만,
회원이 접속시에 해당 해상도를 계산하여 출력해주는 화면을 다르게 해주는 레이아웃이라면
그것이 가능하지않을까 생각도 되네요..
반응형 레이아웃이 아닌, 접속부터 해당기기의 해상도를 읽고
보여줄 디자인을 정해주는 레이아웃이라면..
-
Garon
2013.01.07 17:10
레티나... 써본들 리뷰보면 악마의 물건...(눈 배리는) 이라고 하던데 ㅋ
어쨋든 결국 레티나 경향으로 몽땅 가겠죠 ㅎㅎ -
시니시즘
2013.01.07 18:26
왜 악마의 물건이죠? ㅋㅋ 레티나 한번 보고나면 다른 모니터는 구려 보인다 뭐 이런 얘기 때문인가요? ㅋㅋㅋ 전 별로 찬양하는 스타일이 아니라서 와 화질 쩔어 대박 뭐 이런거 안해요ㅡㅡ; 오히려 윈도우를 편히 쓸 수 없는 것 때문에 많은 애로사항을 겪고있는 중...
-
Garon
2013.01.08 01:53
네, IT 가이에서 ㅋㅋ 주로 예민하신 분들이 그러신것 같아요.(추측)
뭐 표현이 구려보인다가 아니라, 눈이 피곤해 타령으로 하시지만 ^^.
저는 웹을 만들때 최대한 이미지 사용을 자제하고 CSS를 이용합니다.
그러면 일단 어디서든 선명하게 나오니까요... :)
꼭 이미지를 사용해야할 부분이 있다면 DPI 1.0과 2.0을 구분해서 이미지를 적용시킵니다. 일단 둘 다 만들어 두고..