study/design2010.04.28 11:50

전 간결하고 심플한 디자인을 선호합니다.

저에게 있어 좋은 디자인이란...

고객에게 우리가 하고 싶은 얘기를 장황하게 늘어놓고 구구절절하게 떠들어대는 것이 아닌...
고객이 원하는 정보 혹은 우리가 전달하고자 하는 정보를 간결하게 압축해서 화자와 청자의 커뮤니케이션 활동을
최소화 시켜줄 수 있는 행위가 좋은 디자인이라고 생각합니다.

하지만 이런 간결한 디자인들은 정말 고수들만이 할 수 있는 디자인이라고 생각합니다.
자칫 잘못하면 너무 초라하고, 없어보이는 디자인이 될 수 있기 때문입니다.

아래 나와있는 웹사이트들은 컬러의 최소화로 다양한 컬러로 화려하게 치장한 여타 사이트들과 확실한 차별성을 부여하는 동시에
퀄리티 또한 뛰어난 사이트들이네요. 이런 자료를 모아서 포스팅한 필자가 참 대단해 보입니다.

원문은 아래 링크에서 확인하실 수 있구요... 즐감하시길 바랍니다. ^^






55
Minimal
Minimal Black and White Web Designs to Inspire You


Art Directors Club of Europe

Posted by jay9

댓글을 달아 주세요

  1. 사이트 멋지네요~~ 이런 디자인으로 스킨 있다면 당장 쓰고 싶네요.
    화이트하고 블랙만으로도 멋집니다.

    2010.04.28 22:41 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 네..정말 이런 심플하고 단순함 속에서 우러나오는 느낌이 더 멋있고 좋아보이는 것 같습니다.^^

      2010.04.29 08:12 신고 [ ADDR : EDIT/ DEL ]
  2. 흑백만으로도 이런 멋진 디자인이 나오네요. 저도 뭔가 필을 받을려고 합니다 ㅋ

    2010.05.03 00:53 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 단순함속에서 얻을수 있는 필이 오히려 더 많은것 같습니다.^^ 즐건 한주 시작하세요~

      2010.05.03 08:20 신고 [ ADDR : EDIT/ DEL ]
  3. Le journaliste-écrivain Patrick Poivre d'Arvor, http://www.timberlandbaratas.com outlet timberland, accusé d'avoir plagié dans sa biographie d'Hemingway un livre de 1985, http://www.timberlandbaratas.com Hombre Timberland, se dit jeudi "sidéré" par ce décha, http://www.timberlandbaratas.com Mujer Timberland?nement de malveillance, http://www.timberlandbaratas.com timberland niños, selon lui, http://www.timberlandbaratas.com timberland, et accrédite la thèse de son éditeur d'une erreur dans la version envoyée aux journalistes, http://www.timberlandbaratas.com barato timberland. Expositions Les primitifs de la photographie Livres PPDA "sidéré" par les accusations de plagiatRelated articles:


    http://golovelyjji.tistory.com/5 Selon Europe 1

    http://mainia.tistory.com/192 "C'est le début d'un nouveau chapitre dans l'Histoire du Soudan"

    2012.12.25 16:16 [ ADDR : EDIT/ DEL : REPLY ]

study/design2010.04.09 08:21

요즘 관심이 많이 가지고 있는 Infographic 분야의 표현 방법은 정말 무궁무진한 것 같습니다.
같은 정보를 보는 이가 좀더 이해하기 쉽고, 간결하게 받아들일 수 있도록 정리해주는 것이 Infographic의 목적인데
거기다가 예술성까지 덧붙여진다면 그 정보는 받아들이는 사람에게있어 더욱 가치있게 느껴질 것입니다.

이렇듯 기업 혹은 상품이 고객과의 소통(communication)을 좀더 원활하고 명확하게 하기 위해선
모든 소통행위(브랜드 커뮤니케이션, 디자인 커뮤니케이션 등)에 이런 Infographic에서 발견할 수 있는...
단순함, 간결함, 예술성 등이 곁들여져야 한다고 생각합니다.

아래 이미지와 동영상들은 포르투갈 리스본의 교통상황을 실시간으로 그래픽화 시킨 것입니다.
정말 아름답죠??
우리나라의 교통상황도 이렇게 아름답게 변하면 얼마나 좋을까요?

아마 교통상황을 체크하러 인터넷에 접속했다가 넋을 놓고
수많은 차들이 만드는 예술 작품을 감상하는 사람들이 많이 생기지 않을까요?? ^^




▲ 24h of Traffic Evolution in Lisbon 이미지 컷


▼ 24h of Traffic Evolution in Lisbon 동영상 보기

Traffic in Lisbon – emphasis on sluggish areas from Pedro M Cruz on Vimeo.




Visualizing traffic jam in Lisbon from Pedro M Cruz on Vimeo.




Visualizing Lisbon traffic from Pedro M Cruz on Vimeo.




The aesthetics of Lisbon traffic from Pedro M Cruz on Vimeo.

Posted by jay9

