독도 광고 모금 캠페인

'디자인/시각디자인'에 해당되는 글 4건

  1. 2008/01/23 Sdayz 개인명함을 소개합니다. (12)
  2. 2008/01/02 [웹사이트 뷰] 2008년 : 아리랑TV_리뉴얼 (4)
  3. 2007/11/30 Sdayz 로고를 소개합니다. (6)
  4. 2007/09/24 Apple Store Ginza - iPods and Macs
안녕하세요. 2007년 Sdayz 로고를 포스팅한후 몇개월이 지나 작년이 되었습니다. 로고 제작후 바로 명함을 제작하고 대외활동을 하면서 일도할때 필요하기에 개인명함을 만들었습니다. 늦었지만 오늘 포스팅을 합니다 :D



사용자 삽입 이미지

VISUALSAY 명함




군대 복무하기전 2003년부터 2004년까지는 VISUALSAY로 활동할때 만든 명함이 있었습니다. 그당시에는 당신에게 보내는 편지라는 출발로 모티브를 " 편지 "로 잡고, 그에 맞게 디자인을 했었습니다. 당시는 수입지를 사용했었는데, 이번에는 좀 다르게 하기위해 최근 많이 사용하는 PET Card 재질을 사용했습니다.



사용자 삽입 이미지

Sdayz 명함


기본 원칙으로 보통의 앞면은 국문, 뒷면은 영문으로 하지만, 한면에 다 보일 수 있도록 국문+영문을 한번에 표기하는 방법을 선택하였습니다.


개인정보가 있는 부분을 보시면 상단은 사이트주소전화번호, 이메일이 있구요. 이름보다 연락처가 먼저 위치해 있습니다. 명함을 받는 사람의 입장으로서는 연락할 일이 있을경우, 작게보면 연락처가 더 중요하다고 생각되어 상단에 표기하였습니다.


하단에는 Sdayz 로고(국가명)이름이 있습니다. 이름은 가장 큰 폰트로 여백을 두고 가독성이 있도록 하였고, 개인 명함이라서 집주소는 적지 않았습니다. 다 넣고보니 공간이 많이 비어 보였고, 외국친구를 만나면 줄 수 도 있게 한국인임을 나타내는 Seoul, Republic of Korea를 로고 하단에 넣었습니다. 그러니 좀 디자인상으로 안정되보이고 균형이 맞게 보였습니다.


이미지를 보시는분과 명함을 받은 분들이 궁금해할 Sdayz 위에 할큄 자국은 Sdayz의 모티브중 하나인 붉은 매의 발톱자국을 나타냅니다. 같은 로고를 앞뒤로 넣기엔 지루한감도 없지 않아 있었고, 무엇보다 저를 나타내는 명함이기에 뭔가 제 생각을 넣고 싶었습니다.


첫번째로 붉은매의 형상을 하고 있는 심볼은 먹이감을 잡기위해 정지 비행하는 모습입니다. 그 것과 연관해서 목표로한 것을 내것으로 만든다는 의미로 넣었구요.


두번째로 많은 경험은 아니지만, 동갑내기 친구들에 비해 빠른 사회경험과 대인관계에 있어서 상처와 아픔 그리고 어느 환경에서도 이겨낼 수 있다는 것을 표현합니다. 현재 제가 느꼈던 모든 것들은 앞으로의 일에 일부분이라고 생각합니다. 그렇기에 모든걸 이겨낼 준비가 됐다는 뜻이 되겠지요.


그리고 하단에는 제가 좋아하는 영어글이 있습니다.



" Design is imagination : 디자인은 상상이다. "


CAMERA 협찬 : 온가(온인선)군
Macbook 협찬 : 온가(온인선)군



이올린에 북마크하기(0) 이올린에 추천하기(0)

Trackback Address :: http://sdayz.com/trackback/31

