-
[비공개] 웹디자이너라면 알아야 할 2016년 웹디자인 동향
1. CSS3 애니메이션새로운 CSS3 레이아웃 모듈 중 일부는 웹사이트에서 사용할 수 있는 단계에 도달했습니다. 애니메이션 사용자 인터페이스는 사용자의 참여를 돕고 그들이 콘텐츠를 기다리는 동안 놀랍고도 재밌는 요소를 제공합니다. 앞으로도 인기가 계속 될 전망입니다.이미지 출처 -https://hell-o-baby.com/promo2. 긴 스크롤 및 수직 패턴링크 클릭이나 콘텐츠가 화면에 나타나기까지 기다리는 대신 스크롤만으로도 쉽게 정보를 얻을 수 있어 앞으로도 각광 받을 것입니다.이미지 출처 -http://bowhead.tailsandwhales.com3.소재 디자인 : 플랫디자인에 풍부한 대안플랫디자인은 복잡하고 이해하기 어려울 수도 있는 3D 디자인에서 간단하고 상대적으로 정보전달력이 높은 2D 디자인을 활용하였습니다. 플랫디자인은 2015년에 각광받기 시작해서, 2016년에도 지속적으로 ..추천 -
[비공개] 칼퇴를 위해 꼭 알아야 할 파워포인트 활용 TIP
회사에서 가장 중요한 것은매출입니다. 매출을 올리기 위해 제안서를 만들고 제안서를 통해 영업을 하며 새로운 상품 또는 서비스에 대한 기획을 합니다. 언젠가부터 문서의 많은 부분이 ‘Word’에서 ‘PPT’로 대체되었습니다. 단순한 텍스트보다 쉽게 눈에 들어오는 이미지를 보여주는 것이 상대방의 이목을 집중시키고 이해시키기에 유리한데요. 그렇기 때문에 대부분의 직장인은 PPT로 제안서와 기획서 그리고 보고서를 작성합니다.얼마 전 정태영 현대카드 부회장은 업무 효율을 높이기 위한 취지로 사내 PPT를 금지하였지만(http://me2.do/5Di0LPXZ) 그래도 외부에 나가는 문서 형식 중 PPT를 대체할 수 있는 것이 없는 것도 사실입니다. 이번 포스팅은 ‘내용’과 ‘디자인’에 심화된 내용이 아닌 TOOL로써 PPT를 활용해 작업시간을 최소화할 수 있는 방법을..추천 -
[비공개] '구글 애널리틱스' 기초부터 쉽게! 용어편 2.- '계층구조'란?
1. GA의 계층구조GA에 접속 시 처음 보게 되는 화면은 보통 아래와 같습니다.상단의 ‘홈’, ‘보고서’, ‘맞춤설정’, ‘관리’ 각각의 메뉴가 하는 일은 대략 짐작할 수 있지만, 중단에 있는 ‘계정’, ‘속성’, ‘보기’ 이 3가지 항목의 경우 정확한 이해가 없다면 올바른 데이터 적재가 어려울 수 있습니다.각 단어가 지닌 사전적인 의미보다 3가지 계층이 갖는 사용처와 구조에 대한 이해가 필요합니다.1 )계정 (Account)흔히 일반적으로 생각하는 ‘계정 / 비밀번호’를 뜻하는 의미는 가지고 있지 않습니다. 단순히 구글 애널리틱스에서 데이터 적재를 위한 계층구조에서 최상위층 계층을 뜻합니다. 데이터 분석을 위해 최소로 필요한 단위이며, 가장 높은 단계의 계층으로써 하위 계층으로 ‘속성’과 ‘보기’를 포함한다. ‘계정’은 보편적으로 ..추천 -
[비공개] 심심한 마케팅은 이제 그만! HTML5 게임, 마케팅과 만나다
플래시 게임을 통한 프로모션 진행의 한계성스마트폰이 대중화되기 전 PC 인터넷 시절을 기억하시나요? 그때 당시 프로모션은 홈페이지 가입 회원을 대상으로 한 게임 이벤트가 많이 있었습니다. 이 당시에 프로모션 게임은 주로 플래시를 기반으로 제작되었으며 퍼즐, 룰렛 등 간단한 형태의 게임 이벤트가 진행되었습니다.-게임을 통한 프로모션 진행 사례-누구나 하나 이상의 스마트 디바이스를 사용하고 있는 지금은 PC보다 모바일의 비중이 많이 높아졌습니다. 그에 따라 프로모션 진행 시 모바일 웹이나 앱(안드로이드, iOS 등)으로의 접속 유저에 대해서도 고려해야 하는 등 멀티플랫폼 응대가 필수가 되었는데요. 하지만 모바일 브라우저에서 플래시가 원활히 지원되지 않는 경우도 발생하여 플래시 기반의 콘텐츠로 프로모션을 진행하기는 어렵..추천 -
[비공개] 잘 찍은 것처럼~ SNS 운영을 위한 콘텐츠 사진 촬영 팁!
소셜 채널을 담당하는 운영자들이라면 글보단 이미지, 이미지보단 영상이 효과적이라는 것을 알고 있을 것입니다. 그렇다고 매번 영상을 제작하여 올릴 수도 없는 법. 대부분 이미지를 활용해서 콘텐츠를 제작하기 마련입니다. 페이스북의 경우에는 GIF도 업로드가 가능해지면서 이미지만으로는 표현하기 어려운 부분까지 구현해낼 수 있는 상황에 이르렀습니다. 이미지에 대한 수요가 늘어나면서 자연스레 콘텐츠 이미지 제작이나 촬영에 대한 부담도 커지고 있습니다.이 글에서는 소셜 채널 운영자들을 위해 잘~ 찍은 것처럼 보이게 하는 콘텐츠 사진 촬영 팁부터 보정하는 방법까지 담았으니 천천히 따라 해보면 클라이언트로부터 ‘퀄리티 상승’이라는 칭호를 획득할 수 있을 것입니다.콘텐츠 촬영을 위해 최소 하이엔드 카메라, 혹은 미러리스와 ..추천 -
[비공개] '구글 애널리틱스' 기초부터 쉽게! 용어편 1.- '세션'이란?
‘구글 애널리틱스’.마케팅 업에 종사하거나 공부해본 사람이라면 한번쯤 들어봤을 것입니다. ‘구글 애널리틱스’는 구글에서 배포한 웹 분석 툴로써 무료버전의 탁월한 성능으로 인해 많은 사용자들이 독학으로 학습하여 마케팅에 활용하고 있습니다. 하지만 구글 애널리틱스를 처음 접할 때 생소한 단어들 때문에 곤란한 경우가 많은데요. 자주 쓰이는 단어부터 배워보도록 하겠습니다. 그 첫번 째로 ‘세션(Session)’부터 살펴보겠습니다.세션?[IT용어] ① 망 환경에서 사용자 간 또는 컴퓨터 간의 대화를 위한 논리적 연결. ② 프로세스들 사이에 통신을 수행하기 위해서 메시지 교환을 통해 서로를 인식한 이후부터 통신을 마칠 때까지의 기간.네이버 검색 결과에 따르면 알 뜻 모를 뜻한 말로 설명이 되어있습니다. 구글 애널리틱스를 처음 접..추천 -
[비공개] 왜 기업들은 빅데이터에 목맬까? 필수가 된 데이터 마케팅
디지털이란 말, 촌스럽다는 생각이 들 정도로 이미 많은 것들이 아날로그에서 디지털로 바뀌었습니다. 더구나 디지털이 익숙해지면서 개개인이 미디어가 되어 하루가 다르게 디지털 콘텐츠를 소비하고 생산해내고 있습니다. 핸드폰으로, 노트북으로, 그리고 각종 스마트기기들을 통해 디지털화 된 무언가를 접하고 있는 것입니다.디지털이 가지고 온 변화디지털 생활을 짚어보면 사용자들은 온라인에서 상품을 보고 구입하며, 휴지나 세제와 같은 생필품 또한 인터넷에서 구입하고 배달 받습니다. 번화가에서 나눠주던 설문지는 온라인 설문으로 인해 많이 줄어들었고, 이역만리 떨어진 곳에서 화상회의를 통해 의사를 나누는 것이 보편화 되었습니다. 불과 10년 20년 전만 해도 상상하지도 못했던 일상생활의 디지털化(Digitalization)가 자리잡았으며 멀..추천 -
[비공개] 정말 '좋아요'? 다양한 감정으로 새로워진 페이스북
페이스북 이용 중 ‘좋아요’ 버튼만으로 내 감정을 표현하는 것이 불만족스럽지는 않으셨나요? 지인의 슬프거나 화나는 소식에 엄지 손가락을 들어올리는 아이콘이 어색했던 것이 사실입니다.하지만 이제는 좀 더 다양한 감정을 이모지 아이콘으로 나타낼 수 있게 됐습니다. 현지시간 24일부터 이모지 아이콘을 6가지로 늘리게 되었는데요. 기존의 ‘좋아요’를 포함한 ‘사랑해요’, ‘하하’, ‘와우’, ‘슬퍼요’, ‘화나요’가 그것입니다.이미지 출처 - Mark Zukerberg의페이스북 동영상 캡쳐페이스북의 CEO 마크 저커버그는 개인 페이스북 계정을 통해 늘어난 이모지 아이콘을 설명하며 “게시물에 다양한 감정을 표현하고 싶어하는 이용자들의 요구를 위해 팀원들과 많은 연구와 고민을 오랫동안 해왔다.”고 밝혔습니다. 새롭게 추가된 이모지 아..추천 -
[비공개] 로고디자인에 참고하세요! 실패한 기업 로고 15가지
로고는 잠재 고객들이 보는 첫 이미지 및 브랜드를 정의하며 기업의 인상을 창조하는 힘이 있습니다. 로고는 고객의 기억 속에서 기업과의 연관성을 만들어 냅니다. 훌륭한 로고들은 고객의 머릿속에 강력하게 각인되어 브랜드를 기억하게 합니다. 대부분의 사람들은 친근한 것을 선호하는 경향이 있습니다. 그렇기 때문에 로고로 인해 브랜드가 인지되는 것은 대체재가 많은 상품들 중에서도 그 브랜드의 상품을 선택하도록 유도하는 것을 의미합니다. 코카콜라, 나이키, 맥도날드를 생각해보면 바로 그들의 로고가 떠오르듯 말이죠.하지만 로고의 첫인상이 안 좋을 때, 소비자들은 본능적으로 해당 브랜드를 거부하게 됩니다.그래서 우리는 첫인상이 좋지 않았던, 실패한 로고 몇 가지를 모아봤습니다. 아래 로고들은 의도하지 않았겠지만 성적으로 ..추천 -
[비공개] 여태껏 기본 폰트만 쓰셨나요? 콘텐츠를 더욱 빛내줄 예쁜 무료폰트 모음
대중들을 사로잡는 예쁘고 멋진 콘텐츠를 만들기 위해서는 콘텐츠와 어울리는 폰트를 정하는 것이 1순위라고 해도 좋을 정도로 중요합니다. 헌데, 기본적으로 깔려있는 ‘굴림’, ‘돋움’과 같은 기본 폰트로 콘텐츠를 제작하다보면 무언가 부족해 보이고 촌스러워 보이는 것이 사실입니다.그렇다고 폰트를 사려고 하니 ‘헉’소리나는 가격에 선뜻 구매를 할 수도 없는 노릇인데요. 조금만 검색을 해보면 그런 고민과 걱정을 줄일 수가 있습니다. 요즘 지자체나 기업들에서 PR을 위해 유료라고 해도 손색없을 정도로 예쁜 폰트들을 무료로 배포하고 있기 때문인데요.상업적으로 이용이 가능한 예쁜 무료 폰트 몇 가지를 소개해드리고자 합니다.* 폰트 별 'URL'이나 '예시이미지' 클릭 시 '폰트 다운로드 페이지'로 이동합니다.*사용 범위 및 참고사항이 ..추천