※ 자세히 보고싶으시다면 마우스 오버해주세요!
figma의 기초적인 프레임과 prototype을 확인하거나 간단한 디자인을 구현할 수 있습니다
일러스트레이터에 대한 전반적인 이해도가 높으며 컬러모드의 활용과 벡터이미지 활용부터 클리핑마스크 펜툴을 통한 디자인과 도형을 응용한 디자인을 구현할 수 있습니다.
포토샵에서 이용하는 스마트 오브젝트에 대해 응용할 수 있으며 패스를 이용해 마스크를 사용할 수 있고 사진합성, 그래디언트 마스크, 자동액션툴 및 여러 필터를 사용하는것까지 여러 기능을 활용할 수 있습니다.
$의 원래 의미인 jquery()를 이해하고 있으며 선택자를 이용하거나 기본적인 문법을 독해할수 있습니다! 많은 메소드를 사용해 css, html, 그 외의 속성 변경을 할 수 있습니다.
연산자, 배열, 객체, 반복문 break, 조건문, 함수 return 등 기초적인 문법에 대해 이해하고 있으며 이것을 이용해 링크를 통한 데이터 전송방법을 알고있습니다.
형제선택자 +와 ~에 대해 이해하고 있으며 가상선택자 등 css에서 응용할 수 있는 여러가지 선택자를 사용해 별도의 html class추가 없이도 태그를 선택해서 모양을 잡을 수 있습니다.
웹 표준에 적합한 태그의 용도를 이해하고 있으며 태그의 맥락을 파악해서 검색엔진최적화(SEO)중 전반적인 사항을 충족해 문서의 순위도를 높일 수 있는 html문서를 구현할 수 있습니다.
기존 알라딘의 답답한 프레임에서
벗어나 트렌드에 맞춰 넓찍하고
단순한 모양으로 리디자인 했습니다!
정리되지 않은 기존 메뉴단을
병합,축소,그룹화 하면서
인터페이스를 한눈에 알아볼 수 있도록
깔끔한 디자인으로 변경했으며
PC와 모바일이 따로 제공되지 않고
둘 다 같이 한 사이트에서
볼 수 있도록 미디어 쿼리를 이용해
반응형 웹으로 구현했습니다!
메인페이지와 서적, 굿즈 등
서브페이지도 같이
사이트로 구현 했습니다
제품들마다의 상세페이지도
구현했으며 대중적인
웹 쇼핑몰에서 볼 수 있는
버튼형 리스트 및 서브메뉴
구현을 통해 심플한
모양으로 재구성했습니다
직접 만든 팝업카드 디자인입니다
자세히 보고싶으시다면 클릭해주세요!
필기체를 디자인요소로 사용해 제작한 팝업입니다 갈색 오일병에 담겼기도 하고 제작당시 시기인 가을에 맞는 컬러를 이용해 아늑한 느낌을 들 수 있도록 색보정한 후 본고딕 서체를 이용해서 디자인했습니다
Font: Noto Sans KRColor: #d2c9b5 #5b3421
이벤트에 참여하는 메인 제품들을 누끼딴 후 뒤에 우주 이미지를 배경으로 깔아 톤다운 한 뒤 명조체로 가운데정렬해 디자인한 팝업입니다. 행사의 주제가 과학인 점과 메인 상품이 우주임을 참고했습니다!
Font: NanumMyeongjoColor: #ffffff #000000
메인 주제부에 있는 사진을 펜툴로 누끼딴 후 그 벡터 이미지파일을 이용해 다른색들을 그림자처럼 배치해 입체적인 느낌이 들도록 구현했습니다 임의의 벡터파일도 직접 제작했으며 뒤의 패턴도 등록해서 응용했습니다. 상단과 좌우 사이드의 공백엔 필기체로 써진 글씨를 엘리먼트로 넣어 허전해보이지 않도록 처리했습니다.
Font: Kunstler Script + CambriaColor: #262262 #ff9e02 #be6cff #ffe603
우리나라 추석 느낌을 살릴 수 있도록 우리나라 고유 문양을 검색해 그것을 참고해서 디자인 엘레먼트를 디자인한 팝업입니다. 높은 채도 위주로 사용해 깔끔한 느낌이 들도록 구성했습니다.
Font: 제주명조Color: #ff910e #0e00bf #ffaa5c
일러스트레이터에서 기본적으로 제공되는 폰트 그리고 스트로크 종류를 이용해 어도비 일러스트레이터에서 제공되는 것 만으로도 디자인이 됨을 알려줄 수 있는것을 목적으로 두며 디자인했습니다. 다이아몬드 무늬의 경우 단순한 폴리곤을 만들어 낸 후 그것을 심볼로 만들어 브러쉬로 사용했으며 지그재그 등 원형의 모양을 유지한것은 Transform을 이용해 만들었습니다.
Font: Cambria Bold ItalicColor: #ff0080 #000000 #ffffff
크리스마스 케잌 데코레이트 워크샵 행사를 기반으로 만든 팝업입니다. 크리스마스의 분위기를 느낄 수 있도록 빨간색과 노란색의 대비 그리고 솔잎으로 이뤄진 부분은 일러스트레이터의 추적을 이용해 누끼를 딴 뒤 클리핑했으며 다른 요소들은 일러스트레이터의 펜툴로 마감해 디자인했습니다.
Font: Country + Noto Sans KRColor: #880000 #ffff00
무료이미지사이트에서 찾은 좋은 이미지를 누끼딴 후 이벤트 내용을 기재한 팝업입니다. 세로쓰기를 이용해 세로형 팝업을 구현했습니다. 메인색을 짙은 초록으로 설정해 뒷배경이잘 묻히도록 디자인했습니다.
Font: Noto Sans KRColor: #d2c9b5 #5b3421
오늘의집 이벤트인 홈앤리빙을 참고해 만들어진 팝업입니다. 뒷배경으론 문제가 생기지 않을 무료 이미지로 깔았으며 Home 과 Living의 뒤에 들어간 오브젝트들은 어도비 일러스트레이터의 지그재그만을 이용해 만들어낸 무료 소스입니다. 이벤트 주제를 필기체로 사용함으로 정보전달도 하되 잘 어우러지도록 디자인 했습니다.
Font: Noto Noto Sans KR + Ms Madi RegularColor: #ffa624 #ff97b7 #2bed8b #ffe0ca
타이포그래피처럼 타이핑과 약간의 선 엘리먼트만을 이용해 디자인했습니다. 색과 얇은 선만으로도 가득 찬 느낌이 들 수 있도록 전체 배경에 글씨로 깔았습니다. 또한 보색대비를 이용해 친숙하게 느껴질 수 있도록 구현했습니다.
Font: Noto Sans KRColor: #9b00ff #fbb111자세한 내용을 보고싶으시다면 클릭해주세요!
해당 배너는 네이버 행사를 홍보할 목적으로 제작한 배너입니다 일러스트레이터로 작업했으며 심볼을 등록해 스프레이로 랜덤하게 뿌린 벡터아이콘으로 제작했으며 주로 사용한 폰트는 본고딕으로 깔끔한 느낌이 나도록 디자인했습니다 강조해야 할 문구는 두껍게 주변을 꾸며주고 부수적인 문구를 얇게 사용해 강약을 조절했습니다Font: Noto Sans KRColor: #763ffc
메인 색은 하늘색과 옅은 회색으로 뒷배경을 빼 깔끔한 느낌이 들도록 디자인했습니다. 요점과 이벤트의 주제는 메인색과 두꺼운 글씨로 강조했으며 이벤트 기간이나 마케팅 문구는 얇고 검은 색으로 처리해 알아보기 쉽도록 처리했습니다 다른 종류의 액체를 담은 일러스트 유리컵의 모양을 한눈에 볼 수 있도록 벡터이미지로 클리핑 해 누끼를 땄습니다Font: Noto Sans KRColor: #2896ce #f7f8fb
블랙 프라이데이의 메인 색인 검은색을 뒤에 깔아 블랙프라이데이임을 강조한 배너입니다 저작권에 문제가 되지 않을 무료 이미지 사이트에서 가져온 이미지와 무료 폰트인 본고딕을 이용해 디자인 했다는 점이 특징입니다 임의로 만들어진 배너이지만 어떠한 내용이 들어가더라도 어색하지 않도록 채우기 텍스트를 기입해 디자인했습니다Font: Noto Sans KRColor: #000000 #ffffff
샐러드 특유의 초록색과 깔끔한 마블 텍스쳐를 이용해 적당한 밀도를 채워 허전해보이지 않도록 구성한 배너입니다 자연물을 뒤에 한번 더 깔아 위에 올라올 샐러드 보울 내용들이 신선하게 느껴지도록 추가했습니다 적은 텍스트로 인해 강단을 주어 중간두께의 텍스트를 이용해 밀도와 중요도를 챙겨 디자인했습니다Font: Noto Sans KRColor: #25681f
백그라운드로는 행사컨텐츠를 크게 키워 블러를 넣은 후 다른 제품들을 누끼를 따서 배치하는 방식으로 작업했습니다 사용한 요소들 중 그나마 공통적으로 공유하는 색채인 네이비색으로 메인 단락을 강조 후 부수적인 용어들을 흰색으로 빼서 주요 요소들만 잘 보이도록 디자인 했습니다Font: Noto Sans KRColor: #080054 #e3e4e6
일러스트레이터를 이용해 만든 배너입니다 흰선을 이용해 체크무늬를 넣어 심플하지만 가득찬 느낌이 들 수 있도록 구성했으며 검은색 선을 이용한 심볼들을 이용해 스프레이로 뿌려 꾸밈 요소를 이용했습니다 이벤트 제품이 덩그러니 있는 것 보다 안정감이 들도록 처리했습니다.Font: Noto Sans KRColor: #ffb600 #fff200 #ff7900
가을 이벤트로 할인 및 쿠폰이 붙은 이벤트 배너입니다 포토샵으로 한번 누끼를 딴 후 그 제품들의 테두리를 스트로크로 거칠게 딴 뒤 뒷배경과 어우러지도록 디자인했습니다. 가을 특유의 화려하지만 명도가 낮은 색을 위주로 사용해 색체적으로도 아늑함이 느껴지도록 색을 조정해서 제작했습니다.Font: Noto Sans KRColor: #ffb400 #ff5e4a
투썸에서 판매하는 제품라인을 배너로 디자인했습니다 현재 사람들이 많이 사용하는 선과 다이아몬드 쉐이프를 이용해 트렌디함을 잡았으며 커피 특유의 색을 떠올리게 하는 짙은 원두색을 배경으로 곱하기를 사용했습니다 사용한 툴은 어도비 일러스트레이터로 해당 객체를 잡아 지정했습니다.Font: PretendardColor: #2a1006 #351407
이 사이트는 Mobile 버전을 제공하지 않습니다!
