ILMOL.COM

Back

웹 그리고 표준 이야기의 재시작

Design

일모리네에서 정기적으로 사이트를 소개하고 나누려고 합니다. 혹시나 소개하고 싶으신 사이트가 있다면 주저말고 알려주세요.

Web Standards

웹표준은 생활입니다. 그 변화의 삶으로 당신을 초대합니다.

back to menu

Thanks P Roh

노무형 대통령님 감사했습니다.

back to menu

RSS 피드

Zeldman 젤드맨 Retro 리디자인

옛디자인 연두색이 메인칼라이다 새디자인 붉은배경에 심플한디자인

Jeffery Zeldman 은 웹표준에 관심이 있으신 분이라면 “제프리 젤드만의 웹표준 가이드[1] 를 통해 잘 알고 계시리라 생각된다. 오랫동안 구독해온 나로써는 그의 블로그가 너무나도 친숙하다. 하지만 오늘 그는 오랫동안 고집해오던 그의 디자인을 뒤업고 새 디자인으로 커밍아웃을 단행했다. 그것도 90년대 디자인으로 말이다. Retro 를 넘어서 Nowtro 란다.

this site is mainly about my writing. So I crafted a simple look that encourages reading and hearkens back to this site’s early years.

현재 50개가 넘는 새 디자인을 칭송하는 댓글들이 올라 왔으며 앞으로도 쏟아질거라 생각한다. 과연 이 레트로 스타일이 그가 바라는데로 방문객들이 ‘글읽기’에 집중할수 있도록 돕게될까? 심플한 디자인을 넘어서서 CSS 가 거의 적용되는듯 마는듯한 옛 html 디자인 시대의 향수를 불러 일으키는 이번 업데이트는 craigslist 의 무언가와 연관이 있을지도 모르겠다.

미국 사이트 트래픽 톱5 안에 들 정도로 수많은 사람들이 이용하는 크랙스리스트는 수많은 디자이너들이 달려들어 만져주고 싶은 충동이 들 정도로 심플하다. 색상조차 고전 파란색 링크와 보라색 방문링크인 default 로 되어있지만 크랙스리스트는 수많은 디자이너들의 설득과 offer 에도 마다하고 그들의 디자인 철학을 바꿀 의도가 전혀 없다. 최대한 컨텐츠가 유저에게 심플하고 직관적으로 다가가는데에 수많은 시간을 쏟았다는 그들에게 결론은 simple is everything 이었을까. 이는 인터넷 유저들은 디자인보다 유저중심의 기능과 컨텐츠를 더 중요시 한다는걸 정확히 보여주고 있다. 수많은 분석가들이 야후나 기타 검색사이트를 제치고 구글이 성공한 이유도 또한 이와 연관을 짓는다. 미니멀리즘, 심플리티, 바른 기능과 심플하고 알아보기 쉬운 디자인의 조합은 아무래도 더욱더 빠른 정보와 결과를 원하는 인터넷 세계에서 관과할수 없는 요소로 보인다.

이번 젤드만의 리디자인은 과연 무엇을 말해주는 것일까? 단순히 옛추억에 젖은 한 유명한 웹전문가가 귀찮아서 지른 디자인? 혹은 웹은 다시 단순함으로 돌아가고 싶다를 의미하는 그 이상의 무언가? 아니면..? 자다가 봉창 두드리는 소리?

“Old is the new new 옛것이 바로 현재의 새것이다.” 패션계에서는 당연하지만 웹에서도 과연…

  1. 원본: Designing with Web Standards []
4

Standard Magazine

CDK, CSS Design Korea. 오래전 표준과 여러기술들 뿐만이 아니라 친목도 다지자는 작은 포럼을 지윤님께서 시작하셨고 그 후 많은 변화와 함께 Standard Magazine 으로 태어나게 되었다. 듬직한 쿠키님을 잊을수 없는.. ^^ 아무튼 작은 포럼 하나안에서 친목과 여러 토론, 질답 등이 이루어졌고 그것들을 발판삼아 더 큰 방향을 나아가려는 듯 하다. 얼마나 멋진 일인지!

