본문 바로가기
금융

디비컷 지디웹 웹사이트 디자인

by 하삼 2022. 3. 25.

디비컷 지디웹 웹사이트 디자인 기초

쇼핑몰 웹 디자인

 

쇼핑몰 홈페이지를 구성할 때 색과 레이아웃을 중심적으로 봐야 합니다. 색은 쇼핑몰의 전체 분위기를 1차적으로 판단할 수 있게 하는 중요한 요소입니다. 더 나아가 쇼핑몰의 아이덴티티를 나타낼 수 있습니다. 판매하는 제품에 맞춰서 적합한 분위기를 낼 수 있어야 고객들이 제품에 대해 긍정적인 이미지를 가지고 구매까지 이어질 수 있습니다.

 

또 제품이 잘 독보일 수 있도록 사이트의 레이아웃을 구성하는 것이 중요합니다. 구조가 잘 돼야 고객들이 사이트에 오래 머무르고 브랜드를 확고히 할 수 있습니다. 또 검색이 용이하고 상품을 명확하게 볼 수 있도록 만들어야 매출로 바로 이어질 수 있기 때문에 사용자 친화적인 구조를 만드는 것이 중요합니다. 

 

포토샵 사이트의 색상값 구하기 color cop

 

포토샵을 이용해서 사이트에 사용된 색상을 골라낼 수 있습니다. 또는 색상값을 구해주는 무료 프로그램을 사용해서 구할 수 있습니다. 디자인, 글씨 색, 아이콘, 로고 등의 색상을 만들 때 참고할 수 있습니다.

 

색상값을 구해주는 무료프로그램으로 color cop 이라는 프로그램이 있습니다. 네이버에서 검색하면 바로 다운로드 가능합니다. 혹은 color cop 을 구글에서 검색 후 사이트에 접속하면 설치없이 사이트에서 바로 색상을 확인할 수 있습니다.

검색한 색상값을 복사해서 네이버 블로그나 스토어팜에서 입력 후 사용할 수 있습니다. 색상값 복사 후 – editer – 글자색 더보기 에서 복사한 색상값을 붙여 넣습니다. 그럼 글자색을 변경할 수 있습니다.

 

포토샵

 

원하는 화면에서 키보드의 프린트 스크린 (prtsc ) 버튼을 클릭합니다. 포토샵을 열고 새 파일을 열면 캡쳐한 크기만큼 새로운 실행파일이 자동으로 설정됩니다. 좌측 도구에서 스포이드 툴을 선택한 뒤 원하는 색상을 클릭하면 색상이 선택됩니다. 좌측 도구에서 바뀐 색상을 선택하면 새창에서 색상값을 알 수 있습니다.

 

요즘 트랜드는 구조는 단순한 것을 선호하고 있습니다. 단조롭고 큰 배경화면에 눈에 잘 띄도록 글자와 사진을 배치하는 스타일이 인기를 얻고 있습니다. 또 모바일이 대세가 되면서 pc보다 핸드폰, 태블릿에 도 맞춰서 구성을 해야 하기 때문에 점점 단순하고 원하는 곳에 강조를 주는 디자인을 선호합니다.

 

요즘은 제품에 집중할 수 있는 디자인을 선호하며 주로 흰 배경에 검고 큰 폰트를 사용합니다. 화려한 모델을 사용하거나 제품 사진을 화려하게 찍어 구매자의 시선을 사로잡습니다.

 

사이트를 분석하면 공통적인 디자인과 그 사이트만의 독특한 특징으로 구분됩니다. 주로 상단의 메뉴를 두고 하단에 상품을 구성하는 사이트는 구매를 촉진하는 구성입니다. 하단 스크롤 형태로 구성돼 모바일 버전의 통일성을 주기 편리하며 상품의 구성에 제한이 없습니다. 와이드한 사이즈로 상품을 배치하기 때문에 물건에 시선을 집중시킬 수 있습니다. 종합쇼핑몰, 상품의 개수가 많은 곳에서 사용하면 좋은 구조입니다. 하단스크롤 형태라 메인에 노출되는 상품의 수에 제한이 없습니다.

 

좌측에 메뉴를 고정하고 우측에 상품을 보여주는 사이트 구성은 전문적인 곳에서 주로 사용하는 구조입니다. 상품의 수가 많지 않은 소규모, 또는 전문적인 제품을 파는 곳에서 주로 사용합니다.

 

[경제 부업 투자] - 웹사이트 벤치마킹하기

 

디비컷 

 

 

웹사이트 제작을 공부할 때 참고하면 좋은 사이트입니다. 관련자료가 깔끔하게 정리돼 있고 자료의 양이 많습니다.

 

디웹 (굿디자인웹)

 

지디웹은 자료를 심사를 거쳐 등록하기 때문에 신뢰도가 있습니다. 국내뿐 아니라 해외 사이트 디자인을 살펴볼 수 있습니다.

 

디카페인

 

간결하고 깔끔한 웹사이트 디자인을 참고하고 싶을 때 사용하면 좋습니다.

 

 

[경제 부업 투자] - 웹사이트 벤치마킹하기

 

웹사이트 벤치마킹하기

웹사이트 벤치마킹하기 아이템을 선정하고 상품을 기획하면 그것을 토대로 쇼핑몰 제작에 들어갑니다. 디자인을 기획하고 쇼핑몰을 제작합니다. 또 운영기획을 세우고 홍보마케팅 전략을 세

hyungnim20.tistory.com

[경제 부업 투자] - 가비아 카페24 고도몰 무엇을 선택할까 ②

 

가비아 카페24 고도몰 무엇을 선택할까 ②

가비아 카페24 고도몰 무엇을 선택할까 ② 오픈마켓형 미니몰 스토어팜 오픈마켓으로 제품을 판매하고 임대형 독립몰로 넘어가는 방법이 있습니다. SNS 중심으로 마케팅 방식이 변화하고 있

hyungnim20.tistory.com

[경제 부업 투자] - 가비아 카페24 고도몰 무엇을 선택할까 ①

 

가비아 카페24 고도몰 무엇을 선택할까 ①

가비아 카페24 고도몰 무엇을 선택할까 ① 임대형 솔루션이란 인터넷 쇼핑몰 홈페이지를 만들어주는 소프트웨어를 가지고 있는 쇼핑몰 솔루션이 있습니다. 임대형과 독립형의 두 가지 유형이

hyungnim20.tistory.com

 

댓글