in 웹 디자인

오픈웹 메인 이미지 디자인 중

오픈웹 사이트의 메인(상단) 이미지를 디자인하고 있습니다. 지난번 일러스트였던 알을 깨고 나오는 병아리는 오픈웹의 컨셉을 충분히 전달하지 못한다는 의견이 있었고, 이를 받아들여 이미지를 수정했습니다.

오픈웹 사이트의 수정된 메인 이미지 보기

이번 디자인은 병든 환자를 수술하는 의사라는 설정으로, 병든 환자에 웹사이트(대표적으로 전자정부)를, 의사에 오픈웹 프로젝트를 설정했습니다.

현재 디자인은 펜화를 스캔하여 비트맵으로 색만 칠한 것으로 깔끔하지 않습니다. 디자인 컨셉에 대해 의견을 받아들인 후, 일러스트로 벡터화할 계획입니다. 또한 의사를 간호사 이미지로 랜덤 형식으로 변경하는 자바스크립트 효과와 전자정부 사이트를 다른 다양한 공공기관 사이트로 랜덤 출력하는 효과를 고려하고 있습니다.

해당 이미지는 투명 png를 이용하여 배경이미지로 처리했으며, IE의 투명 png 랜더링 버그에 대해 css hack을 사용했습니다. 이는 최대한 의미있는 html을 유지하려는 방안이며, css 수정만으로 웹사이트의 디자인 요소를 모두 변경할 수 있도록 하기 위함입니다.

오픈웹 사이트의 컨셉을 도출할 수 있는 좋은 아이디어나 디자인이 있다면, 이 글에 의견을 남겨주세요! 적극 반영하도록 하겠습니다. ㅎㅎ

댓글 남기기