간단히 설명하자면, 디자인 향상은

새롭게 나온 속성이 지원되는 최신 브라우저에서 좀 더 멋지고 향상된 디자인이 적용되어 보이도록 하는 것

입니다.

디자인 향상(Design enhancement) 작업을 할 때에는 디자인이나 사이트의 기능적인 부분을 비평해서는 안됩니다. 해당 속성이 사용하는 브라우저에서 동작을 하든 안 하든, 사용자들이 사이트를 이용하는 데 불편함을 주거나 방해가 되어서는 절대 안됩니다. 단지 사이트가 조금 덜 매끈해 보일 뿐이지요. 결국, 좀 더 좋은 도구를 선택한 사용자들이 더 향상된 경험을 제공받을 수 있게 되는 것입니다.

최근에 나온 아래와 같은 속성들을 이용하여 디자인 향상 작업을 적용할 수 있을 것입니다.
첨부된 이미지는 원서에 있는 이미지를 가져 온 것입니다. 따라서 현재는 더 많은 브라우저가 아래의 속성들을 지원하고 있습니다.

[IMG SRC : Speaking in Styles > Part 2. CSS Grammer > chapter 6. Vocabulary: Talking the Talk ]

참석하진 못했지만, 오늘 열렸던 제4회 웹표준의 날에서 발표하신 정찬명님의 발표자료를 살펴보면서 번역한 책 내용이 생각나서 반가운 마음에 급 포스팅 올립니다.

디자인 향상 작업이 사용자들의 자발적인 브라우저 업데이트로 이어질 수 있으면 참 좋을텐데요.
뭐 좋은 방법 없을까요?

현재 이 책의 번역 작업은 완료되었고, 최종 마무리 편집 작업중에 있습니다.
예정보다 늦어졌지만 하루빨리 서점에서 만나볼 수 있게 되면 좋겠네요.

2010년인 지금도 여전히 자신의 디자인을 코드로 작업하지 못하는 ‘웹디자이너’들이 있다는 사실에 충격을 먹었다. – Elliot Jay Stocks

트위터에서 작은 논쟁이 되던 글이다.

개인적으로 그의 생각에 동의한다. 웹 디자이너가 자신의 디자인을 코드로 만들지 못하는 것이 이상하다고 생각했을 뿐 아니라, 심지어 3년전에는 나도 HTML 코드를 전혀 모르는 디자이너 중 한 명이었다. HTML 코드 작업을 접해 보기 전까지 나는 10년 넘게 그래픽 디자이너로 일해왔다. 지금 생각해 보면 내가 작업한 디자인을 웹페이지로 만들기 위해 HTML과 CSS를 배운 것은 정말 잘한 일이라 생각한다. 디자이너들이 HTML과 CSS를 배우게 되면 좋은 점 5가지를 이야기해 보겠다.

첫번째 이유
포토샵에서 디자인 하는 것과 HTML & CSS를 사용하는 방법을 모두 알고 있으면, 각각을 따로 알고 있는 것보다 훨씬 더 막강한 힘을 발휘할 수 있다. 대부분의 디자이너들이 코드화 작업이 그들의 작업물에 많은 제약을 준다고 생각하는데, 직접 코드를 배우고 나니 제약보다는 나를 해방시켜준다는 느낌을 받았다. 많은 제약으로부터 새롭고 창조적인 가능성의 세계를 열어준 것 같다. 기본적으로 HTML&CSS 작업을 배운 것이 나를 한단계 발전한 웹디자이너로 만들어 주었다.

두번째 이유
디자인 작업물은 여러분이 원하는 방식대로 정확하게 디자인될 것이다. 만약 디자인과 UI개발 업무가 완벽하게 분리되어 있다면, 프로젝트에서 UI개발자가 그들의 작업을 끝마치는 시점이 되면, 디자이너는 결과물이 그들이 원하던 모습과는 전혀 다르다고 생각하게 될 것이다.
이것은 UI 개발자의 잘못이 아니다. 그런 상황이 발생할 수 밖에 없다.
사이트에 새롭게 디자인된 섹션의 추가 작업이 필요할 때마다 디자이너가 매번 포토샵으로 작업을 하는 것은 실용적이지 않다.

세번째 이유
포토샵으로 디자인 하는 것과 UI 개발은 서로 통하는 것이 전혀 없어 보인다. HTML&CSS가 개발자들을 위한 도구라기 보다는 디자이너를 위한 도구라는 사실은 논쟁의 여지가 있어 보인다.
예를 들면, 집을 짓고 싶어하는 건축가가 디자인이 된 후에 굴삭기 운전 하는 법, 벽돌 쌓는 법, 목공일 등을 배워야만 하는 것이다. 건축가와 웹디자이너를 비교하는 것이 문맥상 전혀 말이 안되는 것은 아닐 것이다. 하지만, 나는 웹사이트를 디자인 할 때, 포토샵에서 디자인을 한 후에 수시로 HTML&CSS를 이용해 작업을 한다. 이것은 디자인 작업과 UI 개발 작업이 거의 하나로 혹은 동시에 진행된다는 의미이다. 이는 웹과 그래픽 디자인에서나 가능한 것이다. 자동차나 건물을 디자인 할 때는 그렇게 할 수가 없다.
따라서, 만약 당신이 HTML&CSS 작업을 모르는 디자이너라면, HTML&CSS 를 배우라고 압박하는 것처럼 보일테지만, 절대 어렵지 않다. 배워라. 절대 후회하지 않을 것이다.

