플랜인

그리드 시스템(Grid System) 그리드(Grid)는 화면 요소를 배치하기 위한 수평선(Horizontal lines)과 수직선(Vertical lines)의 패턴을 의미하며, 화면 요소에 시각적 순서를 부여하기 위한 일종의 가이드라인 역할을 수행한다. 그리고 이러한 그리드를 체계적으로 설계하기 위해 필요한 것이 바로 그리드 시스템이다. 그리드 시스템(Grid System)은 보다 효과적인 커뮤니케이션을 위해 논리적인 화면 구조를 제공하는 설계 체계(Design System)이다. 정보설계를 통해 구조화된 정보들을 담기 위해선 시각화된 화면 구조(Screen Structure)가 필요하며, 이 화면 구조의 기초를 제공하는 것이 바로 그리드 시스템이다. 따라서 그리드 시스템은 정보설계 이후 단계인 인터..

프로젝트 차터(charter)를 기초로 프로젝트에서 산출해야 할 중간산출물 및 수행해야 할 세부 활동이 무엇인지를 파악하기 위해 프로젝트의 범위를 정의해야 한다. 프로젝트에서 범위는 크게 두 가지, 제품 범위(Product Scope)와 프로젝트 범위(Project Scope)로 구분될 수 있다. 참고로, PMBOK에서의 범위에 대한 정의는 프로젝트 범위와 관련된 부분을 위주로 하고 있지만, 여기서는 프로젝트 범위와 제품 범위를 모두 포괄하는 개념으로 범위라는 용어를 사용하도록 한다. • 제품 범위 : 제품 또는 서비스의 특성을 나타내는 특징 및 기능을 의미 • 프로젝트 범위 : 이러한 특징 및 기능을 갖춘 제품 또는 서비스를 인도하기 위하여 반드시 수행되어야 하는 작업을 의미 프로젝트는 결국 고객이 만..

만일 여러분이 집에서 회사까지 자동차를 직접 운전하여 출근한다면 상세한 계획이 필요하지 않을 것이다. 단지 자동차의 연료 상태라든지 타이어의 공기압 정도를 점검하고 평상시처럼 출근하면 된다. 미리미리 확인하고 점검해 두면 좋겠지만, 대게는 이 정도의 확인도 하지 않은 채 길을 나섰다가 낭패를 보는 경우도 있다. 하지만 여러분이 자동차로 전국 일주 여행을 하고자 한다면, 지도를 보고 여행 경로를 정하는 데 어느 정도의 노력과 시간을 투입하게 될 것이다. 전국을 여행하고자 하는 몇 개의 지역으로 나눌 수도 있고, 아니면 매일 갈수 있는 거리를 기준으로 여행 계획을 수립할 수도 있을 것이다. 여러분이 어떤 방법을 사용하든지 간에 제대로 된 여행 계획을 수립하는 좋은 방법 중 하나는 여행 전체를 여러 개로 분해..

RSS 혹은 Really Simple Syndication (직역하면 매우 간단한 배급)은 XML 기반의 문서 표준으로 다음과 같은 세부 표준을 갖고 있다. R ich Site Summary (RSS 0.9x and RSS 2.0) RDF Site Summary (RSS 0.9 and 1.0) (RDF: Resource Description Framework) RSS는 뉴스나 블로그 사이트에서 주로 사용하는 컨텐츠 표현 방식이다. 웹 사이트 관리자는 RSS 형식으로 웹 사이트 내용을 보여 준다. 이 정보를 받는 사람은 다른 형식으로 이용할 수 있다. 예로, 모질라 파이어폭스의 라이브 북마크나 Akregator 등의 RSS 리더 프로그램에서 읽을 수 있다. RSS가 등장하기 전에는 원하는 정보를 얻기 위해..

