피그마 강의 수강
배경 인식과 컬러변경 패스로 누끼따기 필터 사진 선명하게 만들기 Neural Filters 인물 사진 보정 자동화와 액션에 관련한 포토샵 강의를 수강하고 이미지를 제작해 보았다
계정의 오류인지 Neural Filters의 AI로 표정을 조절하는 부분이 적용이 되지않아 실습을 진행하지 못했다
디자인 감각 훈련
풀 페이지는 링크로 남겨두고 공홈을 들어가면 메인으로 보이는 화면을 분석하였다
구도와 시선 흐름: 제일 먼저 보이는 것은 니베아의 제품들로 푸른 하늘 배경에 대비되는 색상으로 서있는 제품들이다 제품들이 서있는 방향에 따라 오른쪽 위에서 왼쪽 아래인 지그재그 형태로 시선이 흐른 후 위쪽의 텍스트가 보인다
정보 전달력: 세부적인 부분은 위쪽으로 넣어 깔끔하게 하였고 니베아의 제일 중요한 products 부분을강조하여 클릭으로 더 많은 제품을 볼 수 있게 하였다
디자인: 너무 비어보이는 느낌도 들고 아이콘이나 텍스트간의 간격이 생각보다 크고 폰트가 어울리지 않는 느낌이다 제품을 보여주는 products 부분은 눈에는 확실히 잘 띄나 살짝 동떨어져있는 느낌을 준다
구도와 시선 흐름: 제일 먼저 과일 속에 있는 조말론의 제품이 보이고 제품을 설명하는 카피가 보인 후에 위쪽의 카테고리, 오특, 랭킹등의 부가적인 요소가 보인다 정보도 많고 텍스트도 많아 제일 메인이 되는 큰 배너를 제외하고는 큰 시선을 흐름이라는 게 잘 보이지 않는다 홈페이지에 접속한 소비자의 의도에 따라 시선이 이동되는 것 같다
정보 전달력: 올리브영은 큰 매장이고 행사도 많이하며 이벤트도 많고 화장품도 많다 많은 정보를 카테고리 별로 잘 모아서 정리해 두었고 물품의 구매가 1순위 나의 배송현황과 매장 찾기가 2순위 행정적 상담과 문의가 제일 후순위로 배치되어 있다
디자인: 전달할 정보가 많은 만큼 복잡할 수 있는 디자인을 그룹화를 잘하여 큰 중심이 되는 배너와 세부 정도를 주는 서브 페이지들로 구성을 잘한 것 같다 다만 카테고리의 박스와 요즘 주목받는 상품의 박스가 미세하게 맞지 않는 부분이 의도된 것인지 모르겠지만 살짝 불편하다
구도와 시선 흐름: 메인 배너를 한 화면에 꽉 차게 보여줘 광고하는 모델과 제품이 한 번에 시선을 이끌고 하단부의 Device Solution과 여러 솔루션들이 시선을 이끈 후 상단의 로고와 부가 정보들이 눈에 들어온다
정보 전달력: 이 회사에서 어떤 상품을 주력으로 하고 있는지 어떠한 의미를 내포했는지를 확실하고 강력하게 보여준다 다른 제품의 정보력은 조금 떨어지더라도 우리 회사가 어떤 회사이다에 대한 정보를 확실하게 전달하고자 하는 것 같다
디자인: 영상을 핑크톤으로 찍고 모델도 어두운 색으로 눌러 텍스트를 화이트로 함이 정보를 전달하는데 높은 가독성을 주고 있다 또한 영상의 사이드 부분에 정보를 제공해 영상을 방해하지 않으면서 정돈을 잘해놓은 느낌이다
구도와 시선 흐름: 일본어 한글자도- 의 배너가 먼저 보이고 네이버의 검색창이 보이며 로그인 부분이 보인다
정보 전달력: 많은 정보를 한 페이지 안에 담으려고 하여 쇼핑을 카테고리로 한 부분에는 눈길이 가지 않으려고 노력하게 되는 것 같다
디자인: 많은 정보가 있어 어지러울 수 있는 부분을 눈에 띄지 않는 회색 박스로 묶어 그룹화를 잘해주었고 네이버의 특징이 있는 로그인이나 검색창쪽에 네이버 고유의 색상을 뚜렷하게 제공해 시선을 이끌어준다 메인 배너와 네이버의 색상이 중심을 잡아주어 어지러운 정보들이 질서를 가지고 인식이 된다
구도와 시선 흐름: 동구밭 트리트먼트바의 카피배너가 먼저 눈에 들어오고 옆의 비누가 시선으로 들어오며 상단의 동구밭으로 시선이 간다
정보 전달력: 카피배너가 눈에 먼저 띈 만큼 정보에 대한 전달력이 확실하게 있다 베스트셀러가 어떤 제품이고 어떤 효과가 있는지를 단번에 캐치할 수 있게 해 준다
디자인: 비누의 심플함을 오히려 이용해 적당한 사이즈로 배치했지만 시선이 먼저 왼쪽으로 가 텍스트를 먼저 읽게 하여 제품을 확실히 인지시켜준다 상단에는 제공하고자 하는 정보가 나열되어 있으며 언어 선택을 할 수 있는 점이 다른 조사한 브랜드 페이지들과 다른 점이다