디지털화의 끊임없는 성장은 지금에 머물러 있으며 2019년은 그다지 다르지 않을 것입니다. 올해는 사용자의 관심을 끌고 기업의 경쟁력 유지에 도움이 되는 몇 가지 웹 사이트 디자인 트렌드가 예상됩니다. 예전처럼 미학과 기술의 통합이 더 커질 것입니다. 2019년을 정의할 웹 디자인 트렌드(Web Design Trends)에 대해 알아보겠습니다. 망가진 그리드와 비대칭 레이아웃(Broken grids and asymmetrical layouts) 그리드 기반 디자인이 지금까지 룰이 되어 자리를 지키고 있었다면, 2019년의 웹 디자인은 박스 외부를 바라보고 경계를 넓히는 것에 관한 될 것입니다. 즉, 웹 디자이너는 비대칭 패턴을 배치하여 표준 템플릿에서 벗어나려고 합니다. 여기에는 특이한 게재 위치, 텍스..

Design News/Design Trend 2019. 4. 19. 13:09

매주 업데이트되는 현대적인 스타일의 고품질 일러스트를 무료로 사용할 수 있는 아주 유익한 일러스트 갤러리 서비스가 등장했다. 일러스트레이션 갤러리는 로열티가 없는 프로젝트 삽화 모음 사이트다. 매주 업데이트되는 현대적인 스타일의 세련된 고품질 일러스트는 개인과 업무용으로 사용하기 좋다. 일러스트레이션 갤러리의 고품질 일러스트 자료들은 디자이너의 프로젝트에 많은 도움을 줄 것으로 보인다. 웹페이지, 블로그 게시물, 이메일 뉴스 레터, 소셜 미디어, 그래픽 등 상업적 또는 비상업적인 방식으로 사용할 수 있다. 좀 더 디테일한 라이선스 범위는 링크를 참조하면 된다. (라이선스 자세히 보기) 참고로 일러스트레이션 갤러리 서비스를 제공하는 ManyPixels은 구독 방식의 주문형 디자인 아웃소싱 서비스업체다. 월..

Design Information/Design Resources 2019. 4. 18. 19:06

CSS 코딩 실력(Coding Skill)을 향상하는데 학습적인 방식보다 게임적인 요소가 가미되면 효과가 좋지 않을까 싶다. 최근 CSS 코딩 스킬을 게임 방식을 통해 테스트해볼 수 있는 배틀 방식의 CSS Battle 등장해 개발자와 웹퍼블리셔들의 흥미를 유발하고 있다. CSS Battle은 CSS 스킬을 사용하여 최소한의 코드(Code)로 주어진 대상 이미지를 복제하기 위해 HTML/CSS를 작성하는 것을 목표로 한다. 대상 페이지에서 왼쪽의 편집기 영역에서 코딩을 시작하면 된다. 코드 입력을 시작하면 중간의 출력 영역이 코드 렌더링을 실시간으로 보여준다. 결과물이 우측 목표 이미지와 일치한다고 확신하면 제출 버튼을 눌러 점수를 확인하면 된다. 참고로 CSS Battle이기 때문에 코드에서 JavaS..

Design Information/HTML5 and CSS3 2019. 4. 18. 17:03

지금까지 사용해 본 전체 페이지 화면 캡처 도구 중 PDF와 이미지로 다운로드를 지원하는 가장 만족도 높고 퍼펙트한 전체 페이지 스크린 캡처 도구 'Full Page Screen Capture'를 소개한다. 물론 이미 사용하고 있는 사람도 많겠지만 지금까지 몰랐거나, 수고스럽게도 한 화면씩 스크린 캡쳐를 한 다음 포토샵이나 이미지 편집 툴을 이용해 이어 붙이기를 한 다음 활용했던 분들에겐 강력 추천 전체 화면 캡처 도구다. 화면 캡쳐, 스크린 캡처 특히 전체 페이지 스크린 캡처는 PPT, 서비스 소개, 강연, 인포그래픽, 회사 소개서 등 다양한 자료를 완성도 높게 만들 때 아주 유용하게 쓰인다. 그러한 까닭에 스크린 캡처 도구는 필수 유틸티리 중 하나다. 전체 페이지 스크린 캡쳐 Full Page Scr..

Digital News/Gadget and Apps 2019. 4. 16. 18:20