댓글을 달아 주세요

  1. BlogIcon 쏭군 2008/01/23 18:42 Address Modify/Delete Reply

    이야~ 손톱으로 긁은효과 정말 괜찮다 *_*

  2. BlogIcon troysky 2008/01/24 20:43 Address Modify/Delete Reply

    개성넘치는 명함이네요~
    저도 나중에 한장 받으러 갈께요 ㅎㅎ

    • BlogIcon 순대포유 2008/01/24 21:27 Address Modify/Delete

      시간상 좀더 고민하고 작업하지못해 부족하지만,
      제가 생각한 의미들을 표현하였습니다.

      답글 고맙구요, 만나서 드릴 날이 꼭 왔으면 좋겠네요 :D

  3. BlogIcon 도로시* 2008/01/25 01:02 Address Modify/Delete Reply

    "그리고 하단에는 제가 종하는 문장인 이런 문구가 있습니다."

    요거 나 "좋아하는"의 오타인줄 알았어,.
    종종 하는? 이뜻으로 쓴건가~?

  4. BlogIcon anna 2008/01/25 01:50 Address Modify/Delete Reply

    저 명함 첫번째꺼 아직도 가지고 있는ㄷ ㅔ .. 두번쨰꺼도 멋지당..^-^

    • BlogIcon 순대포유 2008/01/27 13:50 Address Modify/Delete

      하~ 아직도 갖고 있어요 ^ ^ ?
      이 명함도 줄 수 있길 바라면서~ 보고싶어요~
      본지가 참 . . 3년이 지났네요~ 이~
      홍대에서 보고~ 그리고 신촌에서 마지막으로 본거같은데 그쵸?

  5. BlogIcon 꼬꼬댁 2008/01/29 09:00 Address Modify/Delete Reply

    와와~~~~ 명함 멋지다!!! +_+

  6. BlogIcon Kani 2008/01/31 23:30 Address Modify/Delete Reply

    나도 뒤져보면 저 명함 있을텐데 ㅋㅋㅋ

    그나저나 명함 잘나왔네 --;

    아~ 나도 하나파야되는데 초안도안나와 아무리봐도 난 디자인은 영..꽝이야.

01. 메인페이지

사용자 삽입 이미지

메인화면


2008년 1월1일 새해를 맞아 arirangTV가 리뉴얼을 했다. 기존 arirangTV 사이트보다 밝아지고 산뜻하게 새해를 알리며 글로벌매체로서 성큼 다가서는 모습을 느낄 수 있다.

Layout - 응용된 3단형구조
리뉴얼된 arirangTV의 identity라고 생각되는 부분은 상단의 네비게이션 부분인 모서리가 둥근 오렌지 색상 라인이다. 각 페이지별로 색상을 달리해 통일감을 주고, 사용자의 시선 또한 한곳으로 모아 arirangTV 접속후 사용자가 주로 클릭하는 부분들로 구성하여 잘 정리된 느낌이다. 중앙의 그래픽이미지는 접속시 제일 먼저 시선이 가는 부분으로 깔끔하게 패스작업으로되어 전체 디자인에 잘 융화가 되고 있다. ( 아마 아리랑 대표 프로그램으로 구성한 듯 )

좌측에서 우측으로 시선을 따라 검색엔진(about 링크)으로 간 다음 바로 아래 광고영역을 두었고, 좌측 대각선으로 시선이 내려가면서 좌측 타이틀은 강조, 우측 타이틀은 그레이색상으로 연하게 처리하였다. 중앙 하단에는 킬러 콘텐츠를 연한 옐로우계열 색상으로 강조하여 전체의 강약조절을 하였다.

Color
난색계열과 중성색계열(그린)의 유사 색상들로 배색되었고, 주색은 산뜻한 오렌지, 보조색은 브라운색과 그레이색으로 강조색으로는 옐로우색을 사용하였다.


02. TV 페이지
사용자 삽입 이미지

TV메뉴의 메인화면


Layout - 2단형 구조
이번에는 그린의 테두리가 상단을 감싸고 있고, 중앙에는 오늘의 방송 하이라이트라는 배너가 롤링으로 돌아가고 있다. 메뉴는 상단으로 이동하여 그 자리는 배너의 번호가 자리 잡고 있으며, 메인처럼 불균형한 구조가 아닌 딱 떨어지는 구조로 좌측에는 스케쥴을 가독성있게 디자인되어 배치되어 있다.

스케쥴을 엑셀파일로 받을 수 있는데 맨 하단에 위치하고 있고, 색이 옅어서 가독성이 떨어진다. 상단에도 배치했으면 좋았을 것이다. ( 중요한건 아니지만;; )