댓글을 달아 주세요

  1. 진짜 그냥 멍 때리고 보게 되는 걸요^^
    리스본이라 브루마블 한 이후로 오랜만에 듣는 정겨운 도시 이름이네요

    2010.04.09 10:59 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 정말 멋지죠?ㅋ 그나저나 작년에 와이프랑 같이 하려고 사놓은 브루마블을 주말에 한번 해봐야겠다는 생각이 문득...ㅋㅋ

      2010.04.09 13:15 신고 [ ADDR : EDIT/ DEL ]
  2. 역시 미대이시군요!!
    정말 이런 작품은 어떻게 만드시는지..+_+

    2010.04.09 14:13 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 아..제가 만든게 아니라 외국 디자이너 작품입니다..-_-;;ㅋㅋㅋ 여튼 대단한 디자이너들이 많죠~ㅋ

      2010.04.09 15:49 신고 [ ADDR : EDIT/ DEL ]
  3. 마치 무슨 간과 혈관들같습니다 ㅎㅎ
    그만큼 도시 사람들의 교통들또한 중요하다는거겠조? ㅎㅎ

    2010.04.09 14:57 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 역시 원덕님께서 멋지게 해석해주시네요~ 교통은 그 도시의 혈관과도 같다...참 적절한 비유인것 같습니다. ^_^b

      2010.04.09 15:50 신고 [ ADDR : EDIT/ DEL ]
  4. ^^ 아름답기도 하지만, 약간 답답하네요. 그만큼 교통체증이 심한 구간도 있으니깐요. ^^ 헤헤

    2010.04.12 08:30 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 너무 잘 풀리기만 한다면 저런 아름다운 그래픽은 나올수 없었겠죠^^ 마치 인생과 같이..너무 평탄하기만 하면 잼 없자나요~^^

      2010.04.12 22:09 신고 [ ADDR : EDIT/ DEL ]
  5. 마치 피가 혈관을 흘러가는 모습같네요^^
    심장의 모습을 닮은 것 같기도 ㅎㅎ

    2010.04.12 23:49 신고 [ ADDR : EDIT/ DEL : REPLY ]

study/design2010.04.06 08:09
그들의 열정과 노력이 엿보이는 멋진 영상.
스탑모션의 진수를 느낄 수 있습니다.

3일동안 작업한거라고 하네요...ㅎㄷㄷㄷ

Broken Fingaz -Graffiti Stop Motion from Broken Fingaz on Vimeo.


http://brokenfingaz.com/

Posted by jay9

댓글을 달아 주세요

  1. 오 다 우리나라 분들이네요, 오 사람이 날아요

    2010.04.06 10:45 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 아..우리나라 분들은 아닙니다.ㅋ 이스라엘 사람들이더라구요..ㅋ

      2010.04.06 10:47 신고 [ ADDR : EDIT/ DEL ]
  2. 와~! 대단합니다. 열정이 정말 감탄스럽기까지 하네요. ㅎㅎㅎ 좋은 구경합니다. ^^

    2010.04.06 19:13 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 정말 엄청 고생했을텐데 말이죠..^^ 작가에게 경의를~

      2010.04.06 23:44 신고 [ ADDR : EDIT/ DEL ]

study/design2010.04.05 09:01
디자인을 할때 유용하게 활용할 수 있는 딩뱃 폰트들을 모아 놓은 것입니다.
새로운 아이콘이 필요할때마다 많이 고민했었는데 이런 딩뱃 폰트를 잘 활용하면 편리할 것 같습니다.



DINGBAT FONTS 01
-SexyRexy Smitten
Type: True Type, Holiday
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 02
-Notice
Type: Open Type
License: Freeware
This set of dingbats includes symbols that you can use especially for designing product packaging or labels.

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 03
-Glyphyx
Type: Open Type
License: Freeware (Free for personal and commercial purposes)
This series of free fonts features symbols and icons for use in information graphics. Glyphyx One includes symbols related to transportation, while Glyphyx Two includes symbols related to leisure activities.

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 04
-Travelcons
Type: True Type
License: Free for personal use only
This set includes symbols and icons related to travel and transportation.

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 05
-Symbol Signs
Type: Open Type
License: Freeware (Free for personal and commercial use)
This set includes common used symbol signs for public services such as Toilets, Telephone, First Aid, Elevator, Information, Restaurant, Coffee Shop, Smoking, Baby, Recycle Icon, Shower, Reception desk, Arrows collection and much, much more. The symbol signs can be used for restaurant signage, hotel signage, airport signage and more. The complete symbol collection is optimized for reproduction methods such as engraving, laser engraving/cutting, screen printing and self adhesive film to manufacture the signs you need.

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 06
-Dingbests
Type: True Type
License: Freeware
We’re all familiar with the dingbat fonts that are standard on many computers. But having been designed in the sixties they’re beginning to show their age. For this reason FontShop International commissioned the designers Johannes Erler and Olaf Stein to make a collection of icons for the nineties. The result is FF Dingbats, over 700 pictograms including fax, laser printer, diskette, computer and mouse, as well as all the classic images. A special selection of them has been put together in the single font FF Dingbests.

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 07
-Floralia
Type: True Type
License: Freeware
Includes pretty flowers, foliages, swirls and other ornaments for any designs.

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 08
- RoadSign and Warnings
Type: True Type
License: Shareware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 09
-Cart-o-Grapher
Type: True Type
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 10
-Ding Dongs signs o’the times
Type: True Type
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 11
-DJ Horses
Type: True Type for PC/Mac
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 12
-Santiago Icono
Type: True Type for PC/Mac
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 13
-Evils
Type: True Type
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 14
-Hazard
Type: True Type
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 15
-Davys
Type: True Type
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 16
-Kalocsai Flowers
Type: True Type
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 17
-Butterflies
Type: True Type
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 18
-WM Designs
Type: True Type
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 19
-Eutemia Designs
Type: True Type
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 20
-We Spray
Type: True Type
License: Freeware
I spray, you spray, we spray! 73 shapes to make your graphic world a better place!

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 21
-Celtic Motif
Type: True Type
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 22
-Rally symbols
Type: True Type
License: Freeware
This font is especially created to help those who want to create infographic for an automotive sport theme, in particular rally. The font has standart rally signs, additional pictograms and drawings that can help a designer to create their own compositions.

