테레비(terebe) 디자인 스토리 - 초대장

테레비 서비스에서 초대 페이지를 다음 두번째로 사용자가 서비스에 대한 인상이 각인되는 곳이 이메일 초대장입니다.

이메일 초대로만 회원가입이 가능한 서비스여서 디자이너 이즈양이 열심히 그렸답니다.

처음 나온 초대장 디자인

검은색 배경으로 하니 문제가 있더군요. 처음에 이미지를 출력 안해주는 이메일 서비스들이 많다보니 흰색 글자가 보이지 않는 문제가 있더랍니다.



그래서 이즈양은 다시 그렸습니다.

1번 초대장 디자인

2번 초대장 디자인

초대장을 받으실 때 조그마한 기쁨이나 감동이 있었으면 하는 바람입니다.
맘에 드는 초대장을 여러분이 골라주세요. ^^



 

프라이빗 베타 회원을 모집합니다.
1차 모집 인원 : 50명
1차 모집 기간 : ~ 2008년 8월 15일 자정까지
Private Beta 오픈: 2008년 8월 20일

테레비 회원 초대 신청하기 : http://www.terebe.com/guest/?invite

테레비(terebe) 디자인 스토리 - 로고

디자인 컨셉을 잡고 로고 디자인을 했지만 맘에 드는 로고가 나오지 않았다. 컨셉만 3번 바꿨으니 그 안에서 1년여 동안 바뀐 디자인은......

그런 의미에서 로고 디자인의 변천사를 살펴보면
자료를 전부 정리 못해서 그 중에 찾은 로고만 정리해보았다. (하얀색 배경의 로고는 어디로 사라진 --;;)



찾은 로고 중 

하나

둘

셋

넷

다섯

여러분은 몇번 로고가 맘에 드시나요?
사실 아직도 로고 작업을 하고 있습니다. 매우 힘들어하는 디자이너 이즈양을 위해 여러분의 의견이 필요합니다. ^^










테레비는 현재 프라이빗 베타 회원을 모집하고 있습니다.
1차 모집 인원 : 50명
1차 모집 기간 : ~ 2008년 8월 15일 자정까지
Private Beta 오픈: 2008년 8월 20일

테레비 회원 초대 신청하기 : http://www.terebe.com/guest/?invite

테레비 서비스 미리보기 동영상

사이트 레이아웃 황금비로 만들기

사이트 레이아웃을 잡을때 황금비를 계산해 줍니다.
기본으로 COLUMN 값을 잡고 다른 레이아웃을 잡으면 편할 듯합니다.


블로그 스킨 만들때도 유용하겠죠^^~


via~ http://goldenratiocalculator.com/

센스있는 디자인을 공유하는 서비스

사용자들이 맘에 드는 사이트를 올리고 평가하는 서비스입니다.
맘에 드는 UI, 디자인을 다양하게 볼 수 있습니다.

via~ http://www.designflavr.com/

티스토리 스킨에 적용하고픈 워드프레스 스킨 베스트 5

Enlighten

Smashing Theme

The bus full of hippies

Orange Dose

The Sandbox


티스토리에 적용하고 싶은 워드프레스 스킨 디자인들입니다~~

플릭커에 있는 UI 모음집 3가지

자료를 정리해 놓는다.
정리해 둔 자료를 공개한다.

플릭커가 좋은 이유는 공개된 자료가 많고 그것을 아무 조건없이 볼 수 있게 해준 다는것...

Patrick Haney’s Design Inspiration Collection

Brian Christiansen Design Patterns Collection

Guspim’s Design Solutions Collection

 

디자이너와 기획자의 눈을 업그레이드시키는 웹사이트 모음

WEB 2.0 디자인 참고 사이트
http://www.flickr.com/photos/splat/sets/981332/
플릭커에 기재된 웹디자인 아이디어를 모아놓은 계정
깔끔하고 심플한 사이트들이 소개되어있다.

새로운 플래시 디자인
http://www.thefwa.com/
매일 매일 새로운 스타일의 플래시 디자인들이 올라옵니다.
새로운 플래시 아이디어를 얻고 싶다면 클릭~