Color
TV 페이지의 주색은 그린색이고, 보조색으로는 브라운계열의 진한 베이지색과 그레이색이 들어가있다. 강조색으로 오렌지색상이 들어가 싱그러운 느낌이 강하다. 2008년 돌아오는 봄을 알리는 색상 같다는 느낌이 든다. 샤방~♥


03. RADIO 페이지
사용자 삽입 이미지

RADIO 페이지


LAYOUT - 2단형 구조
전체적인 부분은 통일된 것이라 별도로 언급 할말은 없지만, 달라지는 부분은 내용의 스케줄부분과 라디오 프로그램(DJ)를 펼쳐 놓은 구조를 들 수 있는데. 사이트맵처럼 한눈에 아리랑TV의 전체 라디오 프로그램과 DJ들을 볼 수 있다. ( 오! 많다! )

COLOR
로고색상을 포함해 다른 페이지보다 많은 약 7가지 색상이 들어가있으며, 난색과 중성색(보라계열)이 주를 이루고 있다. 주색으로 자주색이 사용되었고, 보조색으로 브라운계열 진한 베이지 및 그레이색상이 사용되었다. 페이지에서 가장 많이 사용되는 색상은 유사색인 보라색과 자주색, 마젠타색상인데 색상은 많지만 복잡하지 않게 배색이 잘되어있다.

하이라이트 부분에는 하늘색상이들어가 페이지의 포인트 역활을 하고 있는데, 약간 채도가 있었으면 어떨까 하는 생각이 든다. 또 다른 강조색으로 옐로우색이 들어가 있다.


04. NEWS 페이지
사용자 삽입 이미지

NEWS 페이지


LAYOUT - 2단형 구조
기존의 페이지 구조는 비슷하면서 라인을 제거하니 여느 뉴스 사이트와 다르지 않다. 라인이 있던 자리 중앙에는 메인 뉴스를 넣었고 좌측은 동영상과 뉴스 카테고리가 자리 잡고있고, 우측에는 역시 검색엔진 이 자리 잡고 있다.

스케줄표가 있던자리에는 최근뉴스들이 자리 잡고 있다. 우측으로가면 각 카테고리의 뉴스들이 나열 되어있고 날씨와 환율정보가 있다.

COLOR
은행과 같은 금융권이나 공공기관에서 주로 사용된 신뢰감있는 한색계열로 이루어져있다. 주색은 블루계열 색(블루,스카이블루)이고, 강조색은 레드색을 사용해서 시선을 해당뉴스로 가도록 하고 있고, 보조색으로는 다른 페이지와 같이 브라운계열의 베이지색과 그레이색이 사용 되었다.


05. DRAMA 페이지
사용자 삽입 이미지

DARAMA 페이지

사용자 삽입 이미지

CONTENTS 페이지


imbc에서 운영하는 것으로 보이며, MBC의 드라마들로 구성되어 있다. 타 방송국의 드라마 정보도 알려주었으면 하는 아쉬움이 남는다.

LAYOUT - 2단형 프레임, 1단형 구조
2단형 프레임으로 나누어져있고, 상단은 네비게이션, 하단은 내용부분으로 구성되어있다. 다른 페이지와 차별화되는 구조로 imbc에서 운영해서 기존 리뉴얼에는 해당이 안된것 같다. (리뉴얼전에 확인을 안해봐서 잘 모르겠습니다;)

COLOR

주색으로 한색계열의 블루,스카이블루(옅은 하늘색)이 사용되었고, 보조색으로 상단의 그레이색이 들어가 있다. 강조색으로 옐로우그린색과 에메랄드색이 사용 되었다. 메뉴를 보면 브라운색으로 선택이 되어있는데, 이는 NEWS와 동일한 색상이라서 다르게 사용한듯 싶다. ( 안어울려~ ;;)

너무 동일한 색상으로 구성한 나머지 강약조절도 없고, 단조롭다는 생각이 든다.


전체적으로 잘 정리된 느낌이어서 정보 전달에 좋았고, 기존의 답답한 구조가 확트인 느낌이다.
자세하게 다른 페이지들을 확인해 보진 못했지만, DRAMA 페이지는 imbc에서 운영하던 기존페이지(라고 생각)라서 아직도 ActiveX를 사용한다는 점이다.


사용자 삽입 이미지

파이어폭스로 CSS를 끈 상태


