브랜드나 서비스의 히스토리를 연도별, 월별로 한눈에 볼 수 있도록 시각화한 타임라인은 고객이나 방문자에게 쉬운 이해와 신뢰도를 높이는 데 효과적이다.최근 들어 온. 오프라인 국한하지 않고 연감(Annual)이나 웹사이트에 활용하는 사례가 많아지고 있다.특히 웹 기반 타임라인은 기업이나 단체를 비롯해 개인 포트폴리오 구성에도 활용하여 퍼스널 브랜드 가치를 높이는데 적지 않은 도움을 주고 있다.이 글을 통해 소개하는 58가지 CSS 기반 타임라인 예제들은 데모 및 코드 페이지를 통해 HTML/CSS/JS 3가지 필수 리소스를 제공하고 있어 웹에 대한 기본적인 이해도가 있는 누구든지 손쉽게 활용할 수 있다.또한, 58가지 CSS Timelines 는 구현 이미지와 더불어 가로 모드와 세로 모드를 나누어 소개하..

Design Information/Design Resources 2018. 4. 18. 19:11

웹 사이트 구축이나 디자인 프로젝트에 있어 색상 계획(Color Scheme)를 세우는 것은 중요하고 전문성이 요구되는 일련의 과정이기도 하다.웹 개발자나 디자이너들이 적절한 컬러 팔레트를 생성하기란 생각만큼 쉬운 일이 아니다. 하지만 이제는 컬러 팔레트 생성하고 자신만의 컬러 라이브러리를 구축하는 고민은 조금 내려놓아도 될 것 같다.소개하는 '사이트 팔레트(Site Palette)'는 웹 페이지 색상을 기반으로 컬러 팔레트를 생성하는 무료 크롬(Chrome) 확장 프로그램이다.편리하고 사용하기 쉬워서 해외에선 최고의 크롬 확장 애플리케이션으로 평가받을 정도로 호평을 얻고 있다.사이트 팔레트 확장 프로그램 설치 후 크롬 브라우저에서 추출하고 싶은 사이트를 방문하고 도구 창에 아이콘을 클릭하면 사이트를 분..

Design Information/Design Resources 2018. 4. 18. 12:45

알렉산드루 스토이카(Alexandru Stoica)에 의해 디자인된 미니멀 아이콘의 놀라운 다양성을 담은 완성도 높은 무료 아이콘 팩을 소개하려고 한다. 여러분의 디자인 프로젝트를 위한 미니멀 아이콘의 거의 모든 유형을 찾고 활용할 수 있는 집약체라고 볼 수 있습니다. 더불어 깔끔하고 미니멀한 웹디자인 작업에 있어 훌륭한 룩(Look)을 제공한다. 1800 미니멀 아이콘은 아름답고 미니멀함에 충실하고 스케치(Sketch), 포토샵, 일러스트레이터 등 세가지 디자인 프로그램을 통해 엣지, 라운드 두 가지 스타일로 디자인되어 있어 여러분의 니즈에 충족하는 하이퀄리티 아이콘 팩이다. 기본적으로 1800개 아이콘이 16개 카테고리로 구성된 20x20픽셀 사이즈이며 EPS, PNG, SVG, AI, PSD 파일 ..

Design Information/Design Resources 2016. 9. 20. 18:57

인터넷에서 수많은, 다양한 무료 아이콘 세트를 찾아볼 수 있지만 일부 범주만을 포함하고 있어 막상 실무에 쓸려고 하면 활용하기 쉽지 않은 경우가 더러 있다. 위와 같은 측면에서 보면 픽셀이 완벽한 1000가지 아이콘을 무료로 다운로드 할 수 있는 오징어 먹물잉크(Squid Ink) 미니 아이콘은 환상적인 디자인 소스다. 오늘 공유하는 무료 미니아이콘 세트는 다양한 프로젝트에서 쉽고 빠르게 활용할 수 있도록 12가지 범주를 포함하고 있고 제공되는 파일 형식도 PSD, AI, SVG, PNG, EPS 파일포맷을 지원해 확장성도 갖추고 있다. 디자이너는 물론 일반 사용자도 각종 디자인, PPT, 키노트, 인포그래픽 등에서 유용하게 쓸 수 있으므로 디자인 라이브러리에 추가하는 것을 적극 권장한다. 1000가지 ..