dingbat fonts
[download dingbat fonts]

 

DINGBAT FONTS 23-Mail Art Graphics
Type: True Type
License: Free for personal use only

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 24
-Dead Letter Office
Type: True Type
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 25
- Tattoo Parlor
Type: True Type
License: Freeware, non-commercial

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 26
-Skylines
Type: True Type
License: This work is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported License.
There is one piece of skyline for every letter. The part in the preview with the moon on it is the “M”.

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 27
-Recycle It
Type: True Type
License: The license information for this font is unknown

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 28
-Schluss Vignetten
Type: Open Type
License: Freeware

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 29
-Flaming Stars and Splatters
Type: True Type
License: Free for personal use

dingbat fonts
[download dingbat fonts]


DINGBAT FONTS 30
-Split Splat Splodge
Type: True Type
License: Free for personal use only

dingbat fonts
[download dingbat fonts]


출처:
http://bestdesignoptions.com

Posted by jay9

댓글을 달아 주세요

  1. 요뇨속들이 혹 옛날 보잉 모모모를 치면 비행기와 해골이 나오는 그 폰트들인가요? +_+
    예전에 인터넷에서 본것 같은데 음모론 비슷하게 하핫 ^ ^;

    2010.04.05 10:56 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 네 맞아요~^^ 근데 그걸 찾아낸 인간들이 더 대단하더군요.ㅋ

      2010.04.05 15:24 신고 [ ADDR : EDIT/ DEL ]
  2. 그냥 알아 둬요 콘텐츠 내 Android 휴대 전화에서 조금 이상하게 보입니다. 아마 그냥 화면 크기입니다. 방식으로 깔끔한 블로그.

    2012.12.10 16:42 [ ADDR : EDIT/ DEL : REPLY ]
  3. Un jeune homme de 24 ans doit être présenté au parquet lundi après la découverte, à Montpellier, http://www.moncleroutletespain.com/ http://www.moncleroutletespain.com/, du cadavre d'une jeune fille de 17 ans, tuée au cours de la nuit de la Saint-Sylvestre, http://www.moncleroutletespain.com/ moncler outlet. Selon le quotidien Midi Libre, http://www.moncleroutletespain.com/ moncler chaquetas, la victime aurait rencontré le jeune homme au cours du réveillon et aurait flirté avec lui. Le lendemain, http://www.moncleroutletespain.com/ moncler españa, sa mère, http://www.moncleroutletespain.com/ moncler online, ne la voyant pas revenir, a prévenu la police qui a interpellé le jeune homme en question. Lors de sa garde à vue celui-ci aurait reconnu avoir violé et tué la jeune fille avant d'indiquer où se trouver le corps aux enquêteurs, selon MidiLibre, http://www.moncleroutletespain.com/ moncler.Related articles:


    http://designplanb.tistory.com/17 http://designplanb.tistory.com/17

    http://fand5.tistory.com/211 http://fand5.tistory.com/211

    2013.01.04 14:45 [ ADDR : EDIT/ DEL : REPLY ]

study/design2010.04.01 12:55


일본에 대한 정보를 간결하고 재미있게 그래픽적으로 표현한 영상입니다.
얼마전에 리뷰를 쓴 존마에다 교수의 '단순함의 법칙'이라는 책의 내용들이 머리에 스쳐가네요.

개인적으로 모든 디자인이 더하기(+)보다는 빼기(_)를 지양해야한다는 생각을 늘 가지고 있는데...
정보 디자인 분야는 이렇게 방대한 양의 자료를 아주 쉽고 간결하게 표현해준다는 측면에서
뺄셈 디자인의 백미라고 할 수 있겠네요...^_^

Japan - The Strange Country (Japanese ver.) from Kenichi on Vimeo.






이미지출처: http://blog.naver.com/favedesign/20103147097

Posted by jay9

댓글을 달아 주세요

  1. 꽤 쉽게 일본을 알수있는데요?? ㅎㅎ

    2010.04.01 12:44 신고 [ ADDR : EDIT/ DEL : REPLY ]
  2. 일본의 GDP가 미국다음으로 2번째 였군요..이미지들 재밌게 잘 봤습니다

    2010.04.01 14:28 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 우와~~진짜 멋집니다!! 이렇게 일본을 표현할 수있다니 !!
    디자인의 세계는...정말 대단하네요!

    2010.04.01 15:16 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 네...저도 디자인을 하고 있지만..알아갈수록 더 어렵게만 느껴지는 분야같습니다. 잘하시는 분들도 너무 많구요...^^;

      2010.04.02 00:12 신고 [ ADDR : EDIT/ DEL ]
  4. 이런게 디자인에 힘이라고 하는가요..
    끝이 없는 분야인 것 같습니다..

    2010.04.02 13:20 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 좋은 디자인의 힘이죠... 나쁜 디자인은 정말 공해보다도 심할때도 있죠..^^

      2010.04.02 13:21 신고 [ ADDR : EDIT/ DEL ]
  5. 정말 재밌네요.
    정보 디자인에 대한 정보 잘 봤읍니다. ^^

    2010.04.02 16:09 신고 [ ADDR : EDIT/ DEL : REPLY ]
  6. 우리나라도 저렇게 표현한게 있으면 좋겠네요..;)

    2010.04.02 19:11 신고 [ ADDR : EDIT/ DEL : REPLY ]
  7. 신선하군요 +_+
    한눈에 들어옵니다 - ^ ^
    멋저요 - !

    2010.04.03 10:57 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 정말 멋지죠~ 저도 저런 디자인 함 해보고 싶네요.^^

      2010.04.03 16:18 신고 [ ADDR : EDIT/ DEL ]
  8. 이봐, 하나는 새로운 twitting 법안이 무엇입니까? 나는 twitting가 가장 인기있는 문화 인터넷 사이트가 될 수 있기 때문에 일반적으로이 사람을 준수하려는거야. 지금 당신이 일반적으로 존재하지 경우에 당신이 아주 큰 의미에서 가족 고객과 통신할 수 있습니다 좋겠 이후 당신은 가능하게 그것을 통해 생각을 할것입니다.

    2011.08.18 02:30 [ ADDR : EDIT/ DEL : REPLY ]
  9. 이 사이트는 우수 선언해야합니다. 우리가이 문제에 대한 우리 나라 안에서 같은 블로그 사이트를했고이 도움이 좋은 거래 회사의 이후에 대해 새로운 도전을 통해 가고 제 직업 이거든요. 그들에 대한 온라인 조사하는 데 사용하는 것은 어떤 차이를 만들어 그럼에도 불구하고 이런식으로 자신의 블로그 사이트와 많이 생산 specific.Appreciate없는 수많은 웹사이트를 발견 .. , Jadranka을 충족

    2011.10.23 04:55 [ ADDR : EDIT/ DEL : REPLY ]

