본문 바로가기
Daily UI 100

Daily UI :: 003 "Landing Page" UI 디자인하기

by chaen98 2021. 6. 16.
반응형
세 번째 Design 주제
Landing Page
Design 힌트
What's the main focus? Is it for a book, an album, a mobile app, a product? Consider important landing page elements (call-to-actions, clarity, etc.)

 


003 방문페이지
003 스타일가이드
003 메인이미지

 

디자인은 Adobe XD로 모바일은 750 X 1624 사이즈로, pc는 1920 X 1080 사이즈로 디자인했습니다.

원하는 가구들을 누끼를 따고 그림자를 만들어서 어설픈 베너 디자인을 했습니다.

해당 레이아웃이나 배치같은 경우는 많은 디자이너들 분도 많이 사용했더라고요

많이 봐서 익숙하니 만들고 있는 저를 보면서 음... 그래도 다음에는 내가 생각해서 디자인을 해보자!!

모바일 같은경우는 가구가 세로로 길어서 스크롤을 이용해서

옆으로 넘겨서 짤린 부분의 가구도

볼 수 있게끔 디자인을 했습니다.

 

해당 목업은 아래의 URL에서 다운로드하였습니다.

다운로드해서 살짝의 변경을 한 후 사용하였습니다.

https://www.mockupworld.co/

 

Mockup World | The best free Mockups from the Web

Tons of free and legal, fully layered, easily customizable photo realistic PSD mockups: Ready to use in your projects, app showcases and presentations!

www.mockupworld.co

 


세 번째 과제를 마무리하며..

그래도 웹디자인을 해보긴 해서 조금은 쉽지 않았나? 싶고

그래도 아직까지는 벤치마킹한 디자인으로 디자인을 하는 감이 있는 거 같다

조금씩은 내스타일, 내 디자인을 할 수 있도록 꾸준히!!

100일 챌린지는 꾸준함이 중요한거같다.

하루라도 미루게 된다면 포기하기 쉬울 거 같아서 최대한 할 수 있도록

평상시에도 벤치마킹도 많이 해두고, 베너 같은 경우도 많이 만들어봐야겠다

 

 

https://dribbble.com/shots/15858553-Daily-UI-Design-003

 

Daily UI Design #003

Posted on Jun 16, 2021

dribbble.com

 

 

반응형

댓글