GUI에는 많은 구성요소가 있지만, 백그라운드 이미지와 레이아웃, 인터페이스 스타일, 아이콘 디자인을 위한 훈련시 고려해야 할 내용을 정리해 보았다.
 

 
백그라운드 이미지 디자인

그라데이션으로 컬러를 입힌 후에 Copy와 Rotate 등으로 레이어를 여러 개 생성한 후, 중앙의 강조할 부분과 사이드 부분의 밝고 어두움을 브러시 툴로 리터칭한다. 이때 브러시 톨을 어떻게 설정하고 얼마나 잘 다루냐에 따라서 퀄리티가 결정된다.
선이나 형태를 그린 후에 필터의 Blur, Glow 등 설정 값의 강약을 조절해서 적용시켜본다. Layers 효과, Opacity, Fill 등의 옵션 값을 여러 가지로 설정해서 원하는 이미지를 만든다. 패턴을 넣는 방법은 일러스트나 포토샵에서 패스를 그린 후 포토샵에서 리터칭한 후 백그라운드에 적용하면 된다. 그밖에 도움되는 툴들은 After Effect, Particle Illusion, 3D 툴 등이 있고 이런 툴들은 BG에 모션이 있을 시에 유용하게 쓸 수 있는 툴들이다.
 

레이아웃을 잡아 인터페이스 디자인을 하기 위해서는 우선 그리드 감각을 키워야 한다. 예를 들면, 편집디자인이 잘된 서적과 사이트의 페이지들을 보면서 콘텐츠(Image & Text)의 배열, 컨셉트, 효과, 아이디어를 적용할 수 있도록 훈련하는 것이다.
인터페이스 디자인도 마찬가지로 자신에게 주어진 환경에 있는 소스들(책, 사이트 등)을 보고 스크랩하여 자기 것으로 소화할 수 있도록 훈련하는 것이 최선이다. 그러면서 최신 스타일 트렌드에 꾸준히 자기를 노출시키고 활용하는 것이 GUI 디자인을 잘하게 되는 방법이라고 할 수 있다.
 
글 | 허종희 제로원디자인센터 GUI디자인 강사
----------------------------------------------------------------------------------------

담는 그릇이 다를뿐 디자인은.다 똑같아.