study/design2010.03.08 08:00
작년 11월에 일본에 방문하였을때 구입해온 캘린더를 게으른 천성으로 인해 2010년이 시작하고도 3개월이 지난 지금에서야 꺼내보았다.

이 캘린더는
'good morning original calendar - ZOO'라는 이름의 종이 캘린더인데...
6가지 형태의 동물을 사용자가 직접 조립해서 만드는 재미있는 캘린더다.
각각의 동물에는 앞뒷면에 달력이 새겨져 있어 동물 하나에 2달씩 표기가 되어 있다.

모든 동물을 만들고 나면 내 방엔 어느새 작은 동물원이 만들어진다.
디자인과 제품의 컨셉 모두 군더더기없이 깔끔해서 참 맛깔난 디자인이라는 생각이 절로 든다.

늘 이런 좋은 디자인을 대할때면
'난 왜 이런 재미있는 생각을 못했을까?', '나도 좀만 집중해서 생각한다면 이런 재밌는 제품들을 많이 만들 수 있을텐데..'라는 등의
자조섞인 질투를 하곤 한다.

개인적으로 일본의 심플하고 절제되면서도 세련된 디자인 스타일을 좋아하는 나는
역시나 이번 ZOO 캘린더 제품을 만지작 거리며 일본의 디자인에 감탄하고 만다.

좀 더 몰입하고, 좀 더 노력하자!
아직 세상에는 디자인 잘하는 녀석들이 너무 많다!!! 젠장!!!


   


















제조사 홈페이지 : http://www.goodmorning.co.jp


good morning original calendar 2010 "ZOO"

2008年 第59回「全国カレンダー展」日本マーケティング協会賞
2009年 第60回「全国カレンダー展」全国中小企業団体中央会会長賞
2009年 HKDA Asia Design Award 09 Merit賞
2009年 red dot award : communication design 2009

■ZOO:お部屋を賑わす、小さな動物園
「ズー」は、のりやハサミなどを使わずに、簡単に組み立てることができるペーパーキットカレンダーです。6種類の動物キットがセットされており、それぞれのパーツを台紙からはずして動物を組み立てると、2カ月表記の卓上カレンダーになります。

■good morning オリジナル・プロダクト
good morningでは、オリジナルのデザイン・プロダクトを制作しています。good morning original calendarは、紙の特質や素材感を活かしつつ、カレンダーのさまざまな可能性をかたちにしたシリーズ。毎年、ラインナップを更新しつつ展開しています。本シリーズは、下記のミュージアムショップやデザインショップ等でお求めいただけます。

■コンセプト:LIFE WITH DESIGN
良質なデザインには、空間を変え、ユーザのマインドを変化させる力があるのではないでしょうか。見ること、持つこと、使うことの気持ち良さ。軽やかさや意外性に富み、空間を豊かにするものであること。LIFE WITH DESIGN(デザインのある生活)をコンセプトに、本シリーズはデザインされています。



good morning original calendar 2010 "ZOO"

2008년 제59회 「전국 캘린더전」일본 마케팅 협회상
2009년 제60회 「전국 캘린더전」전국 중소기업 단체 중앙회 회장상
2009년 HKDA Asia Design Award 09 Merit상
2009년 red dot award : communication design 2009

■ ZOO:방을 요란하게 하는, 작은 동물원
「ZOO는, 칼이나 가위 등을 사용하지 않고, 간단하게 조립할 수 있는 페이퍼 킷 캘린더입니다. 6 종류의 동물이 세트로 되어 있어 각각의 동물을 조립하면, 2개월 짜리 탁상 캘린더가 됩니다.

■ good morning 오리지날·프로덕트
good morning은 오리지날의 디자인·프로덕트를 제작하고 있습니다. good morning original calendar는, 종이의 특징이나 소재감을 살리면서, 캘린더의 다양한 가능성을 모습으로 한 시리즈이고, 매년, 라인 업을 갱신하면서 전개하고 있습니다. 본시리즈는 아래와 같은 박물관 숍이나 디자인 숍등에서 요구해 받을 수 있습니다.

■ 컨셉:LIFE WITH DESIGN
양질인 디자인에는, 공간을 바꾸어 유저의 마인드를 변화시키는 힘이 있는 것은 아닐까요. 보는 것, 가지는 것, 사용하는 것의 기분 좋음. 경쾌함이나 의외성이 풍부해, 공간을 풍부하게 하는 것. LIFE WITH DESIGN(디자인이 있는 생활)을 컨셉으로 본시리즈는 디자인 되어 있습니다.
Posted by jay9

