벡터 기반의 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

왜 저장 아이콘이 플로피 디스크 모양인지 요즘 아이들은 잘 모른다고 한다. 요즘처럼 USB, SSD 형태의 물리적인 저장매체를 넘어 클라우드 방식의 자료 저장 및 활용이 익숙한 세대들에게 구식인 2.5인치 플로피 디스크 모양의 저장 아이콘은 생소할 수밖에 없는 노릇이다. 한 장당 1.44MB 용량의 플로피 디스켓을 수십 장씩 쌓아놓고 순서대로 프로그램을 설치했던 옛날의 컴퓨팅 환경을 생각하면 요즘은 표현이 적절할지는 모르지만 그야말로 빅 스케일, 나노 사이즈의 최첨단 디지털 시대가 아닌가 싶기도 하다. 최근 삼성이 구식 플로피 디스크 저장 아이콘을 2020년대에 맞게 새롭게 선보인다는 소식이 들린다. 삼성은 플로시 데이터 저장장치인 삼성 메모리에 대한 글로벌 캠페인의 일환으로 홍보마케팅 컨설팅회사인 에델..

Design News/Design Trend 2021. 6. 16. 07:12

방문자를 웹 사이트의 특정 페이지로 안내할 때 눈에 띄기를 원한다. 랜딩 페이지는 브랜드를 반영하며 신규 가입, 판매 및 팔로워를 확보할 수 있는 기회다. 좋은 인상을 남기고 청중이 원하는 것을 정확하게 제공하고 싶어 한다. 하지만 좋은 랜딩 페이지는 무엇일까? 답변은 여러분이 속한 비즈니스 유형과 원하는 결과에 따라 약간씩 다를 수 있지만 모든 사람이 따라야 할 몇 가지 디자인 팁이 있다. 시작하는 데 도움이 되도록 랜당 페이지 디자인 팁이 포함된 유용한 가이드를 만들었다. 자세한 내용은 아래 내용을 참고하면 많은 도움이 될 것이다. 랜딩 페이지(방문 페이지)란 무엇인가? 기본부터 시작하자. 랜딩 페이지는 익명의 방문자를 양질의 잠재고객으로 전환하도록 디자인된 대화형 웹 페이지다. 여기에는 가입 양식 ..

Design News/Design Trend 2021. 6. 15. 07:00

웹 디자인은 높은 소비자 특성과 미적 특성을 제공하기 위한 것이다. 방문자가 사이트에 머무르는 시간은 사이트가 얼마나 이해 가능하고 적응력 있고 매력적인가에 따라 다르다. 사용자가 올바른 사이트를 열었는지 확인하는 데 보통 15초 미만이 걸린다. 따라서 웹 디자인과 사이트 유용성은 전환율에 직접적인 영향을 미친다. 아주 드물게 우리는 처음에 완벽하게 무언가를 하게 된다. 이 규칙은 기술에서도 마찬가지다. 웹 사이트 디자인을 개선하기에는 너무 늦지 않았다. 항상 개선하고 노력해야 할 것이 있다. 외부에서 사이트를 살펴보고 매출과 트래픽을 늘리고 웹 사이트의 전환을 늘리기 위해 무엇을 할 수 있는지 함께 생각해 보도록 하자. 이 작업을 보다 쉽게 ​​수행할 수 있도록 온라인 리소스를 보다 전문적이고 향상시키..

Design News/Design Trend 2021. 6. 14. 07:00

인스타그램(Instagram)은 신비한 알고리즘과 피드에 표시되는 내용에 영향을 미칠 수 있는 방법을 설명하는 블로그 게시물을 발표했다. 이는 플랫폼의 크리에이티브 커뮤니티에 참여하는 크리에이티브에게 특히 유용한 정보이고 영감을 받고 참여하는 크리에이터를 지원하는 데 도움이 될 것이다. 아울러 보다 상세한 내용은 아래 인스타그램 알고리즘 관련 설명글 링크를 통해 확인할 수 있다. 인스타그램 블로그 - 인스타그램의 작동 방식에 대한 더 많은 설명 인스타그램의 프로세스에 대해 더 많은 해명과 오해를 없애기 위해 작성된 이 블로그는 인스타그램 플랫폼의 다양한 영역(릴, 스토리 등)에서 콘텐츠가 어떻게 순위가 매겨지는지 설명하고 결정적으로 여러분이 보는 무엇을 꾸미기 위해 취할 수 있는 단계인지 설명한다. 보다..

Marketing News/Marketing Trend 2021. 6. 10. 07:00

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

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