내가 사용하는 CSS 기본 파일은 이렇다.
- global.css : 공통적으로 사용되는 셀렉터에 관한 정의
- layout.css : 전체 틀에 관한 정의
- datatable.css : 표의 유형에 관한 정의
- board.css : 게시판에 관한 정의
그런데, 최근의 작업물은 위의 파일을 제외하고도 적게는 6개에서 많게는 10개 이상의 CSS를 작성해야할 때가 많다. 더 좋은 방법을 사용하는 분도 계시겠지만, 이 파일들은 사이트의 메뉴별 CSS인 경우가 많다. 나름대로 코드량을 줄이기 위해서 이래저래 애를 써보지만, 어쩔 수 없이 써야하는 코드도 제법 된다.
내가 에이전시에 근무하면서 프로젝트 때마다 웹 스타일가이드를 요청하곤 하지만, 역시 느끼게 되는 점은 IA보다는 Creative에 치중한 디자인이 대부분이라는 점이다. 특히 웹표준 준수(혹은 접근성 지침 준수)를 요구하는 프로젝트에서는 디자이너에게 이러쿵 저러쿵 하게될 때가 많은데, 그때마다 디자이너는 나의 간섭을 힘들어한다.
게다가 프로토타입 같은 것들이 기획 단계에서 알게 모르게 정해진다거나, 디자이너가 거기에 대해 이의를 제기하지 못하는(대부분 촉박한 일정 때문이지만) 경우가 많고, 기획서에 나와있는 형태가 디자인으로 탈바꿈해버리는, 그래서 HTML 마크업도 결국은 내용을 구조적으로 정리한다기 보다는 기획서상의 내용을 거의 그대로 웹페이지에 얹어내는 경우가 많다. 게다가 Cascading하게 CSS를 작성하는 것도 꽤나 까다로와진다. 왜냐하면, 사이트의 메뉴별로 색상이 바뀐다던지, 스타일이 바뀌는 경우가 비일비재하기 때문이다.
뭐 지금은 디자인을 하지 않지만(예전에 했다고도 말하긴 어렵지만 -_-;), 내가 아는 디자인의 원칙은 하나 뿐이다.
형태는 기능을 따른다.
예전에 접근성에 관해 정리하면서 Universal Design에 관한 내용도 함께 써뒀지만, 웹에 관한한 국내 웹디자이너들의 생각은 꽤나 모호해보인다. 클라이언트의 입장이 대부분 그렇지만 우리나라 웹사이트는 사용자와 그 사용성을 위해 어떤 원칙을 만족시키는지의 여부보다는 일단 보기좋고 봐야 한다는 생각이 뿌리깊어 보인다. 어떤 사람이던 웹에 대해 아무것도 몰라도 보는 눈은 있다는 점이 가장 큰 문제가 아닐까 싶다.
어제 Hooney님과 간단히(?) 술한잔하면서 여러가지 이야기를 했는데, 그 중에 웹디자인과 접근성에 관한 이야기 중 인상깊었던 대목이
접근성은 100%를 위한 것이고, UI는 80%를 위한 것이다.
라는 이야기였다. (아하- 그렇구나~) 맞는 말이라고 생각한다.
웹, 디자인, 웹디자인, UI, UX... 개념은 많은데 이 중 하나라도 확실히 이해하고 들이대(?)는 사람이 얼마나 될까? 스타일가이드가 없으면 사이트의 일관성이 떨어진다는 점을 모르는 사람은 없을텐데 말이다.