댓글을 달아 주세요

  1. 어쩜~ 저도 작년 9월 베를린 갔을때 한 미술관에서 똑같은 캘린더를 사왔어요!
    제가 동물들을 좋아해서요... ^^ 다른색 안쓰고 그냥 하얀색으로 모든 동물들을 만든게 맘에 들더라구요.

    2010.04.02 15:54 신고 [ ADDR : EDIT/ DEL : REPLY ]

study/design2010.02.09 23:37

Mobile Web Design: Tips and Best Practices

출처 : http://www.noupe.com/how-tos/mobile-web-design-tips-and-best-practices.html


By Cameron Chapman

Last year, more than 63 million people in the United States accessed the Internet from a mobile device. It’s forecast that by 2013 there will be more than 1.7 billion mobile Internet users worldwide. With those kinds of numbers, it’s imperative that web designers and developers learn optimal development and design practices for mobile devices.

For the most part you won’t need to learn any new technologies for mobile site design. But you will need to look at site design in a new way, one that is decidedly more restrictive than design for standard browsers. To work around the issues that mobile site design presents, and to get a result that is as user-friendly and useful as your standard site, some creative problem-solving skills are required.

You may want to check out the following related article as well:


Familiarize Yourself with the Hardware and Software Available

Cell phone and mobile device platforms vary greatly when it comes to operating system, screen size, resolution, and user interface. To be able to decide which platform(s) you want to optimize your site for, it would be helpful to familiarize yourself with the different available options.

The most common operating systems in use are Windows Mobile, the iPhone platform, Palm OS, Mobile Linux, Symbian OS, the BlackBerry platform, and Android (which is poised to get a lot bigger thanks to a recent deal between Verizon and Google). There are other proprietary systems specific to particular phones, such as those found on some Verizon handsets and specific brands of phones. You can estimate, based on the type of audience your site targets, which OSs your users are most likely to be using. If your visitors are mostly business users, you’ll need to optimize your site for Windows Mobile and BlackBerry devices. If your users are younger, trendier, or more tech-savvy, you’ll want your site optimized for iPhones and Android devices. In any case, ensure your site is at least usable on the majority of mobile platforms.

StatCounter Global Stats – Top 8 Mobile OSs

Oct1 in Mobile Web Design: Tips and Best Practices

Mobile browsers are another factor to consider. Some of the more common browsers include Safari for the iPhone, Android browser, Opera Mobile, WebOS browser (on Palm devices), BlackBerry browser, and Internet Explorer Mobile (on Windows Mobile devices). There are additional browsers in use on Nokia and on other phone brands. Some of these browsers are based on proprietary code, while others are built on WebKit (Android, Safari), Gecko (Fennec, a Mozilla browser) or other common platforms.

StatCounter Global Stats – Top 9 Mobile Browsers


Oct2 in Mobile Web Design: Tips and Best Practices


Finally, you need to consider your site visitors’ most common screen size and resolution. Your site should work on the widest range of mobile devices that your visitors might be using. Common resolutions for standard cell phones include 101×80 pixels (many Sony Ericsson phones), 128×128 pixels (some Samsung phones), and 120×160 pixels (many Motorola phones). For smartphones, there’s a lot more to work with. The iPhone has a 320×480 pixel screen; the HTC Touch Pro has a 480×640 pixel screen; the Palm Pre has a 320×480 pixel screen; the BlackBerry Storm has a 360×480 pixel screen; and the HTC Venus has a whopping 800×480 pixel screen. Many of these screens can comfortably display a standard website.



Simplify!

Your mobile site, in most cases, should be simpler than your standard site. The only exception to this is if your standard site is already very minimalist. Eliminating graphic elements from your site is usually an effective way to optimize its display on a mobile device. Look for ways to simplify both the design and functionality of your site. This might mean redoing your menus, eliminating images, breaking up text over multiple pages, or otherwise re-working your site’s layout and functionality.

Examples


A List Apart Mobile

Alistapart in Mobile Web Design: Tips and Best Practices


The Onion

Theonion in Mobile Web Design: Tips and Best Practices


Amazon.com

Amazonkindlestore in Mobile Web Design: Tips and Best Practices


Use Valid Markup

Considering the variety of potential operating systems and browsers from which people might be accessing your site, web standards become even more vital. Standard browsers are, for the most part, very forgiving of bad code, but with a mobile browser you often won’t get that kind of leeway. Make sure your code validates is as clean and minimalist as possible.


Give Users the Option of Visiting the Standard Site

Depending on what kind of device your visitors are using, they may want to just use your standard website. This is particularly true with a lot of the better smartphones and the iPhone, the latter of which does an excellent job of rendering standard websites without issue. Give your mobile visitors the option of visiting the standard site, even if it’s just through a link in the footer (where most of us are already predisposed to looking). You could additionally give them the option to come back to the mobile site without having to use their back button.

Examples


Geek Squad

Geeksquad in Mobile Web Design: Tips and Best Practices


Julian Andrade

Julianandrade in Mobile Web Design: Tips and Best Practices


Weather Underground

Weatherunderground in Mobile Web Design: Tips and Best Practices


Use a Separate Mobile Theme

While optimizing your main site for mobile use sometimes makes sense, it’s often easier to use a separate mobile theme, which can be done on most CMSs by changing the CSS for mobile devices. A dedicated mobile theme means you can really take into account how your visitors will see your site, and optimize it specifically for them. Some sites have one design optimized for regular mobile devices and another for iPhone users.

Examples


Gamespot

Gamespot in Mobile Web Design: Tips and Best Practices


