유지아빠가 살아가는 세상

지금 아래에 소개하는 사이트들은 포토샵 원본 파일인 PSD 파일을 얻을 수 있습니다. 다양한 PSD 소스 파일을 얻을 수 있으며, 포토샵 초보들은 원본 파일을 보면서 어떻게 포토샵 결과물이 나오는지 알 수 있는 소중한 정보가 될 것입니다.이 정보의 출처는 http://speckyboy.com/2008/05/10/14-amazing-free-photoshop-psd-resource-sites/ 입니다. 1. .PSD Files on deviantART 2. FreePSD.com3. Official PSDs4. PhotoshopCandy5. Photoshop Cafe6. Free Photo Clips | Background-Free Photo Objects7. PSDTUTS8. 20+ Free Adobe P..

http://www.jigsoaricons.com/ 에서 60개의 아이콘을 무료로 제공하고 있습니다. 무료로 사용 가능하며, 벡터와 PNG 파일 두가지로 제공하고 있습니다. 특히 웹용으로 사용하기 아주 좋은 아이콘들입니다. 아래는 아이콘의 스냅 샷입니다. 벡터용으로는 AI 파일 하나를 제공하고 있으며, PNG 파일로는 dark 과 light 두가지 버전으로 제공합니다. 특히 PNG 파일은 16, 24, 48, 64 픽셀의 다양한 크기로 제공되고 있습니다. 웹 디자인시 아주 유용하겠습니다.

웹개발을 할때 가장 고민되는 부분 중 하나가 크로스 웹브라우징 테스트 입니다. 요즘은 정말 브라우저 전쟁인것 처럼 각종 브라우저가 다양하게 쏟아져 나오고 있습니다. 한국도 이제 IE6가 대세인 시대는 지난것 처럼 보입니다. 지금도 IE6 가 70%정도의 점유율을 지니고 있지만, 점차 점유율이 떨어지고, 향후 5년 이내에는 거의 없어질지도 모릅니다. 이유는 윈도우 XP 가 종말을 고하게 되면 더 이상 기본적인 브라우저로 IE6가 설치되지 않기 때문입니다. 물론 윈도우 XP 를 고집하시는 분들도 계시겠지만, 대세가 대세인지라, 윈도우 XP 에서도 IE8 설치가 가능하죠. ^^ 웹개발시 웹기획자나 웹디자이너 및 웹프로그래머들은 항상 기본적인 몇가지 브라우저는 테스트를 반드시 해야 합니다. 기본적으로 현재 시장..

웹디자이너들과 웹기획자 들에게 아주 유용할 수 있는 사이트 하나 소개해 드리겠습니다. http://www.raincreativelab.com/paperbrowser/ 여기가 뭐하는 곳인가 하면 브라우저 모양의 PDF 파일을 제공하는 곳인데, 필요할때 마다 인쇄를 해서 사용하면 됩니다. 위의 그림과 같이 퀵스케치 와 브라우저 스케치 두개의 종류가 있는데, 웹사이트 기획이나 디자인 할때 이 둘 중 하나를 출력해서 연필로 스케치 해서 메뉴와 콘텐츠를 먼저 배열해서 기획을 하거나 디자인을 하게 되면 무지 편하게 작업할 수 있습니다. 브라우저 스케치 에 있는 것을 하나 보면 아래와 같은데요. 눈금에 각 해상도에 맞게 표시가 되어 있는 것을 보실 수 있습니다. 그래서 그 크기 맞는 사이트 디자인과 레이아웃을 만들 ..

보통 웹기획자들은 여타 다른 사업의 기획자들 보다 알아야 하는 것이 쪼~~금 더 많습니다. 물론 어떤 사업이든간에 기획자들은 그 분야의 전문가들이고, 많은 노하우와 관련 기술들을 알고 있어야만 합니다. 하지만 웹기획자는 웹프로그래밍, 웹디자인, 기획 실무 및 마케팅 그리고 견적 등의 노하우를 전문가 만큼은 아니지만 이런 분야에 대한 내용을 다 알아야 합니다. 그래서 피곤할 수 있습니다. ^^;; 와~~ 이런거 다 알면 내가 회사 차리겠다 하시는 분들은 회사 차리시구요. ^^;; " 이런것들을 몰라도 되는데..." 하시는 분들이 종종 있는데요. 웹기획자는 아까 말했지만 전문가는 아니더라도 이런 프로그래밍이나 디자인 등등이 어떻게 만들어지고, 왜 필요한지 그리고 업계 동향정도는 다 알아야 합니다. 그래야만 ..