웹디자인 베스트 갤러리
http://bestwebgallery.com/
미국의 화제의 사이트등이 새롭게 업데이트되는 사이트로 꼭 둘러보길 권합니다.

베스트 css 디자인 TOP 50
SMASHINGMAGAZINE.COM
스매싱 매거진에서 소개된 아름다운 50개의 CSS 디자인이 소개되어있다. 자연스러운 색상을 원할때도 필수 코스

오늘의 아이디어 제품 : 이건 시트도 아니고 장바구니도 아니여!?

한 장의 천으로 만들어져 넓히면 시트로 사용이 가능하고 모양대로 접으면 튼튼한 가방으로 사용할 수 있습니다.

가방인가? 아니면 방석....

4가지 색상

손으로 잡을때의 모습

손잡이를 고정하기 전의 모양

실용성과 디자인면에서 좋은 점수를 주고 싶은 제품입니다. 휴대하고 가지고 다니다가 벤치가 더러울때는 시트로 무거운 물건이 있을때는 가방으로 활용해주는 센스....

골판지로 만든 감동의 웹사이트

웹사이트 골판지를 하나씩 만든 후 촬영 그리고 웹사이트를 제작하였다. 하나의 스토리가 있어 더욱 정이가는 사이트다. 꿈을 현실에서 표현하는 디자인이라는 생각을 하게 만든다.

웹사이트 제작 과정 비디오

동영상으로 제작 된 사이트 주소 : http://pencilrebel.com/

■ 사이트 이용 방법

1. 사이트에 접속한다.

2. 퍼즐을 맞춘다.

비밀번호를 입력한다. 힌트 : 빨간색

3. 열쇠를 찾아 문을 열고 들어간다. 힌트 : 빨간색

예쁜 집안의 모습~

한 장면을 만들기 위해 수많은 노력과 시간이 들어간다. 이런 아이디어를 생각하고 실행에 옮기는 것..... 만드는 과정을 동영상으로 보면서 더 많은 생각을 하게된다.

아이디어와 컨셉을 생각하는 과정, 초안을 디자인하는 과정, 제작하는 과정....... 하나의 창의적인 컨텐츠가 나오기 위해서 그 순간 모든 것을 바친다.

요즘 웹서비스나 음악, 영상 등의 컨텐츠들을 보면서 많은 생각을 한다. 모방에서 창조적인 새로운 것을 만든다고 하지만 모방에서 끝나는 컨텐츠들.... 남의 아이디어를 너무나 쉽게 생각하는 사람들.....

이 영상을 보면서 감동 또 감동한다. 그래 미쳐보는 거야~~

로고 디자인 완벽 가이드 : 로고 디자인을 위한 300개의 유용한 링크 모음

로고 디자인

300개 이상의 로고 디자인에 관련된 사이트를 모아 모아 정리해놓았네요.
튜토리얼부터 로고 디자인 아이디어까지 총망라하여 유용한 정보를 보실 수 있습니다.
링크가 많은 만큼 아래와 같이 목차를 나눠 카테고리별로 분류되어 있습니다.

Table of Contents:

• Importance of Logo
• Logo Design Software
• Logo Design Tutorials
• Logo File Formats
• Typography & Fonts
• Colors
• Creativity, Inspiration, Innovation
• Famous Logo Designers
• Logo Ideas & Portfolios
• Logo Design Awards & Contests
• Best Logos collections
• Web 2.0 Logos
• Books on Logos
• Other

디자인 관련 일이나 UI 쪽 분야에도도움이 될것 같네요.
자신의 블로그 로고도 한번 쯤 생각해 보는것도 괜찮을 듯 합니다.~

via~ Complete Logo Design Guide | E Logo Design
Author: Vukan Karadzic, E Logo Design
Author: Bruno Saric

오늘의 아이디어 디자인 : 책속에서 꿈을 꾸는 꽃잎 책갈피