Marmalade on Toast

Marmaladeontoast in Mobile Web Design: Tips and Best Practices


Watchmen

Watchmen in Mobile Web Design: Tips and Best Practices


Limit Scrolling to One Direction

It’s really annoying to have to scroll in multiple directions on a web page when using a standard browser. That doesn’t change when you’re visiting from a mobile device; in fact, it’s worse. It’s very easy to accidentally scroll the wrong way (horizontally instead of vertically or vice versa) when using a touchscreen phone. If your site only scrolls one way, you eliminate the potential for such a hassle.

Examples


Disney

Disney in Mobile Web Design: Tips and Best Practices


Taltopia

Taltopia in Mobile Web Design: Tips and Best Practices


Mogreet

Mogreet in Mobile Web Design: Tips and Best Practices


Don’t Use Pop-Ups or Open New Windows

Depending on the particular platform, popups and new windows can interfere with the browsing experience, so don’t use them. If you absolutely need something to open in a new window, make sure you alert your mobile visitors that it will do so.


Minimize the Use of Images

Use only the images you need to get your message across. A logo is fine, as are most icons. Images that are integral to the content on your site are also fine. But eliminate images that serve no purpose other than to look pretty. They generally won’t look pretty on a mobile device anyway, so why bother? And sometimes they just make your site look worse, or cause strange scrolling or layout issues if the resolution is other than what you were expecting.

Examples


Radio Paradise

Radioparadise in Mobile Web Design: Tips and Best Practices


Raleigh Information

Raleighinfo in Mobile Web Design: Tips and Best Practices


Topix

Topix in Mobile Web Design: Tips and Best Practices


Optimize Your Navigation

Many mobile devices have touchscreen interfaces, so try to design with that in mind. That means making the clickable area around your links a little greater, making buttons larger, and putting more space between links. Trying to click on tiny, barely-visible links is a real pain, and having to zoom in every time you want to click on something doesn’t make it much better. To improve these navigation issues, many sites use a completely separate mobile navigation design, optimized for touchscreens or non-mouse input devices.

Examples


American Modern Insurance

Americanmoderninsurance in Mobile Web Design: Tips and Best Practices


1M Creative

1mcreative in Mobile Web Design: Tips and Best Practices


Daily Horoscope

Dailyhoroscope in Mobile Web Design: Tips and Best Practices


Don’t Rely on Flash or JavaScript

Not all phones and mobile devices support Flash or JavaScript. Even if they do, there’s no guarantee it will be the most recent version. And forget about Flash if your visitors are using an iPhone. Make sure all the important information and functionality on your mobile site is in plain (X)HTML/CSS. Otherwise, you risk a large portion of your visitors being unable to access important content.


Include as Much Content from Your Standard Site as is Practical

How many times have you gone to a favorite website from your phone and then realized you can’t get to the part you wanted to visit? It happens all the time. Include as much of the original site content as possible on your mobile site. In addition to making it available, make sure the navigation route to get to it also remains relatively unchanged.

Examples


The Dieline

Thedieline in Mobile Web Design: Tips and Best Practices


Yahoo! Mobile

Yahoomobile in Mobile Web Design: Tips and Best Practices


Volkswagon

Volkswagon in Mobile Web Design: Tips and Best Practices


Make Sure Redirects Work Properly

Don’t just send mobile users to your home page. There’s nothing more annoying than clicking a link, either in search engine results or from another website, and having it redirect to the homepage if you’re on a mobile device. If your site automatically detects whether a visitor is coming from a mobile browser, make sure it’s set up to send that visitor to the link they were trying to visit, otherwise they’re likely to leave and never come back.

Further Resources

Posted by jay9

댓글을 달아 주세요

  1. Well, http://www.moncleroutletespain.com/ moncler españa, finding cheap flights to Paris are not difficult, as there are many airlines companies those are offering inexpensive trip. If you are looking for cheap flights to Paris, then make sure that there is an off-season, http://www.moncleroutletespain.com/ moncler chaquetas. Lots of tourist visits Paris frenziedly 24/7/365. However, cheap flights to Paris are mostly sold during winter season. One of the best ways is to talk to your local travel agency or a travel agent. They will offer you right knowledge when to book flight to Paris in an affordable rate. You can also visit the Internet, http://www.moncleroutletespain.com/ moncler online, there are many travel forums that can help you to find cheap flights to Paris, http://www.moncleroutletespain.com/ moncler outlet. In online travel forums, you can chat to other travelers those have got experience and methods to grab cheap flights to Paris. Occasionally, http://www.moncleroutletespain.com/ http://www.moncleroutletespain.com/, you can find great deals if you are eager to fly mid of the week, http://www.moncleroutletespain.com/ moncler.Related articles:


    http://essay119.tistory.com/2062 http://essay119.tistory.com/2062

    http://exsihell.tistory.com/16 http://exsihell.tistory.com/16

    2013.01.05 19:41 [ ADDR : EDIT/ DEL : REPLY ]

study2010.01.13 17:00


출처 : http://blog.naver.com/bluann


□ 밥은 집에서, 파나소닉 IT 핫플레이트

○ 외식의 반대말인 집에서 식사를 한다는 뜻의 일본식 조어 "내식(內食)"현상이 여전히 소비재에 지대한 영향을 미치고 있음.

○ 이러한 내식현상 흐름을 타고 올여름 히트한 주방상품은 파나소닉에서 6월에 발매한 대형 핫플레이트임. 제조사 예상보다 판매량이 4배에 이를 정도로 인기