지금 제작되었고 이미 오픈된 사이트에 결제모듈을 하나 붙이는 일이 남았다. 원래 사이트가 있었고, 이번 작업이 리뉴얼 작업이었다. 하지만 리뉴얼도 급히 하느라 여러가지 고민을 더 하고 작업을 했었어야 하는데 그러하질 못했다. 쩝 다시 리뉴얼 작업 모드로... ㅎㅎㅎ 근데 원 사이트가 워낙 형편없이 만들어 져서 리뉴얼 작업을 맡게 된 것이고, 아직도 많은 부분이 남아 있지만, 가장 중요한 결제 모듈이 장착되지 않아 있어, 이리 저리 궁리중이다. 일단 이 사이트는 구인 구직 사이트이기 때문에 배송과 관련된 것은 붙힐 필요가 없다. 그러면 가장 간단하게 처리가 되는 것인데... 문제는 순서를 어떻게 할 것인가가 문제이다. 기간을 먼저 설정하고 가격을 책정할 것인가? 아님 가격과 기간을 같이 연동하는 가 에 대..

오늘은 웹기획에서 콘텐츠에 대한 이야기를 해보겠습니다. 콘텐츠는 웹의 핵심입니다. 책을 예로 들어 보겠습니다. 책표지 디자인이 아무리 이뻐도, 책속에 들어있는 아무리 예쁜 화보나 일러스트도 책 내용보다 중요하진 않습니다. 웹디자인이나, 기타 프로그래밍적 요소도 콘텐츠를 뒷받침해주는 하나의 도구라고 보시면 됩니다. 콘텐츠는 많은 종류가 있습니다. 게임 사이트를 보시면, 요즘 게임을 만들어도 웹사이트는 반드시 있어야 하는 것은 상식이죠? 게임은 게임이 주(Main) 입니다. 하지만 게임사이트도 게임과 동일한 중요성을 지닙니다. 게임 소개, 작동법, 구성원과의 커뮤니티등 게임을 위한 많은 콘텐츠를 웹사이트를 통해서 제공하고 있는 것이죠. 쇼핑 사이트를 예로 들어 보겠습니다. 쇼핑 사이트의 메인 콘텐츠는 상품입..

한국의 뉴스 사이트에 대한 분석을 해봤는데 이번에는 미국의 유명한 IT News 사이트인 CNET 과 ZDNET을 비교해 보도록 해보겠습니다. 먼저 아래의 화면을 보겠습니다. 위와 같이 CNET은 사이트 초기부터 노란색을 기본으로 디자인을 구성했습니다. 마찬가지로 ZDNET 또한 파란색을 기본으로 디자인을 구성했지만, 최근들어 디자인을 전면 개편했습니다. CNET 은 한국의 뉴스 사이트와 비슷한 C 형태의 사이트 디자인을 갖추었습니다. 이와 같이 뉴스 사이트의 디자인 구성은 전세계적으로 비슷한 양상을 지니고 있습니다. 즉 이런 방식이 사용자들고 익숙하고, 많은 콘텐츠를 취급하기 때문에 C 형이 방식이 가장 적합 할 수도 있습니다. ZDNET 을 보면 변형된 B형으로 볼 수 있습니다. 하지만 이번에 리뉴얼..

어제에 이어 오늘도 계속해서 디자인에 대한 이야기를 해 보겠습니다. 아래의 그림을 보시면 한국의 대표적인 뉴스사이트인 디지털조선과 한겨레 사이트를 보실 수 있습니다. 이전에 제가 언급했던 C 형태를 지니고 있느데요, 한국의 뉴스 사이트는 아래와 같은 형식이 일반화 되어 있다고 보시면 됩니다. 몇몇 사이트는 물론 예외적인 사이트도 있습니다. 대표적으로 프레시안과 오마이뉴스인데요. 이 사이트들은 B 형태를 지닌 사이트 입니다. 사이트를 보시면 여러분들이 보시기에 어떤가요? 실질적으로 상단 (Header) 부분을 제외해서 보시면 두 사이트는 똑 같이 보입니다. 즉 이 사이트가 조선이냐 한겨례나 하는 구분은 헤더에서 결정이 나는데요. 이 부분의 차이가 디자인의 차이입니다. 즉 사이트의 아이덴티티가 명확하게 결정..

웹기획 사이트 분석하기에서 오늘은 디자인에 대해서 이야기하겠습니다. 2. 디자인 디자인이라는 것이 사실 제일 어렵습니다. 왜냐하면, 디자인이 취향이 문제도 있지만, 여러가지 복합적인 요소가 많이 반영되기 때문이죠. 1번 항목인 메뉴의 구성과도 연관이 되어 있고, 실질적으로 바로 사용자들이 인식되는 부분이며, 남녀노소 각 국가별로도 선호하는 디자인들이 다양하게 있기 때문입니다. 기획자는 디자이너와 프로그래머들과 호흡이 중요하지만, 디자이너와는 정말 호흡이 잘 맞아야 합니다. 기획자가 말한 디자인 A 라고 말을 했는데, 다자이너는 B 가 좋다고 서로 우기기 시작하면, 일이 정말 힘들어지죠. 특히 디자이너들, 정말 고집이 셉니다. ^^ 자기 자존심적인 것도 있구요. 그래서 기획자가 디자이너가 아닌이상, 디자이..