인터넷, UCC에 이어 SNS 열풍이 분다 구글 잇는 차세대 인터넷 포털 2008년에 인터넷 분야의 뜨거운 화두가 될 것은 무엇일까? 인터넷기업협회는 며칠 전 인터넷 10대 뉴스의 하나로 SNS 열풍을 꼽았다. 인터넷 공간에서 흩어졌던 동창을 다시 만나고, 새로운 친구를 사귀고, 상대를 스카우트하고, 사업 파트너를 만날 수 있게 하는 인맥 연결 서비스를 영어로는 소셜 네트워킹 서비스(SNS=Social Networking Service)라고 한다. 어, 자네 오랜 만이야. 지난 10년 동안 어떻게 지냈어. 이렇게 인터넷에서 자네를 다시 만날 줄이야 누가 알았겠나. 필자가 운영하는 인맥 연결 인터넷 사이트인 링크나우(www.linknow.kr)에서는 회원 간에 소식이 끊겼던 동창이나, 옛 직장 동료를 찾아..

라. 레이아웃 (Layout) 레이아웃은 화면의 구성으로서 사이트 화면을 채우는 각 요소들의 배치를 정의하는 것이다. 웹 스타일 가이드는 메인화면(Main Page), 두 번째 단계의 페이지, 세 번째 단계의 페이지 등 사이트 구조상 각 단계별로 공통적인 화면구성, 즉 레이아웃을 정의한다. 또한 단계별로 웹 페이지의 화면 레이아웃을 정의할 뿐 아니라 사이트의 섹션별 특성을 고려하여 섹션별 레이아웃을 정의하기도 한다. 레이아웃은 앞의 그림과 같이 간략하게 표현할 수도 있으나 좀더 자세하게 그래픽 요소들과 함께 표현할 수도 있다. 레이아웃을 정의할 때는 화면의 크기, 화면 분할 기본 단위인 그리드 시스템, 여타의 그래픽 요소들 및 각 단계별 페이지의 컨텐트 배치 등을 고려하여 정의한다. 특히 레이아웃의 정의..

글/ 이유숙 Creative Design 팀장 (주)이비즈그룹 1. 웹 스타일 가이드의 목적 웹 스타일 가이드는 미국 예일 대학의 웹 스타일 가이드로부터 시작된 것으로 파악된다. 예일 대학의 웹 스타일 가이드는 단지 예일 대학을 위한 것일 뿐 아니라 일반적인 웹사이트 개발의 지침이 될 만하다. 예일 대학이 웹 스타일 가이드를 만든 이후 카네기멜론 대학 등 수 많은 대학과 기업들이 쫓아서 웹 스타일 가이드를 만들기 시작했다. 대학의 웹 스타일 가이드 대학의 경우 단과대학과 학과, 교수진, 운영부서 단위로 다양한 필요와 목적에 따라 수많은 운영주체에 의해 웹 페이지가 개발되고 운영된다. 이런 경우 종종 한 대학에 서로 다른 모양과 느낌의 사이트들이 생겨나기 쉽다. 따라서 대학들은 일관된 대학 사이트의 아이덴..

네이버 블로그의 안부 게시판에 아래와 같은 내용의 글이 올라왔다. 아무것도 모르고 웹기획 이란걸 처음 시작했을때, 무엇이든 시작할때와 마찬가지로 정보를 얻기위해 서점을 젤 먼저 갔었습니다. 도대체가 제대로 나와있는 책이 없더라구요. (지식이 없어 좋은 책을 못알아본점도 있겠지만요) 조금의 경험을 쌓은 지금은, 어떤 루트를 통해 정보를 얻을 수 있는지에 대해 아주아주 조금은 알게되었지만, 그래도 항상 체계적인 설명의 전문서적들이 절실합니다. 그리고 내가 쓴 책이 있는 지, 혹은 추천할만한 책이 있으면 알려 달라는 이야기도 있었다. 동병상련의 마음이 느껴져 이 글에 대해 내 생각을 조금 길게 쓰기로 했다. 대학에 다니고 있던 1996년 어느 날 나는 3D로 구성된 어떤 채팅 사이트를 방문하게 되었다. 그 날..

