벡터 기반의 SVG 포맷 아이콘은 스케일 확대, 축소에 따른 제약이 없기 때문에 활용도가 높다. 그런 까닭에 최근 들어 SVG 포맷 형태의 아이콘 라이브러리에 대한 니즈가 높아지고 있다. 914개의 확실한 오픈 소스 아이콘 라이브러리를 아무런 제약 없이 자유자재로 활용할 수 있다면 디자인 프로젝트를 수행하는 과정에서 많은 도움이 될 것이다. Iconoir는 현재 914개의 SVG 아이콘을 지원하고 있는 가장 큰 오픈 소스 라이브러리 중 하나로 프리미엄 아이콘, 이메일 가입, 뉴스레터 등록 등의 이용 조건도 없이 모든 아이콘을 자유롭게 사용할 수 있다. 914 무료 SVG 아이콘 라이브러리 Iconoir 바로 가기

Design Information/Design Resources 2021. 6. 20. 10:39

웹 디자인에서 웹 페이지 내 다양한 형태의 CSS 레이아웃을 구성하는 것이 고급 웹 개발자 및 웹 디자이너가 아니라면 쉬운 일은 아니다. 하지만 CSS 레이아웃 생성기를 활용하면 누구나 손쉽게 CSS 레이아웃을 직관적으로 빠르게 완성하고 코드를 추출하여 적용할 수 있다. CSS 레이아웃 생성기는 레이아웃 구성 요소의 CSS를 만들기 위한 최적의 도구다. 또한 브라우저에서 구성 요소를 배치하기 위해 CSS에서 가능한 것을 가르치는 학습 도구이기도 하다. 제공되는 옵션을 조정하여 레이아웃을 완성하고 CSS 및 HTML 코드를 실시간으로 확인하고 활용할 수 있다는 것이 장점이다. 인터넷 공간에는 웹 페이지 레이아웃 디자인 관련 다양한 리소스와 자동 생성 툴이 제공되고 있다. 그것들 중 자신의 디자인 작업 스타..

Design Information/Design Resources 2021. 6. 17. 06:47

세련되고 정교하게 디자인된 헬스 아이콘(Health Icons)이 무료 공개되어 건강, 의료 산업과 관련한 디자인 프로젝트 및 홍보물 제작, 인포그래픽스, PPT 작성 시 유용하게 쓸 수 있다. 현재 헬스 아이콘(Health Icons)은 베타 버전이며, 3가지 타입(Filled, negative, outline) 11개 카테고리로 분류되어 SVG, 48px PNG, 96px PNG 형태로 제공되고 있다. 웹 사이트 검색창을 통해 약 630종의 건강 관련 아이콘을 검색하고 활용할 수 있다. 우측 상단의 'Download All(모두 다운로드)' 버튼을 클릭하여 모든 헬스 아이콘을 압축파일로 한 번에 내려받을 수 있다. 헬스 아이콘(Health Icons)은 전 세계의 건강 프로젝트를 위한 'global ..

Design Information/Design Resources 2021. 6. 17. 05:41

모바일 웹, 앱 UI 디자인을 할 때, 직관적인 인터페이스로 손쉽게 컬러 조합을 생성할 수 있는 모바일 팔레트 생성기를 소개합니다. 모바일 팔레트 생성기(Mobile Palette Generator)는 디자이너, 개발자뿐만 아니라 누구나 원하는 메인 컬러를 베이스로 보조 컬러와 강조 컬러에 이르기까지 모바일 컬러 조합 구성을 마우스 클릭 한 번으로 자동 생성하고 실제 모바일 앱, 웹 디자인 프로젝트에 바로 적용할 수 있어 매우 유용합니다. 모바일 팔레트 생성기(Mobile Palette Generator) 바로 가기

Design Information/Design Resources 2021. 6. 8. 06:28