브랜드는 기업의 경쟁력을 갖게 한다. 잘 구축된 브랜드 자산들을 관리하는 일은 기업의 경쟁 우위를 확보하고 유지하는 데 결정적 역할을 한다. 이런 까닭에 유명 브랜드 기업은 물론 일반 기업들도 자사의 브랜드 오용과 브랜드 이미지 실추를 방지하기 위해 온.오프라인을 통해 브랜드 자산 가이드라인을 공개하고 철저한 유지관리를 해오고 있다. 디자이너는 디자인 프로젝트에서, 일반인은 사업 제안서를 준비하는 과정에서 파트너사 또는 서비스.기술을 설명하는 과정에서 주요 브랜드 자산을 활용하는 경우가 많다. 하지만 제대로 된 브랜드 자산을 하나씩 직접 찾아내는 절차가 다소 복잡하고 번거로울 때가 많다. 가장 활용도가 높은 브랜드 자산은 글로벌 유명 브랜드와 소셜 네트워크 서비스 회사의 브랜드다. 이 글을 통해 소개하는..

Design News/Brand Marketing 2019. 4. 15. 10:30

스마트폰 사용자라면 한 두 개쯤은 가지고 있을 만큼 필수 아이템이 보조배터리가 아닐까 싶다. 더군다나 페이스북, 인스타그램 같은 SNS(소셜 네트워크 서비스)와 사진 및 동영상 촬영 등 사용 빈도가 높아짐에 따라 배터리 소모는 빨라져 스마트폰 충전을 위한 보조배터리는 필수품이다. 보조배터리는 종류도 방식도 다양하지만 최근 들어 트렌드가 바뀌고 있다. 유선 방식 고용량 보조배터리를 선호했지만 최신 스마트폰이 무선충전 기술을 지원함에 따라 무선 방식 휴대 편의성과 성능 중심으로 선호도 비중이 높아지고 있다. 더불어 모바일리티 아이템으로 패셔너블한 디자인도 고려되고 있다. 감성 모바일 액세서리 아트뮤를 운영하는 (주)아트뮤코리아에서 오늘 고속 무선충전 보조배터리를 출시했다. 가장 먼저 제품을 사용해 볼 수 있..

Digital News/Review and Column 2019. 4. 12. 17:46

매력적인 브랜드는 동일한 카테고리의 다른 브랜드보다 기억하기 쉽고 과정이 쉽다. 시간이 지남에 따라 잠재 고객과의 관계를 수립하여 시장에서의 입지를 다지는데 직접적으로 기여한다. 최근 생겨 난 브랜드는 강력한 브랜드로 진화할 수 있다. 브랜드가 강해지기 위해 가장 쉽게 접근할 수 있는 도구는 단어(Words)다. 단어는 이야기를 만들고 이야기는 모든 사용자의 주의를 끌기 위해 관리한다. 이야기는 감정을 묘사하고 감정은 우리를 모든 것에 붙입니다. 이야기(Story) 브랜드 스토리를 구축하려면 다음 두 가지 질문에 답해야 한다. 1. 브랜드 존재의 목적은 무엇인가? 이 질문에 쉽게 답할 수 있는 훌륭한 스토리 텔링 사례는 비영리 단체(비정부 조직)가 대표적이다. NGO에 우리는 특정 제품이나 서비스를 받지..

Design News/Brand Marketing 2019. 4. 10. 12:50

그래프와 차트는 데이터를 시각화하고 개체 간의 관계를 표시하는 효과적인 방법이다. 아울러 단순한 수치와 통계를 이해하지 못하는 사람들을 위해 가장 많이 사용되는 옵션이기도 하다. 유용하고 매력적인 차트와 그래프를 작성하려면 두 가지가 필요하다. 통계 지식과 유용한 차트·그래프 생성 도구다. 통계 지식은 학교에서 배울 수 있지만, 전문적인 차트·그래프 생성은 유용한 온·오프라인 작성 도구를 통해서 할 수 있다. 그렇다면 마이크로소프트 오피스 엑셀(Excel)이나 macOS 넘버스(Numbers)를 대체하고도 남을 유용한 온라인 차트·그래프 생성 도구들을 만나 보도록 하자. 이 글에서는 다양한 온라인 차트·그래프 작성 웹서비스 중 대표적인 서비스를 중심으로 소개하고 추가적인 웹 서비스는 링크를 통해 안내한다..

Design News/Infographic 2019. 4. 10. 05:50