전 세계 안경점에서 사용했던 과거의 안구도 및 시안에 기반한 무료 폰트 옵티시안 산스(Optician Sans) 폰트를 소개한다. 안과나 안경점에 가면 한 번쯤 거치는 필수코스가 시력 측정이다. 하지만 시력을 측정할 만큼 정교함이 바탕이 된 시력 측정 차트에 대해 탄생 배경이나 히스토리에 관심을 두는 사람은 보기 드물다. 이번 기회에 흥미로운 이야기와 멋진 무료 폰트를 만나 보자.우리가 쉽게 접할 수 있는 시력 검사표 'LogMAR Chart'는 안과 의사, 검안의 및 시각 과학자가 시력을 측정하는 데 사용된다. 차트는 10 개의 글자로 구성되어 있으며 호주 국립 비전 연구소에서 개발되었다. 그리고 소개하는 옵티시안 산스(Optician Sans) 폰트는 LogMAR Chart와 같은 시각적 원리를 기반..

Design Information/Design Fonts 2018. 12. 15. 08:30

최근 출시된 최신형 스마트폰 구글 픽셀(Google Pixel) 3 XL Mockup PSD 파일이다.드리블(Dribbble)을 통해 무료 다운로드 할 수 있다.다운로드한 Google Pixel 3 XL Mockup PSD 파일을 사용하여 앱 디자인, PPT, 판촉물, 서비스 소개 등 다양하게 활용할 수 있다.정교하고 섬세한 Google Pixel 3 XL Mockup 파일은 디자이너의 작업 시간을 한층 절약시켜 줄 것이다. 구글 픽셀(Google Pixel) 3 XL Mockup 무료 다운로드

Design Information/Design Resources 2018. 10. 31. 09:00

2018년 4분기가 시작되었고 새로운 한 해인 2019년의 프로젝트를 위한 준비를 서서히 해나가야 하는 시점이다.현시점의 CSS 그리드 레이아웃(grid layout)과 CSS 레이아웃(layout) 전반에 대해 살펴볼 필요가 있다. 레이첼 앤드류의 프레젠테이션 'Your CSS Layout Toolkit for 2019'는 CSS 레이아웃의 핵심 요소를 배우고 지금 계획하거나 내년에 계획 중인 프로젝트에 대해 알아두면 유익한 내용을 담고 있다.레이첼은 실용적인 조언과 테이크어웨이(takeaway) 코드 예제를 통해 지금 활용하고 있는 부분과 앞으로 어떤 변화가 올 것인지를 둘러보고 이러한 기능을 프로젝트에 활용할 수 있기를 바란다고 말한다.총 57장의 슬라이드로 구성된 'Your CSS Layout T..

Design Information/HTML5 and CSS3 2018. 10. 17. 13:28

수많은 웹페이지에 존재하는 기존 링크는 밑줄, 점선, 색상 등등 몇 가지로 사용자의 시선을 끄는 획일적인 형태를 취하고 있다.링크는 해당 페이지에서 대상 페이지나 구매 페이지로 연결하게 되므로 기능적인 측면에서 유용하여 방문자의 클릭을 유발하기 위해 시인성이 높고 두드러지게 하는 것이 좋다.정적인 기본 링크에 마우스 오버 효과를 독특하게 구현하여 동적인 링크를 제공하면 사용자의 시선을 사로잡아 클릭 빈도를 높일 수 있다. 그런 까닭에 웹 개발자는 다양한 방법으로 마우스 오버 효과를 구현하는 방법을 연구해 왔다. 오늘은 CSS 트릭을 이용해 더욱 생동감이 넘치고 눈길을 사로잡을 수 있는 마우스 오버 효과인 호버 상태를 독특하게 표현하는 방법을 알아 본다.SVG 태그 소스를 활용 CSS 'background..

Design Information/HTML5 and CSS3 2018. 10. 10. 15:58

확장 및 액세스 가능한 UI를 위한 컬러 시스템을 구축하는 새로운 방법으로 Lyft Design에서 공개한 ColorBox.io는 자신 만의 컬러 시스템을 구축하고 색상별 알고리즘을 이해하는데 많은 도움이 되는 인터렉티브한 UI를 웹 툴로 제공하고 있다. 보다 자세한 정보는 링크( https://design.lyft.com/re-approaching-color-9e604ba22c88)를 통해 확인할 수 있다.

Design Information/Design Resources 2018. 10. 8. 17:10

놀라울 만큼 강력한 기능과 비주얼 요소들을 손쉽게 구성할 수 있는 편의성을 갖춘 웹페이지 빌더 'WP Page Builder'를 소개한다. 누구나 멋진 웹사이트를 만들고 싶어 하지만 비용, 인력, 기능 구현 등 복합적인 문제로 쉽지가 않다. 그런 까닭에 근래에 들어 CMS 플랫폼으로 확장성이 높은 강력한 기능 갖춘 워드프레스를 사용하는 기업과 개인 사용자들이 나날이 늘어나고 있다.워드프레스가 제공하는 기본 기능은 다소 아쉬움이 있을지 모르지만 수많은 플러그인을 활용하면 상상 이상의 강력한 CMS 플랫폼으로 위력을 발휘한다.기본적으로 워드프레스는 게시글 작성하는 부분과 사용자가 원하는 대로 다양하게 구성할 수 있는 페이지 부분이 있다. 또한, 사용하는 테마에 따라 세련된 페이지 템플릿을 제공하기도 하지만 ..

Design Information/HTML5 and CSS3 2018. 9. 14. 17:31

시간과 장소, 라이선스 제한 없이 무료로 사용할 수 있는 웹브라우저 기반 벡터 그래픽 도구 '드로서(Drawser)'가 선보여 일반인은 물론 디자이너의 호응을 얻고 있다. 드로서(Drawser)는 웹브라우저에서 사용할 수 있는 벡터 그래픽 도구로 어도비 일러스트레이터와 유사한 사용자 인터페이스를 갖추고 있고 단축키 또한 별로 다르지 않아 일러스트레이터를 사용한 경험이 있는 사용자는 빠른 적응과 활용을 할 수 있다. 일반 사용자도 직관적인 인터페이스로 쉽게 다룰 수 있다. 대화식 기능이 포함되어 있어 벡터 기반 디자인 프로젝트를 온라인으로 공동 작업할 수 있다. 소셜 구성요소와 커뮤니티를 통해 프로젝트를 게시하고 다른 사용자가 오픈 소스 플랫폼에서 수정할 수 있는 기능이 포함되어 있다.메인 갤러리를 통해 ..

Design Information/Design Resources 2018. 9. 12. 15:45

디자이너가 사용하기 좋은 최고의 무료 영문 폰트 75종의 방대한 자료가 공개되었다.이번 영문 폰트 패키지를 공유한 Creative Blog에 따르면, 온라인에서 사용할 수 있는 수천 가지 폰트중에서 무료로 사용할 수 있는 우수한 글꼴들을 필터링하여 디자인과 일러스트레이션에서 사용할 수 있도록 했다. 또한 무료 영문 폰트가 방대하여 원하는 유형을 쉽게 찾을 수 있도록 Serif font / Sans-serif font / Handwriting font / Retro and vintage font / Brush font / Tattoo font / Graffiti font / Unusual font 등 8가지 타입별로 정리해 놓았다. 공개된 폰트 모음은 대부분 디자인 작업에서 무료로 사용할 수 있지만 라이센..

Design Information/Design Fonts 2018. 9. 10. 18:00