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

어도비는 곧 출시될 Illustrator CC에서 사용자 정의를 통해 사용자가 프로젝트에 맞게 툴바를 최적화하여 워크플로우를 간소화할 수 있는 기능을 업데이트했다. Adobe Illustrator는 80여 개 이상의 도구가 제공되고 있어 원하는 것을 찾는 것이 항상 쉬운 것이 아니었다. 그리고 가장 많이 사용하는 도구들이 때때로 프로젝트마다 맞지 않아 작업 시간의 효율성을 높이기 어려웠다. 하지만 앞으로 제공될 Illustrator 툴바 업데이트를 통해 자신만의 최적화된 툴바 구성을 사용자 정의 할 수 있어 이전보다 훨씬 능률적으로 작업할 수 있게 되었다.Illustrator CC 툴바 하단에서 엑세스 할 수 있는 새로운 도구 메뉴를 만들었다. 에 메뉴에는 사용 가능한 모든 도구가 기능별로 논리적으로 그..

Design Lecture/Adobe Illustrator 2018. 9. 21. 14:09

마케팅의 흐름은 지난 몇 년 동안 급격한 변화를 해 왔고 소셜 미디어와 모바일 디바이스의 인기가 높아짐에 따라 대중의 콘텐츠 소비 방식도 끊임없이 변화하고 있다. 또한, 시장의 트렌드는 눈 깜작할 새 변화할 수 있으며 예고 없이 다시 시작할 수 있다. 이것이 마케팅 담당자가 최신 트렌드를 파악하고 잠재 고객이 가장 효과적으로 참여할 방법에 관계없이 이러한 추세를 보완하는 콘텐츠를 만드는 이유이기도 하다.본론으로 들어가 마케팅 전략에서 가장 중요한 요소 중 하나는 비주얼이다.시각적 콘텐츠(Visual Contents)란 이미지 또는 동영상을 사용하여 브랜드 메시지를 향상하는 모든 것을 말한다. 강력하고 효과적이지만 독자적으로 시각적인 내용을 표현하는 방법이다.이글을 통해서는 비주얼 효과를 극대화하고 이를 ..

Design News/Brand Marketing 2018. 9. 17. 18:36

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

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

지난 수년간 사용자들에게 인기를 얻어 온 Inbox가 2019년 3월 역사속으로 사라진다.2014년 처음 출시된 Inbox는 사용자가 중요한 것에 집중할 수 있도록 복잡하지 않고 모바일에 최적화된 세련된 디자인을 제공해 큰 호응을 얻었다. 기존 Gmail을 대체할 수 있을 것이란 호평도 일부 나오기도 했다. Inbox는 Smart Reply, Nudges 및 우선순위 알림과 같은 미래 지향적인 기능을 제공했고 이 기능은 AI를 사용하여 메시지의 문맥을 분석하고 일치하는 빠른 응답을 제공해 이후 Gmail에 도달한 신속한 응답 시스템이다.구글에 따르면, "2014년 Inbox를 출시한 지 4년 만에 이메일을 개선하는 방법에 대해 많은 것을 배웠고 인기 있는 Inbox 환경을 Gmail에 추가하여 10억 명..

Digital News/IT Trend 2018. 9. 13. 21:39

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

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

브랜드 자신을 팀과 동기화하고 손쉽고 신속하게 사용할 수 있도록 하는 브랜드 관리 도구를 소개한다.브랜디(Brandy)는 macOS를 위한 브랜드 자산 관리 도구다. 깔끔하고 세련된 사용자 인터페이스(UI)를 제공한다. 브랜디를 통해 프로젝트별로 색상, 로고, 그라디언트 패턴 및 글꼴을 보유하고 그것을 유용하게 쓸 수 있다. 모든 것이 실시간으로 작동하며 브랜드 자산의 변경은 실시간으로 업데이트된다. 하나의 계정에는 원하는 만큼 많은 브랜드 프로젝트를 포함 할 수 있다. 또한, 별도의 창으로 플로팅되어 있어 끌어서 놓기 기능을 사용하여 자산을 항상 신속하고 손쉽게 사용할 수 있다.신속하게 탐색도 가능하며 또한, 역할 기반 엑세스 설정이 가능해 저작물을 수정할 수 있는 사용자를 선택할 수 있다. 그리고 다..

Digital News/Gadget and Apps 2018. 9. 11. 13:59