메뉴 바로가기 본문 바로가기
상단으로 이동

스터디룸

Enjoy our interesting and informative contents.

폴리곤 스타일을 반영한 맑음 사이트 부분 리뉴얼

  • 6011
  • 2015-04-30

정체되어 있는 사이트는 '죽어있다'라는 철학으로

 

끊임없이 새로운 것을 갈구하는 맑음에서 홈페이지를 부분 개편하였습니다.

 

 

 

 

특히 이번 고성장기업 수출역량강화사업 수행기관으로 선정되어

 

아직 맑음에서 보여주지 못했던 다양한 가능성에 초첨을 맞췄는데요.

변경 된 디자인으로 한눈에 들어오는 포트폴리오와 사이트 방문자들과의 소통이 뛰어나 쌍방의 커뮤니케이션이 가능해졌습니다.

 

<기존 맑음 페이지> 

 

 

< 리뉴얼 된 맑음 페이지 >

 

 

상단의 많은영역을 차지하고있던 플랫한느낌의 일러스트를 요즘 디자인에서 많이 보이고있는 폴리곤 스타일로 디자인하여,

 

좀더 트렌디하고, 심플한 느낌을 강조하였습니다. 

 

 

 

 

 여기서 잠깐!

 

 

 

 

 

폴리곤스타일이란?

 

 

 

폴리곤이란 다각형이란뜻으로, 배경 및 사물등을 여러개의 불규칙한 다각형들로 나태내는 것을 말합니다. 

아마 갤럭시s5기종을 쓰신분들이라면 많이 접하신 배경이미지일듯합니다. 

 

 

위의 이미지와 같이 갤러시s5에서도 폴리곤스타일의 배경이미지를 사용하였죠.

아마 여러 검색사이트에서 폴리곤스타일, 폴리곤아트만으로 검색해도 다양한 스타일의 이미지들을 보실수 있습니다.

 

 

 더불어 맑음 사이트가 반응형 웹인거 아시죠?

 

때문에 어떠한 기기로 접속해도 딱 맞는 사이즈로 만날 수 있습니다~

 

 

 

못 믿겠다면 웹 상에서 화면 사이즈를 줄였다 늘였다를 해보면 알 수 있을거에요!

 

 

 

 

예전에 포스팅했던 반응형 웹 디자인을 어떻게 해야 하는지에 대한 내용을 보시면

 

조금 더 맑음 사이트에 대한 이해가 쉬울 것 같아요~

 

 

 

 

1. 반응형 웹에 대한 이해

 

2. 반응형 웹 디자인 레이아웃

 

3. 가변폭 컨텐츠란 무엇일까요?

 

 

 

 

 


 

 

포트폴리오 섬네일의 디자인도 확 바뀌었습니다.

 

 

기존의 로고와 작업물 위주의 단순화된 포트폴리오 섬네일이었다면 새로 리뉴얼한 홈페이지는 

맑음의 로고의 햇살과 같은 원형을 기본으로 각각 포트폴리오의 특성을 나타낼수 있도록 디자인 하였습니다.

 

 

 

 

사용자입장에서도 좀더 프로젝트의 특성을 파악하기 쉽고, 심심하고 지루한 느낌없이 사이트를 이용 할 수 있게 되었습니다.

  

 

마지막으로 가장 고민을 많이 한 부분인 맑음 스토리 부분입니다.

 

 


 

맑음스토리 부분은 맑음에서 일어나고있는 근황 및 이슈 등을 보여주는 부분이라고 생각하시면 될 듯 합니다.

특히 사이트에 접속하는 사용자들에게 맑음의 뉴스와 각종 디자인 및 홍보 마케팅 정보를 제공합니다~ㅎㅎ

 

 

 

맑음의 뉴스뿐만이 아니라 전반적인 IT소식등 많은 정보들을 얻어 갈 수 있도록 스토리부분에 많은 신경을 썼습니다.

 

 

이번 리뉴얼이 끝이아닌 항상 발전하는 맑음이 되도록 노력하겠습니다.

 

 

 

 

 

 

 

 

 

본 포스팅은 지극히 개인적인 취향과 관점으로 작성된 주관적인 글 입니다

 

폴리곤 이미지는  http://geektyrant.com/ 사이트를 참고하였습니다.

 

ⓒ 언제나 맑음 with 꼬대리

URL 복사