본문 바로가기

Technology

 (253)
비영리단체를 위한 10가지 뉴스레터 팁 비영리단체에게 이메일 뉴스레터는 중요한 홍보 채널입니다. 특히 상대적으로 홍보 예산이 적은 영세한 비영리단체에게 적은 비용으로 큰 효과를 낼 수 있는 이메일 뉴스레터는 더욱 중요합니다. Nonprofit Tech for Good이 공개한 10 e-Newsletter Best Practices for Nonprofits을 보면, 소셜미디어의 성장에도 이메일은 여전히 효과가 큰 홍보 수단이라고 이야기하고 있습니다. 또한, Email remains the best digital channel for ROI에 따르면 이메일은 적은 비용으로 큰 효과를 낼 수 있는 수단임을 알 수 있습니다. 이메일 자체의 효과는 뛰어나지만 이러한 효과를 극대화하기 위해서는 좋은 뉴스레터를 만드는 것이 중요합니다. 1. 모바일에서 ..
gif로 이해하는 css 포지션의 개념 저는 요즘 사내에서 ‘야매코딩’이라는 스터디를 진행하고 있는데요. css에서 ‘포지션(position)’을 제대로 설명 못 해서 애먹었던 적이 있습니다. 적당히 이해하고 넘어가기에는 아주 중요한 요소인데요. 프룬트 블로그(FROONT BLOG)에서는 포지션의 개념을 gif로 쉽게 설명했습니다. 포지션의 개념이 어려운 분들을 위해 공유합니다. 웹 디자인의 포지션 웹디자인에서 ‘포지션(position)’은 매우 중요합니다. 당연한 얘기지만 포토샵이나 일러스트레이터에서의 캔버스와는 다릅니다. 왜냐면 스크롤이나 스크린 크기 등 여러 가지 요인이 작용하기 때문이죠. 포지션은 크게 ‘스태틱(static)’. ‘앱솔루트(absolute)’, ‘렐러티브(relative)’, ‘픽스드(fixed)’로 나뉩니다. 실제 영..
읽기 쉽고 쓰기 편한, 마크다운 글쓰기 제목을 크게, 강조할 내용을 굵게. 문서가 가진 목적과 내용은 다르지만, 적절한 시각적 스타일은 보는 사람의 이해를 돕습니다. 글을 쓰는 입장에서는 어떤가요? 서식을 꾸미는 일에 생각보다 많은 시간이 걸리는 것을 경험한 적이 있을것입니다. 마우스와 키보드를 오가는 동작은 번거롭기도 합니다. **읽기 쉽고, 쓰기 편하게**, 이것은 마크다운(Markdown)의 철학입니다. # 마크다운(Markdown)이 무엇인가요? "Markdown is a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to..
슬로워크 프리뷰 제작기 디자인 에이전시는 늘 고객과 함께 소통해야 합니다. 그 소통의 중심에는 늘 디자인 시안이 있습니다. 만들어진 시안을 전달하고 그에 대한 의견을 듣고, 수정하고 완성하는 작업이 디자인 작업의 전반인데요. 웹디자인도 다르지 않습니다. 실제 화면에서 보이는 것과 같은 크기(픽셀)로 제작된 시안을 고객에게 전달하는 과정은 매우 중요합니다. 그래서 만들어진 슬로워크 프리뷰. 그 제작 과정을 알아봅니다. 프리뷰, 왜 필요할까요? 웹디자인 의뢰를 받습니다. 기획, 정보설계가 확정되고 와이어프레임 단계를 거쳐 디자인 시안이 제작됩니다. 보통 2~3종의 다른 안을 준비하고, 메인페이지, 서브페이지를 나눠서 제작하는 경우도 있습니다. 화면에서 보이는 것과 똑같은 픽셀로 제작됩니다. 이런 이미지 파일을 고객에게 어떻게 전달..
업무용 그룹메시지 에티켓 6가지 모바일메신저 사용이 늘어나면서 많은 조직에서 업무에 메신저를 활용하고 있습니다.슬로워커들이 사용하는 메신저에도 모든 구성원이 모여 있는 채팅방은 물론 부서별, 프로젝트별로 다양한 그룹채팅방이 개설되어 있는데요,업무시간 뿐만 아니라 퇴근 후나 휴일에 메시지를 보내고 받게 되는 경우도 있습니다.업무용 그룹채팅 시 서로 지켜야 할 에티켓에는 무엇이 있을지 알아볼까요? 1. 크게 얘기해도 되는 말만 하세요. 사무실에서 욕을 하시나요? 그렇지 않다면, 그룹메시지로도 욕설을 보내지 마세요. 실제로 사무실에서 사용할 수 있는 말만 사용하세요. 업무용 메신저를 사용하는 것도 사무실에 있는 것이나 마찬가지이기 때문입니다. 2. 당신의 말투를 의식하세요. 그룹메시지를 보낼 때는 당신이 누구에게 이야기를 하고 있는지 신경 ..
2015년을 이끌어갈 소비 트렌드 인사이트 2015년이 된 지 어느덧 3개월이 지났습니다. 많은 기관에서 2015년의 트렌드를 예측하여 발표하고, 관련 서적들이 출판되고 있습니다. 이런 와중에 trendwatching.com에서는 조금 다른 리스트를 발표했습니다. 단순한 트렌드 리포트가 아니라, 당장 내일이라도 실행 가능한 소비 트렌드 인사이트입니다. 이번 포스팅에서는 이 리스트에서 일부를 발췌하여 소개합니다. Instant Skill2006년부터 몇 년간은 소비자들이 자신들의 ‘지위나 신분(Status)’을 과시하는 시대였다면, 2015년은 스스로 ‘무엇을 할 수 있고, 만들어 낼 수 있는지’를 과시하는 시대가 될 것입니다. 사람들은 교육이나 시간적 제약 없이 프로페셔널한 결과물을 제공하는 서비스를 선호하게 됩니다. 멀리서 찾을 것도 없이 수많..
모질라 재단의 아이덴티티, 피라산스를 소개합니다. 웹 기술이 발전하면서 우리는 다양한 디자인을 시도할 수 있게 되었는데요. 그중 하나가 웹 폰트라고 생각합니다. 제가 처음 웹을 접했을 때만 해도 기본 시스템 폰트인 돋움과 에어리얼(Arial)을 쓰면서 만족했던 적도 있습니다. 하지만 이제는 수많은 웹 폰트가 존재하는데요. 그만큼 프로젝트를 시작할 때마다 어떤 폰트를 쓸지 깊게 고민해봐야 합니다.세상에 나온 지 2년 가까이 되었지만, 성능과 디자인에 비해 외면받는 ‘피라산스(Fira Sans)’를 소개합니다. 브라우저 '파이어폭스'로 유명한 모질라 재단은 오랫동안 오픈소스 소프트웨어 커뮤니티의 선구자였습니다. 2012년 모질라는 파이어폭스 OS에 들어가는 새로운 타이포그래피로 ‘피라 산스(Fira Sans)’라는 폰트를 선택했습니다. FF 메타(FF Me..
창의적 발상을 돕는 키트, 어도비 킥박스(Adobe Kickbox) 구성원들의 창의적인 발상을 돕고 실행에 옮기도록 하는 것, 아마 모든 조직에서 고민하는 부분일 것입니다. 그리고 많은 조직이나 기업들이 외부 전문가의 도움을 받아 교육이나 워크숍을 진행합니다. 슬로워크도 마찬가지입니다. 외부 강사를 초빙하기도 하고 워크숍에서 구성원들의 생각을 나눌 수 있는 프로그램을 준비합니다. 그리고 일 년에 두 번, '버닝데이'라는 행사를 통해 자신의 아이디어를 짧은 시간 동안 제품으로 만들어보는 경험을 해보곤 합니다. 2015년 달력을 하루 만에 만든다? 슬로워크 2014 하반기 버닝데이 어도비(Adobe)에서 자신들의 사내 프로그램인 어도비 킥박스(Adobe Kickbox)를 무료로 공개했습니다. 상세한 가이드와 함께 말이죠. 창의적 발상을 위한 프로그램에 대해 고민하는 분이라면..

티스토리툴바