포토샵 썸네일형 리스트형 "있어보이게" 디자인 하는 방법 1부 안녕하세요 키다리디자이너입니다. 오늘은 웹디자인을 "있어보이게"하는 방법에 대해 얘기해 알아보겠습니다. 경력이 많으신 분이나 디자인에 자신 있으신 분들에게는 이번 포스팅이 쓸모 없을 수도 있겠지만 키다리디자이너가 웹디자인을 하며 시간을 절약하며 나름 있어보이게 디자인하는 노하우를 풀어볼게요. ※ 아래 캡쳐화면들은 키다리디자이너가 특별한 의미 없이 주관적인 의견으로 선별했으며 해당 회사와 키다리디자이너와는 아무런 연관도 의미도 없습니다. 또한 본 캡쳐이미지는 현재 해당 회사의 홈페이지와 차이가 있을 수 있습니다. 1. "포인트"를 정확히 캐치하자 일반적인 웹디자이너분들은 디자인을 하기 전에 항상 어떻게 만들 것인가 고민하며 벤치마킹할만한 다른 웹사이트들을 뒤적거릴 거에요. 이것은 당연한 순서이며 경력이 많.. 더보기 포토샵액션으로 이미지를 쉽게 늘리고 자르자 안녕하세요 키다리디자이너입니다. 오늘은 웹사이트를 만들 때 PSD파일에서 이미지를 쉽게 잘라내고 고해상도 디스플레이에 맞게 사이즈를 키우는 방법을 설명해 드리겠습니다. 1. 이미지파일 키우기 레티나와 같은 고해상도 디스플레이를 사용하는 아이폰의 경우 화면의 크기는 가로 320px이지만 실제 픽셀 밀도는 그 두배인 640px이 됩니다. 이런 디스플레이에서는 PC모니터에서는 깨끗하게 보이던 이미지들이 억지로 크기를 늘린 것처럼 깨져 보이게 됩니다. 픽셀 밀도가 높으면 그만큼 큰 이미지를 사용해야 합니다. 이런 식으로 말이죠. 이런 현상을 막으려면 이미지의 사이즈를 두배 크기로 만들고 HTML에는 그것의 원래 사이즈인 1/2크기로 넣어줘야만 깨끗하게 보이게 됩니다. 그러나 이미지가 벡터가 아닌 비트맵일 경우 .. 더보기 이전 1 다음