진짜 꽃잎을 뜯는 느낌으로 꽃잎을 책갈피로 사용하면 책에서도 향긋한 향기가 날것 같습니다.
책갈피를 사용하는 사람을 즐겁고 행복하게 해주는 디자인 제품..................

북마크용 3M 제품들이 생각하지 못한 꽃잎 한장 한장을 소중히 생각하게 해주는 사무실 볼펜 넣는 곳에 넣어두어도 화사한 분위기를 연출할수 있을 것 같네요.

사람을 생각하는 디자인~ 사람을 행복하게 해주는 디자인~ 제겐 이런 것이 필요합니다^^

내 블로그를 내가 디자인한다? : 오픈 디자인 사이트 TOP14 소개

무료로 사용이 가능한 사이트 디자인 템플릿을 공유해 주는 사이트입니다.

무료로 나눠준다고 해서 퀄리티가 전혀 떨어지지 않습니다. 이런 디자인 템플릿을 이용해서 디자인을 못하는 분들도 약간의 코드만 안다면 자신만의 블로그를 만드는 것도 가능 할 것 같습니다.

Open Source Templates

Template World

Open Source Web Design

Free Css Templates

TEMPLATES BOX

Free Layouts

CSS Design Templates

EX designz

Open Web Design

Code-Sucks

Open Source Web Templates

Solucija

CSSFILL

Six Shooter Media

Web2.0 디자인에 대한 단편 - 디자인은 사장이 아닌 사용자를 위한거야.

Web2.0 디자인?에 대한 단편.....굳이 웹2.0이 아니지만 웬지 그 이름이 더 멋져 보인다. 용어 중독일지도 모르겠다.

1. 사용자가 편리하게 서비스를 사용하도록 하는 디자인
순수 예술이라기 보다는 실용 예술이라고 할 수 있다. 웹 서비스의 디자인은 화려함이나 멋진 기술보다는 심플한 가운데 서비스를 살려주는 디자인이 되어야 한다.

2. 서비스의 특징을 살려주는 디자인
사이트에 들어갔을 때 어떤 서비스를 하는 곳인지 디자인만보고 알수 있는 사이트들이 있다. 반면에 도대체 무슨 서비스를 하는 곳이지 아는 곳이 있다. 비단 디자인의 문제만은 아니지만 사용자가 서비스를 인식하는 부분에서 디자인의 비중은 많은 부분을 차지한다.

3. 사용자와 커뮤니케이션하는 디자인
웹 서비스는 완성형이 아니다. 사용자들과 호흡하면서 만들어져 나가는 것이다. 디자인도 마찬가지다. 처음 디자인으로 서비스 된 것보다 이후에 사용자들의 니드를 파악해서 발전해 나가는 것이 필요하다.

그리고 Web 2.0 디자인 단편 부록

사장이 아닌 사용자를 위한 디자인을 해라.
회사 사이트 제작 시 클라이언트의 요구는 정말 많다. 디자인에 대한 열정과 자부심 있다면  사용자를 위한 디자인으로 소신있게 밀고 나가야 한다. 클라이언트의 말대로 한다면 작업이 끝났을때 대부분 경우가 산으로 가있다.

창조적인 디자인을 해라.
웹디자인도 창조적인 예술 활동을 하는 일이다. 기존 패턴이나 형식을 고집하지 말고 항상 새로운 것을 받아들이고 배워야한다. 뭔가 새로운 것을 해보고 싶다면 주위 개발자나 기획자들과 새로운 것에 대해 많은 이야기를 해야한다. 때론 기술적인 부분이 웹디자인의 많은 부분을 해결해 줄수 있다.

휴대폰 디자인에서 만나보는 발상의 전환

키패드와 액정 위치만 바꿔 놓았다. 기존 핸드폰 사용자에게는 익숙해지는데 오랜시간이 걸릴지도 모르지만 꽤 이것 하나로 꽤 특이한 제품이 되었다.

작은 차이가 세상을 바꾼다고 했던가.....

▼ 관련 문서

document.pdf

via~ Mobile phone layout