그라데이션과 그래디언트의 차이

발생일: 2012.07.05

문제:

낼 모레(7/7), NHN에서 주최하는 헬로월드 오픈 세미나에 스피커로 나간다.

Raphael.js로 차트 만들었던 경험을 공유하려고 하는데,

발표 내용 중에 파이차트에 투명 그라데이션을 적용하는 방법에 대한 것이 있다.

헌데, 용어가 좀 헷갈린다.

커뮤니케이션할 때 디자이너는 대체로 '그라데이션'이라는 용어를 썼고, 난 주로 '그래디언트'를 사용했다.

사실 작업하면서 의미 전달이 안돼 불편한 적은 없었는데,

인쇄용 자료를 만들려고 하니 왠지 신경쓰이고 궁금해졌다.

그라데이션(Gradation)과 그래디언트(Gradient)의 정확한 차이가 뭘까?

해결책:

사전적 정의로 구분하는 건 오히려 더 헷갈리더라.

큼직하게,

  그라데이션: 인지적 관점

  그래디언트: 기술적 관점

이라고 생각하면 이해가 쉽겠다.

예를 들어,

    파이차트에는 전체적으로 '그라데이션'이 적용되어 있고, 첫 번째 '그래디언트' 스탑의 컬러는 #f8f8f8 이다.

*p.s.

여기저기 발음의 표기법이 다르다.

  '그라데이션', '그래데이션', '그레데이션',  ...

  '그래디언트', '그레디언트', '그라디언트', ...

뭐 외래어의 한글 표기법 이슈는 당연히 있을 테니.^^;