기획서 작성순서는 다음과 같습니다. 1. 작성순서 컨텐츠 수집 --> 웹스타일 분석 --> 컨텐츠 배치 --> 기획서 작성 1) 컨텐츠 수집 웹상에서 보여질 내용을 수집하는 단계입니다. 유형별로의 컨텐츠를 목적에 맞게 차별화하여 수집합니다. 2) 웹스타일 분석 서비스 목적을 파악하여 유형을 잡는 일입니다. 3) 컨텐츠 배치 수집된 컨텐츠를 가지고 엡에서 표현하기 쉽게 다시 재배치 및 조정을 하는 단계입니다. 4) 기획서 작성 컨텐츠와 서비스의 목적에 맞는 기획서를 작성합니다. 2. 기획서 내용 기획서를 작성하는 방식에는 여러가지 차이점이 있지만, 잊지 말아야 할것은 작업일정, 구축목적, 컨텐츠, 메뉴구성 및 레이아웃 등을 상세하게 적어야 합니다. 또한 스토리보드를 통한 웹사이트 전체적인 골격을 파악할 수..

스토리보드는 어쩌면 아주 간단한 것이지만 그것이 어려운 이유는 바로 생각을 현실로 만드는 첫 단계이기 때문이 아닌가 합니다. 스토리보드는 말 그대로 작업을 할때 구상하는 스케치부터 포함이 됩니다. 스토리보드에서 파워포인트에 작성할때는 이미 모든것이 정해진 상태로 진행해야 합니다. 파워포인트에서 생각하면서 작업하는 것은 그만큼 효율면에서나 시간면에서 문제가 발생을 합니다. 스토리보드를 잘 만드는 방법은 저의 경우는 다음과 같이 작업을 합니다. 1. 분석 만들고자 하는 사이트에 대한 기본적인 분석을 합니다. 이때 분석은 두가지로 진행이 됩니다. - 컨텐츠 분석 : 어떤 것을 Web에 담을 것인지에 대한 분석입니다. - 디자인(UI) 분석: 어떤 형태로 고객들에게 제공을 하는지 Web상의 표현방법을 찾습니다...

식품업계의 스타 마케터로 유명한 박상면 CJ(주) 식품사업부문 부장(40)은 ‘아이디어뱅크’로 통한다. 햇반 브랜드매니저인 그는 자신이 만들어낸 쌀 가공식품들을 꼭 안으며 “개발한 브랜드는 모두 소중한 자식 같다”고 말했다. 대학졸업 후 91년 빙그레에 입사한 그는 마케팅실로 배정받았다. 마침 운좋게도 그당시 빙그레는 마케팅부문을 강화하며 예산을 집중 투입하고 있었다. “90년대 초반 파스퇴르 등의 브랜드 우유들이 나오기 시작했습니다. 빙그레는 브랜드 우유를 내놓는 시기를 놓쳐 시장점유율이 5% 정도에 불과했어요.” 그는 결국 후발주자는 차별화 전략이 분명해야 한다고 판단, 틈새시장을 노리기로 했다. 결국 성장기 청소년을 겨냥한 고칼로리 우유를 내놓으며 승부수를 던졌다. 다른 우유의 유지방은 3.7%였지..

최고경영자가 맞이하는 협상 환경 중 가장 어려운 것은 분노한 대중을 상대로 하는 것이다. 서로의 이해 관계가 명확하게 설정된 일반적인 협상과는 달리 다수의 상대방과 협상을 하는 경우에는 금전적인 이해관계 보다 오히려 여론의 행방, 구성원의 성향, 감정적 대응 등이 더 중요한 요소로 작용하기 때문이다. 그리고 이와 같은 비즈니스 외적인 요인들은 협상 진행에 대한 불확실성으로 작용하게 된다. 다수를 상대로 하는 협상은 어려울 뿐 아니라 그 결과에 대한 파급효과가 기업의 존망을 결정지을 만큼 크기도 하다. 더구나 다수를 상대로 하는 상당수의 협상은 예측하지 않은 상태에서 일어나게 되는 것이 일반적이다. 예측 가능한 대부분의 일상적 협상은 충분한 시간 여유를 가지고 준비하고 진행할 수 있다. 그러나 갑작스럽게 ..

작업실 손소 기획작업 비교적 간단한 작업이었다. 코딩에서 문제가 발생되었지만...그래도 잘 넘어갔다 ㅎ; 기획 : 100% 디자인 : 손소 개발 : 이상범 주임

두번째로 기획한 한국모의법정협회 웹사이트 http://www.koreamocktrial.com PM,PL 전체 100% 참여하였다. 처음부터 끝까지.. 기획 : 100% 작업 디자인 : 남정우 사원