본문 바로가기

DESIGN9

Button UI Design Button UI Design 2020년 8월 31일 디자인 연습 라이트, 다크모드 화면에서 보여지는 버튼의 색상 버튼에 마우스를 Hover 했을 때의 색상 2020. 9. 5.
웹디자인 & 웹퍼블리셔 포트폴리오 제작 팁 제 6장 웹디자인 & 웹퍼블리셔 포트폴리오 제작 팁 제 6장 웹디자이너와 웹퍼블리셔를 위한 포트폴리오 제작 팁 여섯 번째 포스팅입니다! 이어서 홈페이지의 종류 여섯 번째를 설명하겠습니다. 홈페이지의 종류 6. 게임 페이지 위의 이미지는 게임 페이지의 디자인 이미지입니다. 2020. 7. 12.
웹디자인 & 웹퍼블리셔 포트폴리오 제작 팁 제 5장 웹디자인 & 웹퍼블리셔 포트폴리오 제작 팁 제 5장 웹디자이너와 웹퍼블리셔를 위한 포트폴리오 제작 팁 다섯 번째 포스팅입니다! 이어서 홈페이지의 종류 다섯 번째를 설명하겠습니다. 홈페이지의 종류 5. 제품 페이지 위의 이미지는 제품 페이지 디자인 이미지입니다. 2020. 7. 12.
웹디자인 & 웹퍼블리셔 포트폴리오 제작 팁 제 4장 웹디자인 & 웹퍼블리셔 포트폴리오 제작 팁 제 4장 웹디자이너와 웹퍼블리셔를 위한 포트폴리오 제작 팁 네 번째 포스팅입니다! 이어서 홈페이지의 종류 네 번째를 설명하겠습니다. 홈페이지의 종류 4. 매거진, 블로그, 커뮤니티 페이지 매거진, 블로그, 커뮤니티 페이지는 웹페이지의 디자인보다 콘텐츠의 구성과 정리가 중요한 페이지입니다. 콘텐츠의 내용이 많은 웹페이지이므로 레이아웃 구성을 복잡하지 않게 구성해야 합니다. 위의 이미지는 저의 블로그 디자인 이미지입니다. 2020. 7. 12.
웹디자인 & 웹퍼블리셔 포트폴리오 제작 팁 제 3장 웹디자인 & 웹퍼블리셔 포트폴리오 제작 팁 제 3장 웹디자이너와 웹퍼블리셔를 위한 포트폴리오 제작 팁 세 번째 포스팅입니다! 이어서 홈페이지의 종류 세 번째를 설명하겠습니다. 홈페이지의 종류 3. 프로필 페이지 모델이나 연예인 등을 소개하는 페이지로 많이 쓰이기도 하며, 포트폴리오를 저장하는 용도로 쓰이기도 하는 페이지입니다. 디자인은 대부분 이미지로 크게 넣는 형식의 디자인이 많습니다. 디자인 방식은 굉장히 자유롭게 할 수 있습니다. 프로필 홈페이지 같은 경우 대부분 이미지가 많이 들어가기 때문에 좋은 이미지가 곧 디자인의 완성이 됩니다. 그래서 레이아웃보다 좋은 이미지를 구하기 위한 노력을 많이 해야 합니다. 위의 이미지는 프로필 페이지 참고 디자인 이미지입니다. 2020. 7. 12.
웹디자인 & 웹퍼블리셔 포트폴리오 제작 팁 제 2장 웹디자인 & 웹퍼블리셔 포트폴리오 제작 팁 제 2장 웹디자이너와 웹퍼블리셔를 위한 포트폴리오 제작 팁 두 번째 포스팅입니다! 이어서 홈페이지의 종류 두번째를 설명하겠습니다. 홈페이지의 종류 2. 쇼핑몰 홈페이지 쇼핑몰 홈페이지는 만들어야 하는 디자인 스타일과 여러 가지 기능들 그리고 페이지의 숫자도 많아서 제가 생각하기에는 홈페이지들 중에서 가장 힘든 작업이라고 생각합니다. (그냥 결제 시스템이 있는 페이지는 대체로 힘든 것 같습니다.) 쇼핑몰 홈페이지는 거의 모든 기능들이 다 들어가서 이 홈페이지를 만들 줄 안다면, 대부분의 홈페이지도 다 만들수 있다고 생각해도 될 것 같습니다. 그럼 쇼핑몰 홈페이지의 예시로 참고 이미지를 보여 드리겠습니다. 위 이미지는 제가 가장 좋아하고 주말마다 거의 자주 놀러 가는 이마트의 이마트몰 홈페이지입니다. 스크롤할 때는 .. 2020. 6. 13.
웹디자인 & 웹퍼블리셔 포트폴리오 제작 팁 제 1장 웹디자인 & 웹퍼블리셔 포트폴리오 제작 팁 제 1장 포트폴리오의 용도 웹디자이너 또는 웹퍼블리셔가 되기 위해서 포트폴리오는 필수로 준비해야 합니다. "포트폴리오는 회사에 취업을 하거나 어떠한 일을 맡아서 할 때 자신의 실력을 증명하는 용도로 쓰입니다." 이 블로그 글은 포트폴리오를 준비할 때에 무엇을 만들어야 할지 고민이 많은 분들을 위한 블로그 글입니다. 이 글을 읽고 포트폴리오를 만드는 데에 조금이라도 도움이 되었으면 합니다. 포트폴리오 작업을 하기 전에 먼저 자신이 어떤 웹사이트를 만들지 정해야 합니다. 하지만 여기서부터 "뭘 만들지?" 하고 고민을 많이 하게 됩니다. 저 역시도 그랬으니깐요. 포트폴리오는 없던 웹사이트를 창조해도 되고, 이미 있는 웹사이트이지만 다르게 디자인을 해도 괜찮습니다. (단, 기존에 있는 웹사이트보다 잘 만들어야 합니다. .. 2020. 5. 28.
저작권 걱정 없는 무료 이미지 사이트 저작권 걱정 없는 무료 이미지 사이트 Pixabay 이미지 디자인 작업할 때, 무료로 쓸 수 있으며, 상업적으로 사용도 가능하다. 그리고 유료 이미지도 당연히 존재하며, 아무래도 유료 이미지들이 예쁘고 멋진 이미지들이 많다. 무료 이미지들도 쓸만한 게 많으니 참고하면 좋을 것 같다. 추가로 상업젇 용도로 사용이 가능한 이미지는 다운로드 받는 버튼 바로 아래에 Pixabay License 상업적 용도로 사용 가능 출처 안 밝혀도 됨 이라는 문구가 적혀 있으니 참고하면 된다. 홈페이지 바로가기 : https://pixabay.com/ko/ 2020. 5. 16.
웹/앱 디자인을 할 때 참고하면 좋은 사이트 웹/앱 디자인을 할 때 참고하면 좋은 사이트 1. Material Design. 웹/앱 디자인을 어떻게 해야 하는지 공부를 할 수 있는 사이트입니다. 홈페이지 바로가기 : https://material.io/design Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. material.io 2. Pinterest. 웹/앱 디자인을 작업하기 전에, 벤치마킹하는 용도로 굉장히 유용하게 쓰입니다. 홈페이지 바로가기 : https://www.pinterest.co.kr/ Pinterest.. 2020. 5. 16.