리뉴얼된 메인페이지 소스를 살펴봐도, 표준화작업도 전혀 되있지 않았다. 내국인 대상이 아닌 사이트인점을 생각하면 웹 트렌드의 흐름을 따라가지 못하는 점이 매우 아쉽다.

큰 테마들은 리뉴얼 되었지만, 세부 페이지들은 아직 새로운 구조에 맞게 디자인이 적용된 상태가 아니다. ( 변경 될것이라면 한번에 했으면 더 좋았을텐데; ) 곧 되리라 생각 됨!

글로벌 사이트로 도약하는 아리랑TV가 되었으면!




이올린에 북마크하기(0) 이올린에 추천하기(0)

Trackback Address :: http://sdayz.com/trackback/28

댓글을 달아 주세요

  1. BlogIcon 고이고이 2008/01/03 22:34 Address Modify/Delete Reply

    꼼꼼하게 분석하셨네요 ^^

    • BlogIcon 순대포유 2008/01/04 22:14 Address Modify/Delete

      지식이 부족해서 그냥 있는 그대로 풀어서 썼어요 :)
      그냥 아리랑 라디오 자주 든는데, 리뉴얼해서
      이쁘장하니 ~ 올리고 싶더라구요 ^^

  2. BlogIcon anna 2008/01/05 12:29 Address Modify/Delete Reply

    어랏.. ㅅ.ㅅ 대용이 블로그가 여기구나! 오랫만이야~ ^_^ 잘지냇어? 위에 아느사람인데..호호호호호 신기해라 정말 신기하네..!! 자주 놀러와야겟네~ 잘지내징?
    홈페이지 작업 멋진데..아리랑 티비 를 하는구나.. 나도 요즘 다시 프리랜서 일 시작해서 포트폴리오 다시 맹글고 그러는데~ ^_^ 히힛..

    • BlogIcon 순대포유 2008/01/07 12:03 Address Modify/Delete

      아~ 누나; 왔네요^ ^ 새해 복 많이 받으시구요.
      아, 아리랑 티비는 리뷰한거지; 제가 작업한건 아니구요.
      제가 작업한것들은 옆에 링크 Sdayz 디자인 이라고 있어요.

      고이고이님하고 아세요? 모 유명하신 분이니까~; 절 티스토리 초대해주신분이고, 지난 난상토론회에서 같은 그룹에서 토론하기도하고 온라인,오프라인 다 봤어요~ :D

      반가워요 ^ ^!

사용자 삽입 이미지
제작기간 : 2005/10/23 SUN ~ 2006/6/22 THU (1차시안)
                2006/6/22 THU ~ 2006/10/05 THU (2차시안)
                2006/10/05 THU ~ 2007/10/23 TUE (3차시안/확정)
의미 :  영문표기시 Ahn Dae Yong의 이니셜로 만들 수 있는 단어, day와 1998년부터 사용해
           온 Soondae4u의 이니셜, sd를 조합해서 나 자신을 표현할 수 있는 것으로 디자이너
           로서 갖추어야할 창의성과 다양성 그리고 비상하는 독수리를 의미
모티브 : 1. 산업디자인의 기본인 육면체
             2. 자유롭게 생각 할 수 있는 날개를 상징할 무엇(맹금류과)
             3. 입체느낌이나는 기하학적인 모양
             4. 길이,넓이를 달리하여 다양성을 부여하며, 창의성을 나타냄
             5. 좋아하는 숫자 3을 표현 ( 3의 어원은 Trans로 ~ 뛰어 넘는다의 어원을 갖음)
             6. 위에 모든것을 표현하면서 복잡하지 않는 형상
             7. Passion(열정)을 나타낼 수 있는 색상 붉은색 사용

──────────────────────────────────────────────

Story
Sdayz(에스데이즈)라는 이름과 로고가 만들어지기까지는 2년이라는 기간이 걸렸습니다. 이전에 사용하던 이름이 있었는데 visualsay(비주얼세이)를 만들 당시(고등학교) 전공이 그래픽이었기에 군대가기전까지 약 1년~2년정도 사용했었습니다. 이후 군복무를 하면서 비주얼세이보다 나를 표현 할 수 있는 것이 무엇이 있을까 고민하며, 앞서 첫 포스팅에서도 썼듯이 이름의 이니셜을 조합해서 만든 DAY라는 단어를 만들고, 모티브를 약 7가지를 정한후 스케치를 시작했습니다.