○ 여름에 핫플레이트가 히트?

    - 더운 계절에 "핫플레이트로 식사"라는 의외의 기분이 들지만 원래 여름은 하계휴가 중 많은 사람이 탁에 모이는 수요가 있어 이 시기가 성수기라고 함.

○ 통상 핫플레이트의 가격이 1만 엔 정도인 것에 비해 이 상품은 실제 판매가격이 3만5000엔 정도로 3배 가까이 되는 비싼 가격임.


자료원 : 전자제품 양판점 빅카메라 홈페이지


○ 인기요인은 기존 제품에 비해 플레이트 사이즈를 1.2배로 크게 한 것과 가열방식을 열효율이 높은 IH(전자유도가열) 방식으로 한 것, 그리고 굽기뿐만 아니라 튀김과 냄비요리도 가능한 점 때문

  - 전열선으로 철판을 데우는 기존 타입의 경우 가열하는 데 10분 정도 걸렸지만 이 제품은 1~2분이면 충분
  - 부속냄비를 플레이트를 사용하면 튀김이나 냄비 요리도 가능해 소비자로부터 좋은 평가를 얻음.


□ 양복도 집에서 물세탁, 코나카 샤워클린수트

○ 불황이 되면 팔리지 않는 대표상품은 아버지의 양복. 그러나 신사복업계에서 물세탁 가능한 수트가 불황 속 인기상품으로 자리매김하고 있음.

○ 가정에서 간단히 세탁할 수 있는 간편함과 드라이크리닝 요금이 들지 않는 점이 주부들로부터 환영을 받고 있음.



자료원 : 제조사 홈페이지


○ 신사복 전문점 코나카는 중공구조 울소재를 사용해 온수 샤워를 뿌려주는 것으로 때가 빠지는 춘하용 샤워클린수트(2만9500엔~)를 2008년 2월에 발매한 이래 2008년에만 6만 벌을 팔아 히트상품 대열에 올렸음.

○ 빨아도 형태가 흐트러지지 않으며, 온수를 끼얹기만 하면 땀과 냄새를 제거할 수 있는 것이 최대 장점임.

○ 코나카의 성공에 관련 업계가 속속 유사제품을 출시함.

  - 아오키는 올해 4월부터 프리미엄워시수트(2만5725엔~) 판매를 시작했는데, 이 제품은 세탁기로 빨아도 줄거나 흐트러지지 않는다는 점을 판매포인트로 내세우고 있음.
  - 아오키가 올 시즌용으로 준비한 16만 벌은 당초 9월 말까지 팔 예정이었으나 7월 말에 거의 다 팔릴 정도로 인기를 모음.
  - 고급 백화점인 타카시마야는 올해 3월부터 오리지널브랜드 라피네르앗쇼의 라인업에 세탁가능한 수트를 추가
  - 가격은 7만1400엔으로 전문점보다 비싸지만 40대 비즈니스맨을 중심으로 인기


□ 샴푸를 냉장고에? 비코엔 냉감(冷感) 샴푸

○ 샴푸 제조사인 비코엔이 2월에 발매한 냉감 삼푸는 대형용기에 든 원액을 부속 소형용기에 나눠 담아 냉장고로 차게 해 사용하는 것이 특징

○ 얼음물과 토닉샴푸로 머리를 감아주는 이발소 서비스가 화제인 것에서 힌트를 얻어 집에서 사용할 수 있는 제품을 개발

○ 가격은 400ml 용기가 950엔으로 일반적인 샴푸보다 비싸지만 판매 수는 당초 예정에 비해 3배 이상을 기록함.

○ 비코엔뿐만 아니라 생활용품 대기업인 라이온도 젤 상태의 두발용과 보디용 샴푸를 3월에 발매, 7월에는 전
국적으로 날씨가 흐렸음에도 3~6월 평균에 비해 판매량이 1.5배 늘었다고 함.




자료원 : 인터넷 쇼핑몰 라쿠텐



□ 시사점

○ 외식에 쓰던 돈을 고급 조리기 구입에 쓰는 경향이 지속됨.

- 주방가전 관련 업계에 따르면 이번 불황은 메이커가 생각하는 것 이상으로 소비자의 사고방식을 바꿔버린 것으로 판단

○ 일본의 습한 여름에는 상쾌한 기분을 주는 제품이 인기
- 물세탁 수트나 비코엔의 샴푸는 전혀 다른 분야의 상품이지만 습하고 더운 여름을 쾌적하게 보낼 수 있도록 하는 상품이라는 공통점이 있음.

○ 비코엔 사장은 니즈를 정확히 취하면, 불황이고 싸지 않아도 충분히 인기를 얻을 수 있다고 강조


자료원 : 후지산케이 비즈니스아이, 제조사 홈페이지 등
http://www.globalwindow.org

Posted by jay9

댓글을 달아 주세요

study/branding2010.01.13 09:11
브랜드경영에 대한 관심이 고조된 요즘 이러한 시대적인 추세와 비례하여 국내외 많은 기업들의 브랜드 리스크 관리 사례 역시 자주 접하게 됩니다.

제작년에 전국을 발칵 뒤집히게 만들었던 농심 쥐두깡 사건이나 동원 칼날 참치 사례를 통해 알 수 있듯이, 언제나 일어날 수 있는 리스크의 관리는 인터넷을 통한 정보 전파의 무한함으로 인해 이젠 그 회사의 브랜드 이미지와 주가를 한순간에 바닥까지 끌어내릴 수 있을 정도로 중요한 요소가 되었습니다.

말로는 브랜드경영을 외치는 수많은 회사들도 막상 자신들의 브랜드 이미지에 치명상을 줄 수 있는 사건이 발생하게 된다면 큰 고민에 잠기고 말 것입니다.

