WorldNewsInEnglish 디자인 적용 중

트리플 모니터를 이제야 제대로 쓰네ㅋㅋㅋ

트리플 모니터를 이제야 제대로 쓰네ㅋㅋㅋ

World News in ENGLISH - http://english.daylog.me

예전에 한번 포스팅했던 영어사진기사 모음 페이지의 디자인 작업. 너무나 멋진 시안이 나와버리는 바람에, 토요일 내내 별로 잘하지도 못하는 퍼블리싱에 열중하고 있다. 위의 사진은 지금 내 방인데, 제일 왼쪽의 윈도우PC 모니터에서는 IE, Chrome for Windows를, 아이맥 듀얼에서는 왼쪽부터 차례로 Safari for Mac, Chrome for Mac, Firefox for Mac 을 테스트하고 있다. (제일 오른쪽은 디자인 시안 이미지)

원영이형이 원래 짱인줄은 알고 있었지만, 그 커다란 기대보다 한참 이상으로 멋진 시안을 뽑아주셔서, 인규한테 부탁하고 기다리고 할 겨를도 없이 혼자 막 두드려버렸네; 기본적인 기능 차이는 거의 없다시피 하지만(사전을 선택할 수 있는 기능이 붙었는데 아직 이건 구현 전ㅋ) 기깔나는 UI 디자인이 붙는 것만으로 이 페이지를 막 쓰고 싶게 만든다.

전반적으로 iOS7 부터 대세가 된 minimalism 한 디자인이 깔끔하게 적용되어 있고, 사진 기사를 불러오는 본 페이지의 특성을 이용하여, 전체 배경을 살짝 어두운 흐린 이미지의 기사 이미지로 채우는 방식을 쓰고 있다. 이 방식은 너무 마음에 들어 이러한 기법을 적용할만한 다른 서비스는 뭐가 있을까 고민하게 만들 정도ㅋㅋ 다만 배경에 css3 필터를 쓰는 방식이 오로지 Chrome for Mac(내 주력 브라우져ㅠ)에서 일으키는 버그를 아직 잡지 못했다. 이거만 잡으면 완벽한 기법인데; 이 부분은 인규하고 같이 고민을 좀 더 해봐야겠다.

한가지 더 너무 마음에 드는 부분은, 전체 페이지에 한글이 한 글자도 안 들어가기 때문에(iframe 으로 불러오는 사전 제외하고) 구글 웹폰트를 이용해서 가독성/아름다움을 동시에 추구할 수 있는 타이포그라피를 적용했다는 것이다. 한글은 폰트 용량이 커서 웹폰트 적용이 좀 꺼려지는데 반해 영어의 경우는 그런 문제가 없어서 참 좋다. 나중에 시간 잡아서 한글 웹폰트 적용에 관한 문제들을 좀 잡아봐야겠음.

일단 PC용으로만 만들어놓은 상태라, 반응형으로 편집해 모바일에서도 좋은 가독성을 유지할 수 있도록 만들려고 한다. 껍데기만 만들어놓고 기능 구현은 미뤄놓은 것들도 순차적으로 작업할 예정. 모처럼만에 내가 만든 무언가에 설렘을 느낀다. 즐겁구나ㅋㅋ

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>