Team Tistory Skin

서브 타이틀

SUB TITLE:

Skin work

<layout>

<반응형 웹>

서브 타이틀

SUB TITLE:

content

Team Blog Skin

Google사의 머티리얼(material) 디자인을 기반으로 정보 전달을 용이하게 하기 위해서 레이아웃을 잡고 잡지와 같은 느낌이 나도록 디자인을 하였음

레이아웃 - 총 세개의 사이드바를 사용하고 가운데에 크게 본문이 자리한다. 사이드바는 각각의 용도가 있으며 

최적의 여백을 이용한 레이아웃을 구성하여 답답함을 최소화했으며 잡지와 같은 가독성을 추구하였다.

디자인 - Google사의 머티리얼(material) 디자인을 기반으로 플랫 디자인을 적절히 사용하였다.

타이틀에는 INFORMALITY VFX TEAM의 Logo가 자연스럽게 녹아있는 이미지 및 비디오가 게시되며

Team Blog의 어느곳에서든 Team의 동향을 알 수 있고 손쉽게 접근할 수 있는 디자인으로 제작되었다.

Color는 Logo 디자인에 쓰인 동일한 color를 사용함으로써 통일성을 부여하였다.

Color code

 #00B3CA

 #009CA8

반응형 - PC, 태블릿, 모바일 어느 환경에서나 접근성이 용이하도록 해상도를 고려해 반응형 웹을 구축하였으며 

IE, Safari, Chrome, Firefox 등의 Web brower에 최적화하여 제작하였다.

머티리얼 디자인에서의 대부분의 동작을 HTML5와 css, jquery를 사용하여 구현 및 제작,

웹 표준을 준수하였고, HTML5의 시멘틱 마크업은 추후 새로이 업데이트 할 예정이다.

커스텀 사이드바(스크롤)을 제외한 모든 스크립트(script) 동작을 플러그인을 사용하지 않고 직접 코딩하였다.