홈페이지형 블로그디자인 제작 혜당한방병원

혜당한방병원 홈페이지형블로그디자인

 

프로젝트 설명

 

1. 제작과정

홈페이지형 블로그디자인 의뢰를 받고 제작한 디자인입니다. 일반적인 홈페이지형 블로그 디자인의 레이아웃입니다. 중간 부분 위젯 형태의 카테고리 메뉴바와 함께 왼쪽 부분에는 타이틀 텍스트 부분과 기타 사항들이 안내되어 있습니다. 한방 병원 블로그이기 때문에 심플하면서도 깨끗한 이미지로 제작하였습니다.

 

2. 클라이언트 요구사항

빠른 제작기간, 여성스러우면서도 따뜻한 느낌의 디자인, 심플하면서 기존에 충실한 디자인, 직접 이미지 등을 활용하여 제작하기를 원하셨습니다. 혜당한방병원 홈페이지를 참고하여 관련 요소들을 찾았습니다. 로고 이미지의 경우에는 더 크게 제작하고 싶었으나, 원본 이미지의 경우(Png 이미지파일) 벡터 이미지 파일이 아니여서 화질 저하를 우려해 원본 사이즈 그대로 사용하였습니다.

각 위젯 메뉴에 링크텍스트를 연결하였습니다. 타이틀 텍스트 부분만 안내를 받았고 그 외에는 적절하게 들어가도 좋을 텍스트를 선정하여 추가하였습니다. 단순히 이미지만 있으면 상단 스킨 부분이 심심해보일 수 있습니다. (인물 이미지의 경우 더욱 그렇습니다.)

3. 참고사항

건물 및 인테리어 이미지 등을 제공받았으나, 따뜻한 이미지와는 거리가 멀어 적용하지 않았습니다. 또한 건물 이미지를 메인으로 사용할 경우, 배경이 하얀색 바탕이 아니면 적용하기가 쉽지 않습니다. 인테리어의 경우 선과 면이 잘게 쪼개져 텍스트와 겹쳐 보여 시안성이 크게 떨어질 수 있기 때문입니다. 텍스트를 넣기 위해서는 배경을 오버레이 처리하여 어둡게 해야하는데, 그럴 경우에는 굳이 인테리어 이미지 사진을 할 필요가 없습니다.

인테리어 이미지나 건물 이미지의 경우에는 전체적으로 세련된 느낌을 주고자 할 때 외에는 이 경우에는 적합하지 않은 이미지 사용법입니다.

4. 요소

로고 이미지의 경우에는 432x53 픽셀 사이즈의 이미지를 제공받았습니다. 삽입된 SPE 아이콘 이미지도 추가적으로 다운받아 사용하였습니다. 이외에는 일러스트 요소를 디자인하여 직접 제작하였습니다.

 

5. 제작기간

전체적으로 작업시간은 6시간이 소요되었습니다만, 대부분 이미지나 자료를 찾느라 소요된 시간입니다. 또한, 이외에도 몇 가지 시안을 제작하였으나, 원했던 이미지와는 다른 느낌이였습니다. 따라서, 최종적으로 컨펌이 된 작업물입니다.

최대한 클라이언트의 요구사항에 부합하는 요소들을 고려하고, 최적의 이미지와 디자인 요소들로 대지를 채워나가는 작업을 하고 있습니다. 일러스트와 포토샵 툴을 다루며, 홈페이지형 블로그 디자인이라는 것도 HTML 요소를 활용하는 것이기 때문에 적절하게 사용하면 좋을만한 부분이 있다면 별도의 구성을 통해 디자인 작업을 하고 있습니다.

이메일 기능의 경우에는 mailto:이메일주소와 같이 사용하면 클릭 시 이벤트가 발생하며 메일을 보낼 수 있게 됩니다. 별도의 설정을 하지 않았다면 각 OS에 맞는 이메일 앱이 실행됩니다. 이외에 tel:연락처 등과 같이 클릭 시 전화를 거는 이벤트가 발생하기도 합니다.

네이버블로그_혜당한방병원.zip

10.91MB