전체 글 166

상세페이지 디자인 작업 시 체크해야 할 사항 (디자이너를 위한)

상세페이지 디자인 작업 시 체크해야 할 사항 1. 제품 사진 - 사이즈 확인, 정상적으로 열리는지 꼭 확인 ★★★★★ (받자마자 바로 확인) 2. 상세페이지에 들어갈 텍스트 ★★★★★ 추후에 내용이 변경될 경우 변경되는 부분만큼 추가 금액이 발생될 수 있다는 점을 말씀도 드리고 견적서에 명시해 주세요. 단순하게 글자만 추가되는 경우라면 센스있게 서비스로 작업해 드리면 됩니다 :) 3. 기타 자료 ★★★★★ 상세페이지 내용을 꼼꼼하게 살펴본 후에 꼭 받아야 되는 자료가 있는지 체크해서 요청해야됩니다. 예) 특허증, 각종 인증서, 의뢰인 회사관련 이미지 등 * 자료를 받고 사이즈 및 정상적으로 열리는지 꼭 확인 예전에는 상세페이지 문의가 들어오면 원하는 방향이 어떻게되는지, 답변이 없으면 들을때까지 집요하..

DESIGN 2023.11.07

Supplement + GIF (September 2023)

GIF 셔터스톡에서 판매하는 영상을 이용하여 GIF를 적용한 것입니다. 예전에는 가격 때문에 부담스러웠던 영상이지만, 이제는 상세 페이지에도 적용할 만큼 가격 부담이 줄어든 것은 사실입니다. This is a GIF application using videos sold on Shutterstock. It's true that the cost of videos, which used to be a burden, has now reduced enough to be applied even on detailed pages. Design by Jeonghun Lee (Designer PA) https://www.leejeonghun.com/ Instagram - jeong2303 ( https://www.insta..

DESIGN 2023.10.26

상세페이지 분할 저장 🙂

상세페이지 분할 저장 방법입니다. 🙂 정리하면 아래와 같습니다. 1. 안내선 설정 2. 분할 영역 도구 클릭 (Slice Tool) 3. 안내선 분할 영역 버튼 클릭 (Slices From Guides) 4. 웹용으로 저장 : File > Export > Save for Web(Legacy) Save for Web 뒤에 (Legacy)가 항상 붙어있죠. "웹용으로 저장 기능"은 오래전에 기능 업데이트를 중단했습니다. 😢 벌써 7~8년 된 거 같네요. 3만 픽셀이 넘으면 버튼 자체가 비활성화되어 클릭 자체가 안됩니다. 😮 그래도 상세페이지를 제작하시는 분들에게는 꿀 기능입니다. 이대로라도 좋으니 유지했으면 좋겠네요. 😢 https://youtube.com/shorts/NFM4alPZGzY 상세페이지 분할 ..

DESIGN 2023.10.23

픽토그램, 픽토그래픽 작업 (pictogram, pictographic work)

아이콘과 비슷하면 모두 "픽토그램"인 줄 알았는데 제가 작업하는 이미지는 "픽토그래픽(Pictographic)"에 더 가깝다고 하더군요. 😮 제가 사용할 목적으로 만들기도 하지만 판매도 할 목적으로 2일에 1개씩 제작하려고 노력하고 있습니다. I initially thought that anything similar to an icon was a "pictogram". However, I've been told that the images I'm creating are more aligned with "pictographics". I'm not only crafting them for my personal use, but also with the intention of selling them. My go..

DESIGN 2023.10.20

샐러드 - 상세페이지 자료

연습용 상세페이지 자료입니다. (하단 다운로드 링크 확인) 포트폴리오로 사용하셔도 됩니다. 내용이 많지 않아 "24시간 완성"을 목표로 작업하시는 걸 추천드립니다. https://drive.google.com/drive/folders/1AR6kDF7LslJZbgkpHMXzCWtKrbiHiRHd?usp=sharing 샐러드 - Google Drive 이 폴더에 파일이 없습니다.이 폴더에 파일을 추가하려면 로그인하세요. drive.google.com Design by Jeonghun Lee (Designer PA) https://www.leejeonghun.com/ Instagram - jeong2303 ( https://www.instagram.com/GraphicDesignerPA/ ) Blog - ht..

오메가3 - 상세페이지 자료

연습용 상세페이지 자료입니다. (하단 다운로드 링크 확인) 포트폴리오로 사용하셔도 됩니다. 내용이 많지 않아 "24시간 완성"을 목표로 작업하시는 걸 추천드립니다. https://drive.google.com/drive/folders/1dshtb88MB3GHXL57t4aGhe3hXpZFZDRf?usp=sharing 오메가3 - Google Drive 이 폴더에 파일이 없습니다.이 폴더에 파일을 추가하려면 로그인하세요. drive.google.com Design by Jeonghun Lee (Designer PA) https://www.leejeonghun.com/ Instagram - jeong2303 ( https://www.instagram.com/GraphicDesignerPA/ ) Blog - h..

