spot.im

(function(e,t,n){function r(){var e=t.createElement(“script”);e.type=”text/javascript”;e.async=true;e.src=n;t.body.appendChild(e)}e.spotId=”0e524e5bf17923b1e06513380ec95e85″;e.spotName=”lobby”;e.type=”FLOATING”;e.template=””;e.position=”BOTTOM_RIGHT”;e.size=”MEDIUM”;e.allowDesktop=true;e.allowMobile=true;e.containerId=”spot-im-root”;r()})(window.SPOTIM={},document,”http://www.spot.im/embed/scripts/launcher.js”)

고품질 스토리 보드 작성을 위한 필수 도구

전문 웹 기획자라면 한번쯤 웹 스토리 보드를 작성하면서 그래픽오브젝트를 매번 그리는게 비효율적이라는 것을 알기에 기존에 만들어 놓은 샘플들을 나만의 PPT 페이지에 모아 놓고 가져다가 사용하는 경우가 많다.

이러한 불편한 점을 한번에 해소해줄 획기적인 프로그램이 있으니 스토리 보드를 작성을 조금이라도 하는 사용자라면 강력히 구매를 검토해 볼 필요가 있다.

파워목업 : http://www.powermockup.com

stencil-library

이렇게 웹 스토리 보드를 그릴 때 좀 더 높은 완성도를 낼 수 있을 뿐 아니라 필요한 대부분의 템플릿을 기본적으로 제공하는 PPT의 플러그인 PowerMockup(파워목업)프로그램이 있어서 소개한다.

아래는 주요 기능에 대해서 홈페이지에서 제공하는 설명을 번역한 것이다.

수백종이 넘는 아이콘과 스텐실

stencil-library-thumb

파워목업의 스텐실 라이브러리는 광범위한 종류의 웹사이트 제작에 필요한 엘리멘트(구성요소) 템플릿을 제공한다. 예를 들어 버튼, 텍스트 박스, 메뉴, 텝, 테이블 등등

기본적으로 파워 포인터에서 제공하는 기능을 이용해 얼마든지 사용자가 편집할 수 있으며 제작된 스텐실 라이브러리를 단순히 파워 포인트 화면으로 끌어다 놓기면 하면 되는 쉬운 사용방법을 제공한다.

빠른 검색 제공

instant-search-thumb

빠른 즉석 검색을 제공하고 있어 원하는 스텐실을 아주 쉽게 찾을 수 있다. 타자를 치는 순간 파워 목업이 자동으로 필터링된 결과를 보여주게 되며 더해서 동의어 검색도 가능하다.

예를 들어 input이라고 입력하면 Text box와 Text Area도 같이 검색되어 나타난다.

당신만의 스텐실과 카테고리 제작

custom-stencils-thumb

파워 목업은 당신이 제작한 스텐실을 라이브러리에 저장하기를 제공한다. 간단히 새로만든 쉐입을 선택하고 “Add Stencil”만 선택하면 자신만의 커스텀 스텐실이 된다. 또한 가저오기와 내보내기를 통하여 스텐실을 다른 사용자와 공유 하거나 관리할 수도 있다.

스마트 스텐실

smart-stencils-thumb

파워목업은 또한 당신이 윈도우 스텐실의 크기를 조절할 때 연결된 윈도우 타이틀 영역의 크기를 조절해주는 등 스마트한 기능을 제공할 뿐만 아니라 당신이 텝바에 텝이 추가되거나 체크박스에 상태값이 변경되는 작업을 할 때 알아서 비율을 조정한다.

파워목업의 유용한 점

와이어 프래임 작업에 있어서 매우 편리한 기능 제공

powermockup-features-thumb

  • 그룹핑이나 정렬등에 있어서 강력한 기능제공
  • 스토리 보드나 인터렉티브 프로토 타입 제작시 효과적인 프리젠테이션과 에니메이션 가능
  • PDF, PNG, EMF를 포함하여 다양한 버전의 파일을 내보내거나 가져오기 지원
  • 마스터 페이지 기능을 제공하기에 재사용 가능한 템플릿 페이지로 구성 가능
  • MS Office 관련 프로그램과 자연스러운 연동 지원

또한 가장 강력한 이점으로서 전세계에 가장 범용적으로 사용되고 있는 MS OFFICE 부가 프로그램으로 어떠한 직종의 사용자와도 무리없이 사용가능하다는 것이다.

Works with PowerPoint 2007, 2010 and 2013

파워목업은 PowerPoint 2007, 2010, 2013(32비트와 64비트)을 단 한번의 인스톨만으로 지원한다.

powermockup-compatibility-thumb

price

청중을 사로잡는 프리젠테이션 오픈 기법

5 killer ways to open up your next presentation

from Big Fish Presentations

통계를 보았을때 관객의 주목을 일끌어낼 수 있는 시간은 60초 이내라고 합니다.
따라서 가장 처음에 하는 말(오프너)로 관객의 주목을 이끌어 내는 핵심 요소라는 것을 알고 효과적으로 전달하는 방법을 아는 것이 매우 중요하다는 사실을 알 수 있습니다.
이를 통해 발표자는 관객의 주목을 이끌어 내고 당신이 전달 하고자 하는 메세지가 훨씬더 잘 전달 된다는 사실을 확실합니다.
그럼 어떠한 방법으로 관객의 주목을 이끌어 낼 수 있을까요?

1. STORIES

누구나 스토리에는 관심있어 합니다. 왜냐하면 모두가 자신만의 스토리를 가지고 있기 때문입니다.
자신만의 스토리를 전달함으로서 관객은 당신에 대해서 개인적인 수준까지 더 인지하게 됩니다.
단지 당신이 말하고자 하는 이야기와 연관되어 있다면 더 효과적이라는 사실만 기억하시기 바랍니다.

David Lynch & Donovan "Catching The Big F...

2. QUESTIONS

오늘은 어떠세요? 같은 간단한 질문이라도 관객이 당신이 전달하고자 하는 메세지를 더욱 받아 들이기 쉽게 만듭니다. 더구나 질문은 관객이 당신이 어떻게 주제를 풀어나갈지 스스로 생각 하게 만듭니다.
따라서 이 방식은 주제에 대해서 인지 할수 있게 하는 매우 효율적인 방법입니다.

Question

 

3. QUOTES

전문가나 유명인의 말이나 생각을 테마나 일반적인 주제에 대해서 전달하기전에 인용 하는 것은 상당히 유용한 방법입니다. 이를 통하여 관객은 지혜를 얻게됨과 동시에 당신의 주제에 대해서 집중하게 됩니다.
확실히 해야 할 것은  당신이 인용한 문구가 당신의 주제와 어떤관계가 있는지 설명이 필요합니다.

quote

4. STATICTIS

통계를 바로쓴다면 당신의 주제에 대해서 아무 분명하게 보여주게 됩니다.
중요한것은 매우 분명하고 정확하며 관련있는 데이타이여야 한다는 것입니다.
정확한 통계자료는 당신의 메세지를 확실하고 부정할수 없으며 믿을수 있는 내용으로 만들어 줍니다.
데이타는 단순히 당신의 프리젠테이션을 믿을만한 내용으로 만드는 것이 아니라 당신이 앞으로 전달하고자 하는 내용을 신뢰하는 내용으로 바꾸어 줍니다.

DWEN Funding infographic

5. JOKES

Governor Arnold Schwarzenegger, R-Calif., joke...

Governor Arnold Schwarzenegger, R-Calif., jokes with the Marines at the booth. He does his best to visit the Marines’ booth each year. (Photo credit: Wikipedia)

유머를 사용하는 것은 매우 강력하고 효과적인 방법으로 관객을 환기시기고 편하게 당신의 메세지를 더 쉽게 받아 들일수 있게 해주게 합니다.
주의 할 점은 유머는 휘발성이 아주 강하며, 잘못된 유머의 사용은 유머를 전혀 하지 않은 것보다 더 나쁜 결과를 초래할 수 있다는 점입니다.
그리고 타겟 관객이 수용할수 있는 범위의 유머를 사용해야 한다는 것도 기억하기 바랍니다.
위에 열거한 방법들을 다음 프리젠테이션때 사용해서 당신의 관객들을 Prepare, engage, control, entertain 해보세요.
이 방법만이 100% 정답은 아니며 상황에 따라 더 나은 방법은 있을수 있습니다. 이러한 방법들을 익혀서 더 자연스럽고 유연하고 발표를 하시기 바랍니다.

Stand Up Guys (2012)

Val: They say we die twice. Once when the breath leaves our body, and once when the last person we know says our name.

 

Stand Up Guys 2012

Stand Up Guys (2012)

 

Doc: [stealing a gangster’s car] This is not a good idea, Val.

Val: Yeah, well, my life is full of not good ideas.

 

너무나 나이든 알파치노도 짠했지만 한때 잘나갔던 영화속 배우들처럼 이렇게 시간앞에서는 사라지는 존재, 잊혀 지는 존재가 되버린다

한 순간이라도 은하를 밝힐정도로 밝은 빛으로 별처럼 반짝이는 순간으로 인생에서 만들어야지

Before Sunrise (1995)

Cover of "Before Sunrise"

Cover of Before Sunrise

Celine: You know what I want?

Jesse: What?

Celine: To be kissed.

Jesse: Well I can do that.
Before Sunrise (1995)

http://www.imdb.com/title/tt0112471/quotes?ref_=tt_ql_3

RWD 샘플 사이트

반응형 웹으로 개발된 사이트들 리스트

glitch

dustinsenos

clearairchallenge

trentwalton

owltastic

buildguild

dolectures

320andup

sasquatchfestival

cognition

interim

ribot

sweethatclub

sleepstreet

cohenspire

electricpulp

adifferentdesign

teixido

colly

stephencaver

hicksdesign

alistapart

porcupine

3200tigres

bakery

tileabl

visuadesign

teegallery

calebacuity

naomiatkinson

staffanstorp

About the

The Best Google Chrome Extensions

크롬 브라우저를 더 강력하게 만들어주는 최고의 확장 프로그램들

The Best Google Chrome Extensions

AdBlock

 AdBlock_r_600x450

보통의 사람들은 인터넷 서핑을하면서 화면 곳곳에 나타나는 광고 이미지나 문구들이 매우 사람을 산만하게 만들기 때문에 싫어 합니다. 어떤 웹사이트는 실재의 내용보다 더 많은 광고들로 도배가 되어 있어 마치 광고판 처럼 보이기도 하죠, AdBlock는 간단한 설치와 설정만으로 대부분의 광고들을 페이지내에서 나타나지 않게 할 수 있으며 위의 이미지에서 볼수 있듯이 처음부터 광고가 없었던것 처럼 깔끔한 레이아웃의 컨텐츠로 돌아가게 만들어 줍니다. 광고가 없어지면서 사용자는 더 빠른 페이지 로딩이 가능하게 되고 자신이 원하는 컨텐츠에 집중할수 있게 됩니다.

사용자는 특정 광고 URL 부터 키워드 필터 등을 통하여 다양한 방법으로 광고를 제거할 수 있으며 간단하게 버튼을 클릭하여 원본 페이지로 돌아가게 할수도 있습니다.

LastPass

04-LastPass_r_600x450

크롬 브라우저를 사용하기 시작한 가장 큰 이유중에 한가지로 LastPass라는 걸출한 확장 프로그램이 있습니다.

LastPass는 online password manager and Form Filler 로 아이디 패스워드의 관리와 자동입력 그리고 사용자 정보 입력폼을 자동으로 채워주는 기능을  사용하는 기능을 제공하며  아이디 패스워드를 온라인 상에 저장하여 필요할때 마다 자동으로 입력되게 할 수 있을 뿐만 아니라 보안성이 높은 패스워드를 생성하게 할수도 있습니다. 모든 사이트의 아이디 패스워드를 다르게 해서 보안을 강화할 수 있지만 정작 스스로 다 기억하지 못한다면 매우 번거로운 일이 아닐수 없기에 많은사이트의 회원 가입을 하는 저에게는 가장 사용율이 높은 확장 프로그램입니다.

RoboForm, 1 Password, KeePass 등의 다른 패스워드 관리 툴과 호환되는 형태로 아이디 패스워드 정보를 내보내기 할 수 있습니다.

Pocket (formerly Read It Later)

06-Pocket1-f_r_600x450

사이트를 서핑하다 발견한 괜찮은 컨텐츠, 지금 당장 볼 시간이 없다면 어떻게 하시나요?

고전적인 방법으로는 일단 북마크를 할 수 있겠죠, 일단 북마크를 하게 되면 이상하게 다시 보지 않는 경향이 커집니다. (그리고 간혹 원본 글을 작성자가 내리는 경우도 생기죠)

Pocket은 인기 있었던 Read It Later의 진보된 버전의 확장 프로그램입니다. 글, 웹페이지, 이미지, 동영상 등을 버튼 클릭한번으로 Pocket에 담을수 있으며 모바일이나 다른 PC에서 포켓에 접속해서 여유가 있을때 이글을 읽을 수 있습니다. Tag 기반의 소팅과 필터를 제공하므로 찾고 관리하기가 더 수월합니다.

Download Master

11-DownloadMaster_r_600x450

Download Master 는 음악이나 사진, 동영상 관련 페이지에서 일일이 다운로드버튼을 눌러야 하는 수고를 덜어 줍니다.

크롬 브라우저에 설치된 버튼만 클릭하면 지금 보고 있는 페이지내에 있는 모든 다운로드 가능한 파일을 받아 주고 사용자는 필요에 따라서 다운로드 하고 싶은 파일을 필터링 하여 받을 수도 있습니다.

Google Dictionary

Google-Dictionary_r_600x450
영어에 자신이 있는 사람이라도 모든 단어의 뜻을 다 아는 것은 아닙니다. 아는 단어도 다른 용법으로 사용되는 경우도 있죠. 이럴때 구글 사전을 설치하였다면 마우스 더블 클릭만으로 간단히 뜻을 확인 할 수 있습니다. 다른 언어로도 변역이 가능하며 더 자세한 정보를 보고 싶다면 위키피디아 같은 서비스로 연결되어 자세한 뜻을 볼수도 있습니다.

AutoPager Chrome

AutoPager_r_600x450
최근의 SNS 서비스중에 타임라인 개념이 있는 경우 스크롤만으로 페이징을 처리하는 경우가 많이 있습니다. 사용자 입장에서는 매번 클릭을 하지 않고 마우스 휠을 돌리는 것만으로 컨텐츠를 볼수 있다는 것이 상당히 편리합니다.
모바일에서는 손까락으로 페이지를 위로 쭉 끌어 올리면 더 많은 컨텐츠가 아래에 나타나죠
이러한 기능을 서비스 사이트에서 제공하지 않는다고 해도 AutpPager를 이용하면 동일한 효과를 누릴수 있습니다.
이 익스텐션을 설치하게 되면 스크롤이 페이지 하단으로 이동했을때 페이지 하단에 자동으로 다음 페이지를 읽어와서 사용자는 다음 버튼을 클릭할 필요 없이 단지 마우스 휠만으로도 모든페이지에 접근할수 있게 됩니다.  모든 페이지에서 다 되는 것이 아니라 검색 결과 페이지, 게시판, 특히  Google이나 Wikipedia 같은 서비스에 유용합니다.

FastestChrome – Browse Faster

 FastestChrome_r_600x450

FastestChrome은 크롬의 핵심 엔진을 바꾸지 않으면서도(예를 들면 보안이나 개인설정) 더 빠른 브라우징을 할수 있도록 크롬을 변신 시켜 줍니다. 다양한 옵션을 선택할수 있으며 심지어는 다음 페이지 자동 로딩이나 페이지 로딩 타임 제한, 고급 검색 관련 정보들도 설정할 수 있습니다.