저번 시간 벤치마킹에서 더 나아가 어떻게 무엇을 벤치마킹 할 건지에 대한 분석 작업에 대해서 이야기 하겠습니다. 웹사이트 분석 작업은 어떻게 기획을 하는가에 따라서 틀리겠지만, 저의 기준으로서는 아래와 같은 분석 항목을 가지고 분석을 하게 됩니다. 메뉴 구성디자인콘텐츠프로그래밍 언어CSS 구조 (웹표준 준수 여부)마케팅 타겟수익 모델 이렇게 7가지 항목을 가지고 사이트를 분석하게 되며, 이것은 절대적인 기준은 아닙니다. 각각의 기획에 맞는 분석 항목이 있을것이며, 그것은 기획 단계에서 상황에 맞게 추가하거나 뺄 수 있습니다. 1. 메뉴구성 지금 글을 작성하고 있는 현재는 일반적으로 웹사이트가 다양한 종류로 많은 구성을 지닌 사이트들이 존재합니다. 하지만 자세히 보면 아래와 같이 몇가지 형태로 나눌 수 있..

웹기획자들은 항상 벤치마킹을 해야 합니다. 웹기획의 시작 부터 끝까지 벤치마킹의 중요성은 아무리 강조해도 지나침이 없습니다. 왜 벤치마킹이 중요한가 하면, 이 세상에 모든 사람들이 비슷 비슷한 생각을 하고 있으며, 그 중에는 아주 뛰어난 사람들이 많기 때문이고, 많은 사람들이 비슷한 문제를 가지고 고민을 했다는 겁니다. 그래서, 그 사람들의 생각을 참조하고, 새로운 것으로 발전시키기 위해서 벤치마킹이 필요하다는 겁니다. 벤치마킹은 누군가의 아이디어를 베끼는 것이 아닙니다. 누군가의 아이디어와 디자인 메뉴구성을 베끼는 것은 표절이지요. 절대로 해서는 안되는 겁니다. 하지만 벤치마킹은 앞으로 만들 사이트에 대한 참조를 위해서, 이 사이트 저 사이트를 돌아다니며, 각각의 사이트를 장 단점을 분석하여, 자기의 ..

웹기획이라는 것이 무엇인지를 먼저 설명하겠습니다. 그보다 우선 기획이라는 것을 먼저 생각해 볼 수 있습니다. 웹기획이라는 말 자체도 기획이라는 말 앞에 웹이라는 단어 하나가 붙어 있는 것 뿐이기 때문이지요. 기획은 어떤 프로젝트를 시작하기 전에 설계를 하는 것을 말합니다. 그럼 어떤 설계를 하는 것을 말하는 것일까요? 예를들면, 집을 짓는다 라고 했을때, 단독주택을 지을것이냐? 다세대 주택을 지을 것이냐? 단층집을 지을 것이냐? 2층집을 지을것이냐 부터 시작해야 겠지요. 그리고 어디다 지을것인가? 하는 문제도 있으며, 자금은 얼마나 들며, 기간은 얼마나 드는가? 하는 여러가지 복합적인 요인들이 있을 것입니다. 웹도 집을 짓는 것과 동일합니다. 웹사이트 = 홈페이지 = 웹에다 집을 짓는것 모두 동일한 뜻입..

제가 처음 인터넷을 사용하던 때가 1994년 부터 라고 기억이 납니다. 이시기에는 웹마스터는 말그대로 웹마스터였습니다. 기획, 디자인, 프로그래밍, 코딩 등등 대형 웹사이트가 없었으며, 개인 홈페이지가 주가 되던 시기였으며, 기업들에서도 인터넷을 새로운 홍보의 장으로만 인식하던 시기여서 기업 사이트들도 한 두명의 웹마스터에 의해서 개발, 관리되었던 때입니다. 그래서 이 시기에 웹을 처음 시작하신 분들은 거의 모든것을 다룰 줄 알아야 했던 시기지요. 하지만 요즘처럼 웹용 프로그램 언어들이 많이 없던 시기였고, 보통 HTML 코딩과 포토샵을 다룰줄 알면 홈페이지를 만들었던 때였었습니다. 1999년도를 기점으로 많은 기술이 진보와 더불어 대형 웹사이트들이 출현하면서 웹사이트를 제작하는 인력의 분화가 이루어졌습..