오렌지 주스 - 상세페이지 자료

연습용 상세페이지 자료입니다. (하단 다운로드 링크 확인) 포트폴리오로 사용하셔도 됩니다. 내용이 많지 않아 "24시간 완성"을 목표로 작업하시는 걸 추천드립니다. https://drive.google.com/drive/folders/1AtpOZ0gZNe1bSshjvvBL86Pr6d3-RKVn?usp=sharing 오렌지주스 - Google Drive 이 폴더에 파일이 없습니다.이 폴더에 파일을 추가하려면 로그인하세요. drive.google.com Design by Jeonghun Lee (Designer PA) https://www.leejeonghun.com/ Instagram - jeong2303 ( https://www.instagram.com/GraphicDesignerPA/ ) Blog - ..

바나나잎차 - 상세페이지 자료

연습용 상세페이지 자료입니다. (하단 다운로드 링크 확인) 포트폴리오로 사용하셔도 됩니다. 내용이 많지 않아 "24시간 완성"을 목표로 작업하시는 걸 추천드립니다. https://drive.google.com/drive/folders/1Ch7L5eGvduG6Um7A03BkJFK7vI8x0lN9?usp=sharing 바나나잎차 - Google Drive 이 폴더에 파일이 없습니다.이 폴더에 파일을 추가하려면 로그인하세요. drive.google.com Design by Jeonghun Lee (Designer PA) https://www.leejeonghun.com/ Instagram - jeong2303 ( https://www.instagram.com/GraphicDesignerPA/ ) Blog - ..

상세페이지 GIF 편집 방법 (DM 답변)

GIF 관련 DM 문의에 대한 답변입니다. 1. GIF 관련 고객 대응 및 제작 방법 GIF의 경우 동영상을 받은 후 "원하는 부분"을 여쭤봅니다. 용량이 크면 안 되기 때문에 "5초~7초" 안으로 정해달라고 요청드리고 있습니다. 전에는 영상 편집 프로그램을 사용하여 번거롭게 작업했지만 요즘에는 꽤 괜찮은 사이트를 발견해 이용하고 있습니다. 아래 사이트를 추천합니다. https://ezgif.com/videotogif 초 단위로 자르기가 매우 편리하며 GIF도 깔끔하고 빠르게 만들어줍니다. 단 100mb 이하만 업로드가 가능합니다. 2. GIF 사이즈 상세페이지 크기에 맞게 GIF를 제작하실 필요 없습니다. 예를 들어 네이버 스토어 팜의 경우 사이즈 상관없이 GIF를 업로드하고 사이즈를 조절하시면 됩니다..

DESIGN 2022.10.19

작업 전 30분 스케치! Feat.가사 없는 잔잔한 음악

상세페이지 작업 전에 디자인 구상은 필수이며 텍스트를 시각화하기 위해 노력합니다. 사실 제가 좋아하는 상세페이지 디자인은 최대한 디자인 요소는 줄이고 깔끔하고 감성적인 사진 + 설명글입니다. 디자인을 업으로 하는 디자이너로서 아이러니한 부분이기도 합니다. 상세페이지 스케치 영상 (30분) https://www.instagram.com/tv/CixEAV9rJMd/?utm_source=ig_web_copy_link 작업 전 스케치는 상세페이지 제작에 꽤 도움이 되는 편입니다. 하지만 쉽게 펜을 들기가 힘들죠. 스케치 작업 중 사용할 이미지도 찾아보면 훨씬 더 수월해집니다. 이미지 검색 및 저장은 핸드폰을 이용하는 편입니다. (이용하시는 이미지샵에서 제공하는 앱이 있을 수 있으니 찾아보세요.)

DESIGN 2022.09.30

GV70 디지털액자 (2560x718)

GV70 디지털액자 배경화면입니다. 작년에 만들었지만 적용시켜보지도 못했네요 ㅜ_ㅜ 2560x718으로 제작하였지만 실제 사이즈를 알고 계시는 분이 계시다면 부탁드립니다 :) 아래 첨부파일을 확인하시면 됩니다. Design by Jeonghun Lee (Designer PA) https://www.leejeonghun.com/ Instagram - jeong2303 ( https://www.instagram.com/GraphicDesignerPA/ ) Blog - https://artworks2004.tistory.com/ Kakao Talk - jeong2303 ( https://open.kakao.com/o/stT8Snob ) diworks2004@gmail.com

DESIGN 2022.07.18
반응형