디자이너 및 일반인들의 무료 폰트에 갈증이 가시지 않는 상황에 ITF(Indian Type Foundry)는 모든 비즈니스에 아름다운 타이포그래피를 무료로 제공하는 새로운 폰트 서비스를 출시했습니다. Fontshare 무료 폰트 서비스는 구글 폰트(Google Fonts)를 사용해 본 사람이라면 누구나 익숙할 것입니다. 폰트 목록을 찾아보고 원하는 스타일을 선택한 다음 사이트에 추가하면 됩니다. 폰트쉐어는 잘 디자인된 사이트로 탐색, 목록 또는 격자 보기, 편집 가능한 샘플 텍스트 및 유형 레이아웃 테스터를 위한 여러 옵션이 있습니다. 또한, 두 가지 임베딩 옵션을 사용할 수 있습니다. Fontshare의 API에 연결하거나 자체 호스팅을 위해 OTF, WOFF 및 WOFF2 형식으로 폰트를 다운로드할 ..

Design Information/Design Resources 2021. 4. 5. 07:00

일본의 디자인적인 개성과 특성이 두드러진 고품질 일본 픽토그램 자료를 손쉽게 검색하고 내려받을 수 있는 사이트를 공유합니다. 웹 기반으로 서비스되고 있는 'EXPERIENCE JAPAN PICTOGRAMS'는 시각 디자인 관점에서 일본 관광 경험을 향상하기 위해 모든 문화와 연령대의 사람들을 위해 개발된 새로운 비주얼 픽토그램 세트입니다. 독특하고 간결하며 알기 쉽게 제작된 픽토그램은 "일본과의 두 번째 만남"이라는 핵심 콘셉트로 디자인되어 방문객을 이전보다 조금 더 깊게 일본을 둘러보고 즐길 수 있도록 하는데 목적을 두고 있습니다. 무엇보다 이 픽토그램 프로젝트는 일본 관광을 위한 기본 인프라의 일부로 기능적, 미적으로 잘 디자인된 픽토그램을 제공함으로써 가능한 한 많은 관광객을 돕는 것을 사명으로 N..

Design Information/Design Resources 2021. 4. 4. 07:20

많은 개발자들이 앱 제품 페이지 스크린 샷을 각각의 앱 스토어에 맞게 만드는 것은 많이 불편하고 번거로울 수도 있다. 물론 제품 페이지 디자인을 멋지게 만들어 줄 실력 좋은 디자이너가 곁에 있다면 전혀 걱정할 게 없겠지만. 애플 앱 스토어(App Store), 구글 플레이 스토어(Play Store), 마이크로소프트 스토어(Store) 등에 쓰이는 제품 페이지에 대한 앱 스크린 샷을 만드는 가장 빠른 방법을 찾는다면 Traction이 만든 앱 스토어 제품 페이지 스크린 샷 생성기 '스크린(SCREEN)'을 활용하면 아주 유용하고 도움이 될 수 있다. 직관적인 인터페이스로 각 스마트 디바이스 별 규격에 맞는 페이지 사이즈와 이미지 업로드, 텍스트, 백그라운드까지 한눈에 보면서 구성할 수 있어 상당히 편리하..

Design Information/Design Resources 2021. 3. 25. 05:29

디자인 영감을 얻기 위해 시각적 자료를 한 눈에 검색하고자 할 때, 이 글을 통해 소개하는 디자인 리소스가 많은 도움이 될 것이다. Same Energy는 시각적 검색엔진이다. 최소한의 단어 또는 이미지로 검색할 수 있다. 이 웹 사이트는 여러분이 아름다운 예술, 사진, 장식 아이디어를 비롯해 다른 어떤 것을 찾는 데 유용하다. Same Energy의 핵심 검색은 딥러닝 기술을 사용한다. 딥러닝과 알고리즘을 사용하여 이미지를 생성하고 동일한 방식으로 피드를 생성할 수 있다. 이 도구의 가장 멋진 부분은 사용자가 요구하는 시각적 및 예술적 스타일을 이미지 분위기 및 개체와 일치시키려고 한다는 것이다. 또한, 검색의 주요 이점은 태그나 메타데이터 없이 작동한다는 것이다. 필요한 것은 이미지뿐이다. Same ..

Design Information/Design Resources 2021. 3. 9. 11:51