하지만 큰 고민에도 불구하고 어떠한 결정을 내리던지 결론은 늘 크게 두가지 방향으로 갈리는 것 같네요..
그 두 갈래의 방향은 아래 기사글을 보면 확연히 느끼실 수 있을듯 합니다.



관련 기사글 1_ 안철수연구소의 쿨한 사과

관련 기사글 2_ 매일유업 "양심불량" (경향뉴스)


사건발생 직후 솔직하게 자신들의 실수를 인정하고 진심으로 고객들에게 사과하는 기업이 있는가 반면,
사건발생 후 한참이 지나도 모든 언론을 어떻게든 통제하여 자신들의 구린면을 감추기에만 급급한 기업도 있습니다.

어떠한 방법이 그들의 향후 매출과 브랜드 이미지에 더 큰 영향을 미치는지는 바보가 아닌 이상 짐작할 수 있을 것입니다.

하지만 매일유업이나 예전 농심의 경우처럼 왜 저렇게 큰 기업의 마케팅 혹은 홍보실의 담당자들이(어떻게 보면 이 사회에서 엘리트라고 하는 사람들이) 저렇게 결과가 뻔히 보이는 우매한 짓을 하는지 전 솔직히 이해가 안가네요...

제 개인적인 짐작으론...아마도 나이 지긋하시고 앞뒤가 꽉막힌 고지식한 경영자나 관리자들이 위에서 고압적으로 지시한 결과가 아닐까라는 짐작을 살짝 해봅니다만..
자신들이 몸담고 있는 회사의 미래가 뻔히 보이는 짓을 그냥 시키는대로 했을뿐...이라는 이유로 저상태까지 방치해둔 담당자라면 그 역시 반성해야 할 것 입니다.

여튼...최근 발생한 이 두건의 사례로 기업의 리스크관리의 극과극을 관찰할 수 있는 좋은 계기가 된것 같네요.^^


Posted by jay9

댓글을 달아 주세요

study/design2010.01.07 18:39


구글 넥서스폰(Google nexus one)이 드디어 출시가 되었네요.

이미 많은 뉴스사이트 및 블로그 등에서 관련글들이 쏟아져나오고 있기에 제품에 대한 상세한 설명은 자제하도록 하겠습니다.

저는 제가 관심있는 분야인 넥서스폰의 외관 및 UI 디자인에 대해서만 간단히 언급을 해보려합니다.


1. 외관디자인

일단 첫 인상은 마치 삼성의 스마트폰을 보는 듯 했습니다.
디자인이라는 부분이 워낙 개인 취향차가 큰 영역이기에 객관적으로 평가할 수 있는 성격의 것이 아니지만,
제 개인적인 생각으로는 아이폰보다는 떨어지는 외관디자인이라고 생각했습니다.
비록 아이폰보다 화면이 크고, 두께가 얇아지고, 무게가 가벼워졌지만 말이죠...
구글이 수년간 축적된 애플의 아이덴터티가 반영된 사용자 중심의 절제된 디자인을 따라가기는 아직 무리라고 갠적으로 생각합니다..^^a


Google nexus one 외관 디자인


Apple iPhone 외관 디자인



2. UI(User Interface) 디자인

넥서스 원의 UI디자인은 애플만큼이나 유저들의 편의성을 고려해서 만든것 같습니다.
어플들의 아이콘이나 UI화면 등 GUI(Graphic User Interface) 디자인은 아직 애플에 못미치지만,
사용자 편의성(UI)의 관점에서는 사용자를 위한 구글의 배려가 많이 느껴지네요.
물론 직접 써보진 못했지만 넥서스 원 사이트에서 플래시 애니메이션으로 잠깐이나마
간접 체험해본 결과를 말씀드리는 것입니다. 맹신이나 오해는 하지마시길. ^^

아래 그림은 각 메뉴에 대한 UI화면을 제가 캡쳐를 받아서 나열해본 것 입니다.
페이지별 디자인 일관성 부분에서는 좋은 점수를 주기 힘들지만,
각 메뉴에서 사용자들이 활용하기 원하고 필요한 메뉴가 무엇인지에 대해선 많은 고민을 한것이 느껴집니다.

※ 이미지 캡쳐: http://www.google.com/phone/

Google nexus one UI screenshot


위와 같이 디자인 관점에서 보면 넥서스원은 아이폰보다 한수 아래라는 결론을 제 개인적으로 내렸습니다.

하지만...모순이겠지만...
전 넥서스 원이 정말 가지고 싶네요.ㅋㅋ

이유는 넥서스원의 가장 큰 강점은 디자인이 아닌 구글의 최신 서비스들을 최적으로 구현하는 스마트폰이기 때문입니다.
구글의 최신 서비스를 사용해보신 분들은 아시겠지만 정말 획기적이고 유용한 기술들이 많거든요...
물론 아이폰의 다양한 어플들 역시 획기적이고 신기한것들이 많지만, 기본 어플리케이션의 디테일한 완성도나 유용성을 따지면 어플리케이션은 구글이 우위지 않을까 싶습니다. 물론 써봐야 정확히 판단할 수 있겠죠..ㅋ

어쨌던.. 현재 아이폰을 사용하고 있는 저이지만..
추후 구글의 넥서스원이 국내 출시된다면 그때는 기변을 할지도 모르겠습니다. ㅋ

일본은 이미 전파 테스트 들어갔다고 하던데..우리나라엔 언제쯤 들어올까요??
아이폰처럼 또 세월아~ 네월아~하고 기다려야 하는 것인지..ㅠㅠ


[구글 넥서스원 공식 동영상 - http://www.google.com/phone/]
 
Posted by jay9

댓글을 달아 주세요