본문 바로가기

개발/웹 디자인

web font web font 출처: SUPERJANG http://superjang.com/?p=904 그동안 웹에서 사용가능한 폰트는 사용자의 컴퓨터에 설치되어 있는 폰트에 한정되어 있었습니다.font-family: 내가좋아하는 폰트명, 두번 째로 좋아하는 폰트명, …. ; 식으로 폰트를 지정해봤자사용자에 컴퓨터에 없으면 아무 소용이 없었습니다.그래서 많은 사람들이 이미지로 폰트를 대체했었습니다.이로인해 접근성이라던지, 데스크탑 브라우저에서 확대했을경우 폰트가 일그러진다던지 모바일의 경우 다른요소들은다 확대되는데 이미지파일만 원사이즈를 유지하여 의도하지 않은 레이아웃을 보여주는 문제가 생깁니다.@font-face를 사용하면 기존의 ttf와 같은 폰트를 사용자의 폰트 설치 여부에 상관없이 웹에서도 사용할 수 있게됩니.. 더보기
디자이너.개발자도 놀란 300가지 벡터 아이콘이 무료 디자이너.개발자도 놀란 300가지 벡터 아이콘이 무료분류: 디자인 정보 공유/디자인 리소스 작성일: 2013/11/26 08:30 Editor: 마루[maru]디자이너.개발자를 위한 300가지 하이퀄리티 무료 아이콘 컬렉션, Metrize 아이콘.무료 아이콘 컬렉션이라고 하기에는 조금은 걸맞지 않는 하이퀄리티와 유용함이 넘치는 300가지 메트로 스타일 아이콘 컬렉션을 소개한다. 이 무료 아이콘 컬렉션은 디자이너와 개발자들이 유용하고 인포그래픽스 및 디자인 분야 전반에서 활용도가 높다. Metrize 아이콘은 선보인 시점에 비해 조금 늦게 주목을 받는 느낌이다. alessioatzeni.com을 통해 2013년 4월 5일에 공개되었는데 최근에 들어 해외 디자인 커뮤니티를 통해 자주 소개되고 있고 빠르게 공.. 더보기
아이트래킹 연구가 알려준 사용자 경험 디자인 4가지 필수 규칙 아이트래킹 연구가 알려준 사용자 경험 디자인 4가지 필수 규칙마루[maru]| 05:29 | 해외 디자인 뉴스 | 13아이트래킹 연구(eye-tracking research)가 알려준 4가지의 사용자 경험 디자인(User Experience Design, UX design) 필수 규칙웹 디자이너들은 디자인하는 사이트가 방문자를 위해 최선의 것이 되도록 많은 도구를 사용합니다. 이런 목적을 이루기 위한 가장 좋은 방법 중 하나는 실제적인 과학적 연구를 사용자의 만족을 최대화하기 위해 웹 디자인에 적용하는 것입니다. 아이트래킹 연구(eye-tracking research: 눈동자 움직임 추적 연구)는 웹 디자이너들에게 방문자들이 어떤 사이트에서 일반적으로 정보를 얻는 우선순위에 관한 가이드라인과 같은 종류의.. 더보기