네번재 이유
디자인 작업과 UI개발 작업 양쪽 모두 많은 시간을 절약할 수 있다. 앞에서 지적했던 것처럼, 처음 적응되면, 전체 디자인 파일에서 변경된 부분만 잘라서 전달 할 수 있을 것이고, 코드에서는 포토샵에서 이미 작업해 놓은 부분만 수정하면 된다.

다섯번째 이유
HTML&CSS를 모르는 디자이너가 HTML&CSS를 배우면, 여러분이 프리랜서를 원하건 정규직을 원하건 보다 다양한 일자리가 생길 것이다. 내가 UI 개발을 배운 가장 큰 이유 중 하나는 UI개발을 모르는 디자이너들에게는 일자리를 구할 수 기회가 그다지 다양하지 못했기 때문이다.

결론
특히 대형 프로젝트에서 사이트의 업데이트를 위해 많은 시간을 보내는 디자이너들에게만 유용한 것이 아니라, 사이트에 있는 콘텐츠가 어떻게 보여질 것인지에 대해 고민하는 디자이너들에게도 기본적인 HTML & CSS를 알고 있으면 훨씬 더 좋은 결과를 얻을 수 있을 것이라고 생각한다.

여러분들의 생각은 어떤가?

==========================================================================================================================================

이상의 내용이 링크에 있는 글의 내용이다.
글에 대한 개인적인 생각은 별도의 포스팅으로 정리해 보려고 한다.

to be continued..

새롭게 번역 작업 중인 책이다.

평소 일을 하면서 기획과 디자인 단계에서 CSS에 대한 조금의 이해가 더 있었더라면 더 좋은 결과물이 나오지 않았을까 하는 생각을 많이 해보게 된다.
나와 같은 생각을 하는 사람들이 의외로 많은가보다.

이 책은 웹표준과 CSS에 대해 아주 쉽게 설명하고 있다. 마치 영어를 처음 배우는 사람에게 영어를 가르치듯..
그래서 제목도 ‘speaking in English’ 삘 나는  ’speaking in styles’가 아닌가.

이 책은 웹디자인을 하면서 CSS에 관심이 있거나 쉽게 배우고자 하는 사람들이 텍스트에 대한 부담없이 편하게 읽어볼 수 있는 책이다.

이 책에서 다루고 있는 특징적인 내용들을 간략하게 살펴보면,  물론 CSS의 기본적인 개념들은 다 설명하고 있고,  웹디자인을 하면서 디자이너나 개발자들에게 꼭 필요한 것들, 예를 들어, 사람들이 CSS에 대해 가지고 있는 오해들, IE6 버그에 대한 설명과 대처법, 브라우저별 특징을 잘 설명하고 있고, 후반부에는 하나의 사이트를 선정하여 직접 페이지 마크업과 스타일 작업을 많은 그림고 도표로 설명하고 있다.

책을 접했을 때, 실무에 상당히 유용한 방법들이 많다라는 느낌이 들었다.
뭐랄까…  Smashing Magazine이나 nettuts 에 있는 정말 유용한 포스팅들을 보고 있는 느낌이랄까..

어쨌거나, 처음에는 작업이 길어지지 않으리라 생각했는데,  이래저래 개편작업으로 하루걸러 밤을 새고 있는 상황이고, 개인적으로도 일이 있어 주말에도 시간을 내기 힘드니 대략난감할 뿐이다.

번역 작업을 하면서 중간중간 내용을 정리해볼 생각이다. 많이는 아니겠지만…
암튼 하루빨리 책이 번역되어 나왔으면 좋겠다.

깔끔하고 명랑한(!) 느낌의 BI와 함께 개편된 메인페이지.
무엇보다도 기쁘게 생각되는건 W3C Markup Validation 통과했다는거.

네이트 메인 페이지의 W3C Markup Validation 통과에 이어 또 하나의 기쁜 소식이다.
그렇지만 통과한 사실보다 더 중요한 것은 한번 통과한 validation이 지속적으로 유효할 수 있도록 유지해 나가는 것이라 생각된다.

어떻게 보면 당연한 일일 수도 있겠지만, 단순히 UI개발자만의 노력이라기 보다 관련된 모든 분들의 노력의 성과가 얻어낸 결과이기 때문에 더 의미가 크다고 생각한다.

국내의 많은 사이트들이 이미 Markup Validation을 통과하고 있는 시점에서 조금 늦은 감이 있는 것은 사실이지만, 이제 시작은 되었으니 메인 페이지들 뿐 아니라 개편되는 모든 서비스 페이지들도 가뿐(!)하다는듯 validaton 통과 릴레이가 지속적으로 이어질 수 있으리라 확신한다.
급하게 가기 보다는 차근차근 내실을 다지며 한걸음씩 전진할 수 있게 되길 바란다.

더 많이 착해지고 이뻐진 Opera 9.5 +_+

더욱더 기본에 충실해지고 간결하고 깔끔해진 인터페이스, 그리고 부드럽게 바뀐 스크롤 등등.
맘에 드는게 한두가지가 아니네~

잠자리도 그렇고~