Design Information/Design Resources 2016. 4. 11. 08:13

오늘 소개하는 20종의 그룬지 백그라운드 이미지 팩(Grunge Background Image Pack)은 소셜 미디어 요소, 결혼식 초대장, 포스터, 전단지 및 다양한 인쇄 템플릿 제작에 활용할 수 있는 이상적인 디자인 이미지 리소스 모음입니다. 이 패키지는 개별 백그라운드 이미지가 3000픽셀 이상의 고해상도 이미지로 구성되어 있으며, 다양함과 디테일한 본연의 느낌들을 잘 살리고 있습니다. 인쇄물 출력을 위한 백그라운드 이미지로 300 DPI로 제작되어 있으며 압축된 전체 팩 용량은 149MB입니다. Best psd Freebies에서 배포한 20종의 그룬지 백그라운드 이미지 팩은 크리에이티브 디자인을 한층 돋보이게 할 것입니다. 20종의 하이퀄리티 고해상도 Grunge Background Pack ..

Design Information/Design Resources 2015. 7. 29. 02:38

200가지 Windows 10 아이콘(벡터 포함) 무료 다운로드 마이크로소프트(MS)의 새로운 운영체제(OS) Windows 10 미리보기에서 포함된 것과 같은 가이드라인을 바탕으로 디자인된 하이퀄리티 Windows 10 아이콘 컬렉션이 Icon8을 통해 무료로 배포되었다. 200가지 Windows 10 아이콘을 포함하고 있으며, 모든 아이콘은 픽셀에 완벽하게 피팅되어 있고 선명한 코너와 채움이 없는 2px 라인으로 디자인 되어 있다. 또한 AI, SVG, PNG 3가지 타입의 파일포맷을 제공하며, 아이콘 크기는 기본 32px에 맞춰 디자인 되었으나 확장 가능한 벡터 파일 소스로 다른 응용프로그램에서도 크기에 제약없이 사용이 가능하다.200가지 Windows 10 아이콘(벡터 포함) 무료 다운로드 Win..

Design Information/Design Resources 2015. 7. 13. 09:51

최근 들어 웹사이트 및 포트폴리오 사이트를 구축할 때, 컨셉에 맞게 독특한 소품들로 구성된 데스크나 생동감 있고 사실적인 작업 공간을 표현한 장면을 활용하는 경우가 트렌드가 되고 있고, 이러한 장면을 드래그 앤 드롭 방식으로 쉽게 구성하는 툴들이 주목받고 있다. 앞서도 한 두 차례 소개한 적이 있지만, 이글을 통해 공유하는 immagiPic는 온라인 장면 구성 툴이다. 그럼 immagPic 툴로 무엇을 할 수 있는지 살펴보자. immagiPic을 이용하면 사실적이고 환상적인 워크 스테이션 장면을 쉽고 편리하게 만들 수 있다. 이제 높은 품질의 작업공간 이미지를 얻기 위해 스스로 포토샵 전문가가 되거나, 아니면 전문가의 손길로 만들어진 이미지를 찾아다니지 않아도 누구나 쉽게 고품질의 작업 공간 이미지를 얻..

Design Information/Design Resources 2015. 5. 29. 08:26

수십 개의 셀과 삼각형이 어우러져 픽셀아트 같기도 하고, 종이 접기 조각과도 같은 환상적인 로우 폴리 아트웍을 만드는 방법을 배워 보자. 2014년 초부터 최근에 이르기까지 로우 폴리(Low Poly : 저해상도)는 디자인에서 핫한 트렌드 중 하나다. 로우 폴리(Low Poly)는 기본적으로 폴리곤이 수가 적은 3D 메쉬(Meshes)를 의미하지만, 일부 렌더링 기술 및 조명 효과와 함께 메쉬(Meshes) 요소가 종이 공예 또는 종이 접기 조각처럼 보여 하나의 새로운 아트로 발전하고 있다. 로우 폴리(Low Poly) 모양은 일반적으로 3D 소프트웨어를 사용하여 제작된다. 하지만 포토샵과 간단한 응용프로그램을 이용하여 2D 버전의 멋진 로우 폴리 아트웍을 만들어 내기도 한다. 그렇다면 포토샵도, 응용 ..

Design Information/Design Resources 2015. 5. 8. 06:28