Tag: 안병국

안병국의 웹타이포그래피 – 손글씨체와 캘리그라피의 웹디자인 활용(2)

  글. 안병국(비주얼스토리 / 아이웹디넷 대표) 캘리그라피나 손글씨를 웹사이트 디자인에 활용하는데 있어 무엇보다 관심을 기울여야 할 부분은 글자의 개별적인 형태나 느낌이 아닌 디자인의 전체적인 조화라 할 수 있다. 사이트에서 전달하고자 하는 메시지나 사이트를 이용하는 타깃, 그리고 전달하고자 하는 콘텐츠의 내용에 따라 글씨의 형태나 질감, 색상이 정해져야 하기 때문이다. 즉, 무조건적인 캘리그라피나 손글씨의 동경에서 벗어나 조화와 균형이라는 측면에서 좀 더 신중하게 접근할 필요가 있다는 것이다.     대부분이 감성적 접근만을 중…

안병국의 웹타이포그래피 – 손글씨체와 캘리그라피의 웹디자인 활용

  글. 안병국(비주얼스토리 / 아이웹디넷 대표) 산돌의 ‘백종열체’와 윤디자인의 ‘봄날체’가 등장하면서 웹디자이너들에게 보다 확장된 컨셉트를 효율적으로 전달할 수 있는 길이 열렸다. 즉, 그 자체로 세련미를 가지면서도 다른 디자인 요소들과 조형적으로 조화가 잘 되는 폰트의 등장은 고객과의 감성 커뮤니케이션을 중시하는 사이트에서 효과적으로 이용할 수 있기 때문이다,   정형화된 폰트에서 벗어나 손 맛이 묻어나는 손글씨 폰트의 등장은 비단 웹디자이너들 뿐만 아니라 타이포그래피가 필요한 다른 …

안병국의 웹타이포그래피 – 사용자의 시선 유도를 위한 전략

글. 안병국(비주얼스토리 / 아이웹디넷 대표) 때때로 디자인으로서의 타이포그래피 성격은 무시하고 전달자의 목소리만 드높인 웹사이트를 보게 된다. 타이포로 인해 전체 디자인이 흐트러지는 ‘사고’도 종종 목격한다. 이번 글에서는 웹타이포그피를 구현함에 있어 심미성을 잃지 않으면서 동시에 메시지를 효과적으로 전달하는 다양한 사례들을 살펴보고 몇 가지 법칙을 제시하고자 한다. 모델 시선 방향에 맞춰 배치하기 LS산전과 현대카드 GE파트너 사이트는 모델의 시선 각도에 따라 타이틀을 배치한 예다. 주로 키-타이틀(Key …

안병국의 웹타이포그래피 – FOOTER 디자인

글. 안병국(비주얼스토리 / 아이웹디넷 대표) 웹사이트에서 콘텐츠 제공자 주소와 콘텐츠 저작권 표시를 담는 FOOTER 부분은 디자인을 마무리 짓는 부분이자, 디자인의 수준을 평가할 수 있는 핵심 부분이기도 하다. 간단한 텍스트 나열로 생각하고 쉽게 넘어갈 수 있는 부분이지만, 이에 대한 처리를 통해 디자이너의 타이포 처리 능력은 물론, 그리드 개념과 세밀함 까지 엿 볼 수 있기 때문이다.  FOOTER에는 일반적으로 로고, 주소, 저작권 표시 및, Family Site, 사이트 이용과 관련된 메뉴들이 위치하게 되는데, 이들이 사이…

안병국의 웹타이포그래피 – 헤드카피와 서브카피의 관계.2

  글. 안병국 (비주얼스토리 / 아이웹디넷 대표) MAIN 카피와 SUB카피의 폰트값 설정 상황에 따라 글자의 폭과 길이, 행간등을 다양하게 적용하여 사용하겠지만 보편적인 경우 메시지의 강한 전달력을 위해 메시지가 퍼지는 느낌보다는 견고한 느낌을 선호하게 된다. 견고함을 주기 위한 방편으로 자간, 장평등을 기본값을 본래의 기본값보다 작은 수치 값을 선호하게 되는데 장평은 보통 90~95% 정도를 많이 사용하며, 자간은 -10에서 -50값을 주로 많이 사용하고 있다. 장평 값을 많이 주게 되면 글자를 보는 안정된 구도가 훼손되어 심…

안병국의 웹타이포그래피 – 헤드카피와 서브카피의 관계.1

  글. 안병국 (비주얼스토리 / 아이웹디넷 대표) 세련된 디자인이라 함은 앞에서도 언급했듯 전체가 아름다운 조화를 이룰 때 만들어진다. 영화에서처럼 디자인에도 주연과 조연 엑스트라가 등장하기 마련인데 조연과 엑스트라는 주연을 더욱 돋보이기 위해 희생할 줄 알아야 하며, 주연의 부족한 부분을 메워 줄 수 있을 때 좋은 디자인이 만들어지는 것이다. 그러나 서로가 주연처럼 경쟁한다면 그로인해 사용자의 시선은 분산될 수밖에 없으며 혼란스러운 분위기만 연출될 것이다.사이트의 전체 내용을 한 문구로 요약에서 전하는 메인 카피와 이에 대한 설…