이제 곧 오픈 한다고 하니 기대도 되고, 이제는 운영이 아닌 참여자의 입장이지만 적극적으로 참여하고 멋진 일에 동참해야겠다. 너무나도 많은 것을 얻은만큼 내가 줄수 있었으면 하는 바램일뿐… 지금도 너무나도 감사할 뿐이다. CDK분들 쌩유!

모두들 힘내시고 기대하겠습니다!

2

CNN 베타.

CNN이 리뉴얼을 진행중입니다.(via Ajaxian) 베타로 확인 가능합니다. 지난 디자인에 비해 너무나도 깔끔하게 구성된 맘에드는 디자인 이군요. 어떻게 보면 웹2.0 디자인 글을 열심히 읽고 적용한듯 하지만 ^^ 하하 아무튼 Information Architecture 에 상당히 신경을 쓴 흔적이 보이는군요. CNN의 색과 느낌을 그대로 살려 realignment과 함께 깔끔한 디자인. 감히 One of the best news site designs 이라고 하고 싶습니다.

cnn

얼마전 Times 지가 프린트 리디자인을 했었는데 이제 CNN 온라인 리디자인, 그럼 곧 USA Today? Washington Post? :) NY Times는 작년에 했지만 별로 그다지..

1

7년만의 Apple.com 의 변신

2000년 봄, 애플.com의 변신이 기억납니다. 너무나도 신선했던 Liquid design. 저도 따라서 디자인 해보고 그랬던 기억이… 아무튼 이번 사파리 소식과 WWDC 와 함께 애플.com에 갔더니만 드디어 애플 홈페이지가 리뉴얼을 업데이트 했더군요. 솔직히 처음에는 리뉴얼이 된지 못알아 봤습니다.. ㅠㅠ 미니멀리즘과 사랑에 빠진 그들을 잘 표현한 디자인 입니다. 물론 7년간 명성을 떨친 디자인을 무시할수 없겠지만 새로운 변화가 맘에 듭니다. Information Architecture 에 불만인 이들도 있고, well, it’s good enough for me. 아, 그리고 테이블 레이아웃으로 남아있던 몇 안남은 대형 사이트였지만 마침내 DIV 화 되었네요.

예전 애플 디자인들좀 뒤적 거리고자 인터넷 아카이브에가서 이것저것 뒤적였습니다.

1990년대 애플 홈페이지
1990년대에도 이런 강력한 메세지를 전하는 홈페이지.

2000년 애플 홈페이지
그리고는 진화해버린 홈페이지

푸른색 로고의 애플 홈페이지
2001년 푸른 로고의 변화 뿐만이 아닌 컨텐츠 replacing 변화

2007년 애플 홈페이지
그리고 아이튠즈틱 해진 더 간단한 2007년의 새 디자인. 레오파드를 예고하는 스크린샷.

3

새로운 IE 확장사이트

IE 베타2가 출시되고 얼마 있지 않아 새롭게 단장한 Add-on 사이트가 새로운 도메인과 새로운 디자인으로 모습을 드러내었다. 예전 불여우의 확장기능에 유저들의 반응이 폭팔적으로 나오자 “우리도 사이트가 있다” 아니, “이미 있었다” 라며 광고를 내었었는데, 이제 IE 베타와 함께 새 사이트로 시작한다니.

ieaddons 는 2가지 목적을 가지고 있다. 개발자들에게 promote 하기 위하여. 그리고 사용자들이 쉽게 add-on을 찾을수 있도록. box-model 핵도 잡으며 많은 노력을 보이고 있는 ie 도 위협을 느끼는건 당연한 것인지…

헌데 그나마 쓸만한 add-on 인 developer tool 이 add-on 사이트엔 없다. developer tool 은 IE7 BETA preview2 부터 적용이 가능하다. IE6 용도 있으니 좌절은 마시길.

ie

6

    RECENT POSTS

    COMMENTS

    • Korea.net의 베너
    • 한RSS 구독