그래픽 디자이너이자, 타이포그래퍼인 Aga Magdziak이 Behance 포트폴리오를 통해 컬러풀하면서 생동감이 넘치는 Balloon Font를 무료 배포했다. 원색을 컬러풀함이 눈길을 사로잡고 풍선 형태로 구성한 개별 문자들의 밸런스와 디테일이 아주 돋보인다. 유·아동을 대상으로 하는 이벤트 및 패션 분야 Goods 패키지 디자인에 활용해도 좋을 듯하다. 얼핏 보기엔 개별 문자를 활용한 타이포그래피에 적용하기 좋은 디자인 폰트로 보이지만 감사하게도 otf 파일 형태로 제공하고 있어 다양한 그래픽 도구와 문서에도 활용할 수 있도록 했다.더불어 멋진 패턴 리소스까지 무료로 제공하고 있어 디자인 작업 활용도를 높였다.Balloon Font는 Aga Magdziak이 Behance 포트폴리오로 접속한 후 드..

Design Information/Design Fonts 2018. 9. 2. 09:00

최근 흥미롭고 특이한 텍스트 및 레이아웃 효과를 만들기 위해 'shape-outside' CSS 속성을 사용하는 데모가 부각되고 있다. 참고할 만한 사례로는 Mandy Michael 구현한 예제( https://codepen.io/mandymichael/pen/xzyrGa )를 통해서 살펴 볼 수 있다. CSS Shapes 모듈의 일부인 'shape-outside' 속성을 사용하면 객체의 모양을 중심으로 텍스트를 줄 바꿈 할 수 있다. 아래 CdoePen 링크를 통해 필요한 간단한 코드 구현을 이해하고 다양한 속성 변경을 통해 흥미로운 텍스트 레이아웃을 웹페이지에 구현해 볼 수 있다.참고 링크: http://bit.ly/2N8RejR

Design Information/HTML5 and CSS3 2018. 9. 1. 19:18

수확의 계절인 가을은 풍요로운 계절이지만 여름날의 신록이 오색 단풍으로 물들어 낙엽으로 지는 탓에 고독함도 동반되어 자칫 어둡고 우울한 분위기가 디자인 프로젝트에 녹아들 수도 있다.다양한 디자인 폰트들이 있지만, 가을은 정형화된 타이페이스가 세리프나 산세리프 보다 자유분방하고 터치감이 힘이 있는 스크립트와 브러시 타입이 잘 어울린다시즌 이벤트 등으로 다양한 홍보물과 웹사이트 콘텐츠, 배너 디자인을 제작할 때 아래 추천 폰트들은 가을 분위기를 살리고 디자인을 돋보이게 하는데 효과적일 수 있다.무료 폰트이나 상업적 사용에 따른 라이센스는 허용 여부는 한 번쯤 꼼꼼하게 확인하는 것을 잊지 말아야 한다.이 컬렉션은 최근 Web Design Ledger에서 공유한 Stunning Free Fall Fonts 20..

Design Information/Design Fonts 2018. 8. 23. 13:39

해마다 위상이 높아지고 있는 부산국제광고제가 2018년에는 2만여 편이 출품되어 세계 광고인의 이목이 집중되고 있는 가운데 본선 심사위원단 명단을 부산국제광고조직위원회(AD STARS. 오거돈 조직위원장/부산시장)가 발표했다.2018 부산국제광고제(2018 AD STARS)는 브랜디드 바이럴 비디오(Branded Viral Videos) 카테고리 출품 비율이 대폭 늘어나며 전통 광고의 개념을 다시 한 번 뒤흔드는 모멘텀이 될 것으로 기대된다. 또한 새로운 광고 트렌드를 리드하는 광고계 스타들이 대거 집결할 예정이다.본선 심사위원 35명은 총 30개 카테고리에서 본선 진출작 1719편을 심사한다. 특히 올해는 역대 가장 많은 국가와 더 많은 여성 심사위원들이 참여함으로써 심사의 공정성과 다양성을 강화했다...

Design News/Design Trend 2018. 7. 30. 13:33

애플이 MacOS를 새롭게 출시할 때마다 은근히 기대하게 되는 것 중 하나가 멋진 배경 화면(Wallpaper) 다.이번 WWDC18 발표에서 흥미로운 부분 중 하나가 MacOS Mojave 다크 모드로 현지 시각에 맞춰 동적으로 배경화면을 출력한다. 모하비 사막의 배경을 낮(Day)과 밤(Night) 두 가지 풍경을 교체해서 보여줘 신선함을 제공했다. 이것은 특별한 활용도나 기능상의 혁신으로 보기는 모호하지만, 시각적인 관점에서 호응을 얻기에 충분했다.모하비 사막의 고운 모래 언덕을 담은 배경화면은 관점에 따라 부드러움과 평온함 그리고 이유 없는 탐험의 본능을 자극하는 느낌을 자아낸다.아직 공식 배포 전에 아름다운 모하비의 모래 언덕을 데스크톱과 아이폰 배경화면으로 적용해 보고 싶은 사용자는 5K 고해..

Digital News/Gadget and Apps 2018. 6. 12. 14:11

CSS 애니메이션은 속성을 이용해 구성요소를 제어하여 동적으로 구현할 수 있게 합니다. CSS 속성을 능숙하게 다룰 줄 안다면 어렵지 않게 구현할 수 있으나 그렇지 않다면 쉬운 일은 아니다.이 글을 통해 소개하는 키 프레임(keyframes) 앱을 이용하면 누구나 손쉽게 CSS 애니메이션을 손쉽게 구현할 수 있다.키 프레임은 브라우저와 편집기 사이를 오가지 않고도 애니메이션을 만들고, 보고, 실행하는 데 도움이 되는 시각적 타임라인을 제공한다. 사용자의 구성 작업이 끝나면 CSS가 제공되며 사용자의 활용 선호도에 따른 구글 크롬 확장 프로그램과 웹 앱 형태로 사용할 수 있게 되어있다. 키 프레임 크롬 확장기능은 UI가 원하는 웹 사이트(로컬 프로젝트 포함) 상단에 바로 삽입되고 애니메이션 하려는 요소를 ..

Design Information/HTML5 and CSS3 2018. 6. 11. 06:24

풀무원은 지난 5월 31일 전문 경영인 체제로 전환하고 새 CI를 발표했다.2005년 이후 13년 만에 리뉴얼한 CI와 새롭게 마련한 브랜드 체계와 로하스 전략을 발표하고 전사가 'One Pulmuone'으로 하나가 됨을 알렸다.새 CI는 풀무원의 핵심상징은 그대로 유지했다. 주 컬러를 진하게 하고 글자체를 기존 세리프 타입에서 산세리프 타입으로 변경하고 단순화했다. 이러한 변화는 "풀무원이 하나의 로하스 미션 아래 글로벌기업으로 힘차게 나가겠다는 강력한 의지를 담고 있다"고 했다.또한, "회사가 전문경영인체제로 변화하는 대전환기를 맞아 로하스미션을 더욱 강화하고 구체화하여 더 큰 풀무원, 세계 속의 글로벌로하스기업으로 당당하게 도약하고자 한다"고 했다.풀무원은 CI 변경과 함께 각 계열사 사명도 ‘On..

Design News/Identity Design 2018. 6. 4. 10:30

소상공인 및 초기 창업팀을 위한 광고영상 제작 애플리케이션 ‘브이플레이트(Vplate)’가 오는 7월 8일부터 클로즈드 베타테스트를 실시한다.브이플레이트(Vplate)는 마케팅 예산이 부족해 광고영상 제작에 어려움이 있던 개인 사업자나 초기 창업팀을 위한 애플리케이션이다. 전문가 수준의 촬영법을 누구나 따라할 수 있게 소개하고 다양한 영상 디자인 템플릿을 제공하는 것이 특징이다. 이를 통해 온라인 광고영상에 대한 진입장벽을 낮추는 것이 최종 목표다.브이플레이트(Vplate)의 사용 방법은 스마트폰에 익숙하지 않은 사람들을 위해 직관적이고 간단하다. 먼저 앱 내에서 각 장면 별 촬영 노하우나 가이드 라인을 제공하기 때문에 만족할 만한 촬영이 가능하다. 그리고 마음에 드는 영상 템플릿을 선택한 후 촬영한 영..

Digital News/Gadget and Apps 2018. 6. 4. 08:23