사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지

원하는 형태가 나올때까지 다시 수정하며, 계속해서 아이디어를 발전시켜 나갔습니다. 삼각형을 토대로 날개를 형상화해보고 간단한 도형을 갖고 여러차례 스케치했습니다. 위 스케치는 그 일부분들 입니다.
사용자 삽입 이미지
사용자 삽입 이미지

다른 모티브를 제외하고 그중 육면체,날개,맹금류를 염두해두고 스케치를 했고, 현재와 비슷한 형태가 나왔습니다. 이름역시 Fly day 라는 이름으로 진행하면서 여러가지 의미를 부여했는데, 단어 두개가 섞이고 전체적으로 디자인을 해보니 왠지 마음에 들지 않아 2차시안에는 이름을 day로만해서 진행했던 것입니다.
사용자 삽입 이미지
* 그림 우측 육면체 모서리가 Sdayz의 심볼의 전체적인 모티브가 되었습니다.

사용자 삽입 이미지
* 좌측로고는 일반 A4에 출력한것을 스캔한것이고, 우측은 전용포토지에 출력해본 것 입니다.
심볼이 날카롭기때문에 비슷하게 가려고 2차시안때 폰트스타일을 세리프체를 사용했었습니다.

지금의 폰트는 보다 심볼과 잘어울려지고 폰트 자체만으로도 스타일이 나올 수 있도록 하기위해 사용 였습니다. 자신을 나타내는 로고가 있으신분들은 트랙백을 해주세요~



이올린에 북마크하기(0) 이올린에 추천하기(0)

Trackback Address :: http://sdayz.com/trackback/16

댓글을 달아 주세요

  1. BlogIcon 경히씨 2007/12/03 16:09 Address Modify/Delete Reply

    홈에버? <-라고 써있는거 ㅋㅋㅋ

    글씨체가 귀엽군요

    전 첨에 저거보고 빨간 마후라가 생각났어염

    • BlogIcon 순대포유 2007/12/03 16:13 Address Modify/Delete

      내가 정한 모티브와 관계없이 보는 사람들로 하여금
      각자의 느낌이 다르게 나온다면 그것은 성공한 것 같네요

      빨간마후라~ 연관성있으니 그것도 괜찮네요~

  2. BlogIcon 쏭군 2007/12/04 18:17 Address Modify/Delete Reply

    우리 순대 멋지구나!

    • BlogIcon 순대포유 2007/12/04 22:52 Address Modify/Delete

      형이 더 멋있어요~
      저도 어서 웹표준작업에 조금 신경쓰며 공부를 해야하는데, 전공을 바꾼지라... 틈틈히 해야겠어요 ^^

  3. BlogIcon 발키리 2007/12/07 09:33 Address Modify/Delete Reply

    이렇게 심오한 뜻이..ㅋㅋ


일본 긴자 애플스토어안의 안내영상 디스플레이.

동영상을보면 알 수 있듯이, 세련되고 깔끔한 영상으로 애플의 매력을 한껏 뽐내며, 해당 층마다의 설명을 자세히 보여주고 있다. 이것만으로도 애플의 제품을 사고 싶게 만드는 애플 그래픽 디자이너들의 UI에대한 노력을 엿볼 수 있다. 이런스타일로 제작된 키오스크가 정부기관을 비롯한 관공서나 박물관, 전시회같은 곳에 설치되면 좋은 반응을 얻을 것 같는 생각이 든다.

Apple store floor-by-floor videos

Apple store floor-by-floor videos


위영상은 애플스토어 긴자-엘레베이터라는 제목으로 포스팅된곳이 있는데, 사진을 보면 알 수 있듯이 키오스크의 종류라고 생각됩니다. 영상만을 볼떈 엘레베이터의 버튼을 누르면 영상의 설명이 이어지면서 이동하는줄 알았거든요.(느리게 올라가나? 하면서;;)
일본을 방문하면 꼭 직접 사용해보고 싶네요~ 긴자에 가실일있는 분들은 트랙백해주세요 :-)

사진&영상 저작권 By Jeremy Horwitz
이올린에 북마크하기(0) 이올린에 추천하기(0)

Trackback Address :: http://sdayz.com/trackback/3

댓글을 달아 주세요