티스토리 툴바

메타사이트를 상징하는 색상 아이덴터티(identity)

Posted on 2009/06/17 18:44 | under 블로그 | permalink :: http://krang.tistory.com/558

디자인이나 색상 전문가가 아니더라도 웹사이트의 전체적인 색감에서 느껴지는 분위기나 개성(identity)에 알게 모르게 인상을 받을 때가 있습니다. ‘네이버’하면 ‘녹색’이 가장 먼저 생각나듯이 고유의 색상이 떠오르는 웹사이트에는 어떤 것들이 있을까요? 색상 아이덴터티를 블로그에도 적용할 수 있을까요? 물론 로고나 캐릭터등으로 웹서비스의 개성을 표현하는 경우도 있겠지만 일반인들이 따라하기가 쉽지 않죠. 하지만 ‘색상’은 일반 블로그의 스킨제작이나 구성에도 쉽게 응용할 수 있을 것 같습니다. 재미삼아 참고해보세요. :)

* 주요 메타사이트들이 웹페이지에서 사용하는 색상들. (#숫자는 hex코드)

▶  올블로그 

 

  • #106BA8, #49ADC7, #E84F4F, #E91000, #323232
  • 올블로그 메인화면의 메뉴바는 깨끗한 청량감을 주는 청색계열을 사용합니다. 또한 개성있는 캐릭터인 ‘올블이’와 함께 다양한  종류의 배너를 제공하고 있는데요. 붉은 색의 올블이와 옅은 청색, 검정색을 조합해서 이용자들이 자신의 블로그 스킨에 맞게 선택할 수 있도록 하고 있죠.
     

▶  블로그코리아 

  • #670100, #A40001, #CD4C4C, #F2F2F2, #58585A
  • 블로그코리아 메인에서는 짙은 붉은 색상 그라데이션(gradation) 효과의 배경이 눈에 띄죠. 강렬하고 시선을 집중시키는 붉은 색이 대표색상이고 로고에는 살짝 회색을 함께 사용합니다. 

 

믹시 

 

  • #235181, #1F62C2, #3C70B8, #6AAE3F, #F0FFAF
  • 파란색은 믹시의 상징이죠. 위 3가지의 파란색은 각각 좌측부터 인기글 추적버튼, 믹시로고, 공식블로그의 버튼에서 추출했습니다. 진녹색은 믹스업위젯의 숫자와 비슷한 색상, 옅은 녹색은 믹스업위젯배경에서 따왔구요.

 

다음뷰

  • #6262E8, #7978E5, #F7F6F6, #505050, #414142
  • 다음 특유의 파란색계열은 다음뷰도 마찬가지죠. 살짝 보라색의 느낌이 나기도 하는 파란색과 다음뷰 로고의 짙은 회색이 대표색상입니다. 

같은 파란색계열이라도 각 메타사이트들의 미묘한 차이가 느껴지시나요? 어떤 색구성이 가장 편안하고 자연스럽게 느껴지시나요? 위 색상파레트만 보고 어떤 메타사이트인지 예상을 하셨다면 평소 메타블로그와 웹페이지 색상에 관심을 많이 갖고 계신 분일 것입니다. ^^ 


Trackback Address :: http://krang.tistory.com/trackback/558 관련글 쓰기

BlogIcon 2Proo
2009/06/17 19:18
이렇게 놓고 보니 또 색다릅니다~
제목만 보고 들어올때 문득 생각한게 올블 파랑, 블코 빨강, 믹시 연녹색, 뷰 손가락(??) 이
문득 떠오르더라구요 ^^;

대략 맞긴 했는데 여러색이 들어가있네요 ㅎㅎ

BlogIcon Krang
2009/06/18 22:42
저도 뷰하면 색상보다는 점과 손가락이 기억에 남네요. ㅎ
BlogIcon 상오기™
2009/06/17 20:02
전 역시 봐도 잘 모르겠네요~ㅎㅎ
그냥 블코는 붉은색, 믹시는 녹색계열 정도?
색맹은 아닌데 색에 대한 감각이 없습니다 ㅠ.ㅠ

BlogIcon Krang
2009/06/18 22:44
웹서비스만의 고유의 색이 있다면 오래 기억에 남는 것 같습니다.
저도 확연히 떠오르는 것은 네이버의 초록색밖에 없네요.
BlogIcon iPod Art
2009/06/17 22:45
이제 추천 버튼은 안만드시나요? 혹시 작은걸로 배포될 날을 기대해 보겠습니다~!
만드신 제작자는 안쓰시고, 다른 사람들은 많이 쓰고 있어요. :)

BlogIcon Krang
2009/06/18 22:46
바쁘기도 하고 게으르기도 해서 그렇네요. -ㅅ-;;
많이 쓰고 계시는지는 모르겠지만..
추천버튼의 활용도가 좀 떨어진다는 판단이 들어서.. ^^;;;
BlogIcon 아이미슈
2009/06/18 00:15
이렇게 크게 보니 색깔이 잘보이네요..사실 색상표로 보면 이색이 이색같고 헷갈린다는..
가끔 들려 참고해야겠어요...ㅎㅎ

BlogIcon Krang
2009/06/18 22:47
저 같은 경우에는 배너나 추천버튼 만들때 색을 참고하게 되더라구요. 그런 의미에서 고유의 색이 있으면 좋은 것 같습니다. 블로그도요.
BlogIcon 제이유
2009/06/18 00:58
다음뷰 컬러가 참 마음에 들더라구요. 침착해 보이는 것이. ㅋ

BlogIcon Krang
2009/06/18 22:49
다음도 네이버처럼 한가지 색상을 밀고 나가면 좋을 것 같은데 말이죠.
많이 바뀌어 온 것 같아요~

2009/06/18 02:05
비밀댓글입니다

BlogIcon Krang
2009/06/18 23:57
div. GAD 에서
float:left
값을 삭제해보세요~
BlogIcon 옹리혜계
2009/06/19 08:03
Krang님,
구글크롬에서는 보기 좋게 정렬되는데,
IE로 보니까 광고창이 여전히 내려가 보이네요 ㅜ.ㅜ

아무튼 감사드립니다.
BlogIcon Krang
2009/06/19 22:00
흠,,
파이어폭스에서는 제가 옹리혜계님 스킨소스를 수정해서 볼 수 있는 기능이 있어서 점검해 보는 것이 가능한데 익스플로러에서 보여지는 화면은 제가 알 방법이 없네요. -ㅅ-;;

제가 스킨을 만질 수 있다면 이곳저곳 테스트해 볼 수 있을텐데..
지금으로서는 쉽지 않을 것 같습니다. ㅠ
BlogIcon 옹리혜계
2009/06/20 00:38
1시간 여를 이리저리 만져봤는데도 안되네요 ㅜ,.ㅜ
그래서 걍 원상복구했습니다..

크랑님, 신경써 주셔서 감사드립니다. ^^
BlogIcon linalukas
2009/06/18 05:22
개인적으로 청색과 보라색을 선호하는데, 그래서인지 다음뷰 컬러가 맘에 드네요.
디자인 감각이 뛰어나다면 제 블로그에도 아이덴터티를 불어 넣고 싶지만, 워낙 젬병이라서..ㅎㅎㅎ
잘 보고 갑니다~ 행복한 하루되세요^^*

BlogIcon Krang
2009/06/18 22:50
그럼 다음뷰 색상을 벤치마킹해보세요~
모방은 창조의 어무이 아니겠습니까~ㅎ
BlogIcon 뻔뻔한유네씨
2009/06/18 05:31
흐흐 저는 다음 뷰 색깔이 맘에 드네요. 특히 저 보라색 뭔가 오묘한 듯이 예뻐요ㅋ
저도 완젼 색감 제로라서 색 구성 할때는 은근 괜찮은 사이트 색상 쓴거 보고 참고하는 편이에요 (지금은 막 만들어지만-_ㅋㅋㅋ)
http://www.colourlovers.com 이런곳이 가장 감사하지요+_+

BlogIcon Krang
2009/06/18 22:54
저 색상 파레트 그곳에서 만든거라는..+_+ ㅎㅎ
눈에 띄는 색상들 저장해두기에 딱 좋은 것 같습니다. :)
BlogIcon Joa
2009/06/18 09:10
올블은 너무 색이 많이 섞여 복잡하다는 느김이고
확실히 색상은 믹시가 가장 좋은 거 같습니다.
블루랑 그린을 섞어 심심하지 않은 느낌을 주었지만 적당히 통일감은 가지고 있고..
다음뷰는 결정적으로 약간 보라빛 도는 파란색이 조금 붕뜬 느낌 같아서 ㅎㅎ
블코도 레드로 통일해서 깔끔하긴 하지만,
아무래도 사람들이 편하게 생각하는 색은 아닌거 같아요 ^^;

BlogIcon Krang
2009/06/18 22:57
믹시의 파란색과 녹색은 잘 어울리더라구요. ^^b
그래서 저도 블로그 스킨에 그 조합으로 약간 섞어 적용해봤습니다.
저도 믹시가 오래 보더라도 심리적으로(?) 안정적인 느낌을 주는 것 같아 가장 마음에 듭니다.
BlogIcon MindEater™
2009/06/18 11:11
쌩뚱맞지만 경험이 쌓인 데이타의 힘을 간접적으로 느껴봅니다. ^^
전 요즘 색 도통 감을 못잡겠네요~~ ㅠㅠ

BlogIcon Krang
2009/06/18 23:03
웹페이지의 색상과 카메라의 색감은 전혀 다르겠죠.?ㅠㅠ
아마 공부해도 끝이 없을 것 같습니다.
BlogIcon Sakai
2009/06/18 11:13
와~대단합니다.이렇게 보니까 조금은 색다르게 느껴집니다.저는 믹시가 마음에 쏙드네요.^^

BlogIcon Krang
2009/06/18 23:05
색상만 뽑아놓으니까 뭔가 달라보이는군요. ㅎ
BlogIcon Culero
2009/06/18 11:22
이렇게 색깔로 표현하니
심히 이쁘네요
이 댓글 배경화면도 맘에 드는데요?

BlogIcon Krang
2009/06/18 23:05
댓글창에 줄만 그었을 뿐인데.... ^^;;;
BlogIcon 환유
2009/06/21 01:45
전 믹시의 시원한 느낌이 좋아요.. 그나저나 믹시 오늘 계속 먹통입니다

BlogIcon Krang
2009/06/24 20:35
뭔가 문제가 있었나봐요.
믹시가 인기폭발하나 봅니다.
BlogIcon 진사야
2009/06/21 17:57
저도 믹시에 한표. 가장 보기 깔끔해 보입니다 :)

BlogIcon Krang
2009/06/24 20:35
한깔끔한다에 저도 한표요!~ ㅎ
BlogIcon ginu
2009/06/22 05:37
제 색깔은 #202c3c랍니다. ㅎㅎㅎ

BlogIcon Krang
2009/06/24 20:37
저도 슬쩍 가서 찍어봤네요.ㅎㅎ
BlogIcon keylogger
2011/10/12 16:12
Thanks for the great blog post!

BlogIcon sim card recovery
2011/10/12 16:13
I always follow your blog site

BlogIcon keyboard tracking software
2011/10/12 16:13
its really helpful tips

BlogIcon buy series 3 land rover
2011/12/29 18:55
그 너머를 더 보셔서 더 설득력 있는 글이었으면 했습니다. 글 잘 읽었습니다. 감사합니다.

BlogIcon metal business cards
2012/01/13 18:40
I am glad to see that the blog to share valued information that may help many readers. Thank you and keep writing...

BlogIcon business card size
2012/01/13 18:50
Happy to see your blog as it is just what Ive looking for and excited to read all the posts. I am looking forward to another great article from you.

BlogIcon cheap group business cards
2012/01/14 12:35
After reading your post, I am feeling my time was going waste. Your topic is very good and full of information. I will bookmark your site. I want more post like this.



BlogIcon Search Engine Optimisation
2012/01/24 15:22
간단하게 문서로 놀라운라고하는 욕망. 게시물에 선명도는 단순히 멋진 그리고 난 당신이 주제의 전문가 겠지 수있다는 것입니다. 그럼 귀하의 허가와 함께 나를 게시 근처에 가까이 올로 업데이 트 유지하여 RSS 피드를 점유하자. 만주세요 기쁜 일을 계속 감사합니다.

BlogIcon SEO Gold Coast
2012/01/24 15:22
안녕, 난 내가 여기있어 그래서 내 웹로그를 방문보고 있다고 생각 ¡ § 돌아가서 선택 ¡ ¨. 내 웹사이트를 강화하는 문제를 찾기 위해 시도이다! 당신의 개념 몇 가지를 사용할 수 있도록하기 위해 충분한를 추측 !

BlogIcon SEO Sydney
2012/01/24 15:24
난 여기 수행 얻을 꺼까지 소중히. 만화 스트립이 작성한 자료 세련된, 우아한 있습니다. 그럼에도 불구하고, 당신이 명령은 다음을 제공해야하고자하는 이상 shakiness도 얻을. 월경 확실히 케이스 내부는 당신이 하이킹을 방패 매우 끊임없이 단지에 대한 정확 유사한 이후 이전에 다시 한번 더 와서.

BlogIcon SEO Wellington
2012/01/24 15:24
안녕. 난 당신의 블로그를 MSN의 사용을 발견했습니다. 이것은 정말 깔끔하게 작성된 기사입니다. 나는 그것을 북마크하고 유용한 정보의 자세한 내용을 보려면 돌아와서 확인합니다. 게시물을 가져 주셔서 감사합니다. 난 절대로 반환합니다.

BlogIcon SEO Company
2012/01/24 15:26
이것은 매우 흥미로운 것입니다, 당신은 아주 전문 블로거입니다. 당신의 피드에 가입하여 훌륭한 게시물 여분의 탐구에 대한 깨어있다. 또한, 내 소셜 네트워크에서 귀하의 웹사이트를 공유!

BlogIcon SEO Melbourne
2012/01/24 15:27
추가 환상적인 블로그를위한 감사합니다. 어디 다른 하나는 그러한 완벽한 방법으로 작성된 지식의 종류를 얻을 수 있습니까? 난 내가 현재에 종사하는, 내가 대신 이러한 정보를 열망하는임을 프레 젠 테이션을했습니다.

BlogIcon SEO Sydney
2012/01/24 15:28
나는 이것을 읽고 매우 기쁘게 생각합니다. 이것은 다른 블로그에있는 임의의 잘못된 정보를 제공하고 안해야 매뉴얼의 종류입니다. 당신이 최고의 의사를 공유 주셔서 감사합니다.

BlogIcon Website Design
2012/01/24 15:29

항상 가장 놀라운 인디언들이 제공하는 어떠한 효과에 의해 만나는 광기의 작은 소형 소스를 가질 필요 달라.

BlogIcon Online Marketing
2012/01/24 15:30
친구가 내 안녕하세요! 이 게시물 작성 놀라운, 좋은 것을 말하고 싶은 거의 모든 중요한 infos를 포함합니다. 이런 많은 게시물을보고 싶어요.

BlogIcon SEO Company
2012/01/24 15:31
감사합니다 제가 모든 MSN을 탐험했다이 특정 정보에 대한 많은 그것을 발견할 수 있도록!

BlogIcon apartment wellington
2012/01/24 15:32
난 아직 내 자신을 향상시키는 것처럼, 당신에게서 배우는 중이에요. 확실히 당신의 site.Keep 게시물이 나올 작성 읽기 모두 즐길 수 있습니다. 나는 그것을 즐겼다!

BlogIcon hotel in wellington
2012/01/24 15:32
얼굴이 빨개진 얼굴을위한 단단한 이유가 있습니다. 얼굴이 빨개진 과도한 얼굴에서 고통 사람들은 완전히 장애에 대한 치료제를 찾기 위해 노력들을 모두 파악하는 것이 좋습니다.

BlogIcon lanyards
2012/01/24 15:32
난 정말이 문서에 들어갔어요. 나는 흥미와 관심 독특한 포인트로드 수 발견했습니다. 내가 생각하게 자료를 읽을 것을 좋아합니다. 이 훌륭한 콘텐츠를 작성 주셔서 감사합니다.

BlogIcon food storage supplies mormon
2012/02/06 21:23
사이트에서 현재 제대로 진정한 학문의 인터넷 site.We했습니다 많은 userful 물건의 노력을 이용해 주셔서 감사합니다.

BlogIcon food storage set
2012/02/06 21:29
난 그냥 당신이 내가 단지 귀하의 웹사이트를 체크 아웃하고 유익한뿐만 아니라 읽을 가치가 나 또한 아직 그것을 발견하는 알려주 싶습니다.

BlogIcon survival foods freeze dried
2012/02/06 21:38
난 그저 당신의 자동차 항목을 읽고, 그것은 정말 아주 좋은 었죠. 그것은 이러한 기록을 공개를위한 환상적인 리포트 덕분이다. 나는 최근의 기사는 많았 자주 웹로그를 볼 수 있습니다.

BlogIcon appliance repair services
2012/02/10 14:39
그것은 내 마음을 배우고 마음에! 당신이 그것 또는 무언가에 책을 썼다처럼 당신은이 사실을 너무나 잘 아는 것 같군요. 나는 당신이 메시지 하우스에게 장엄한 블로그보다 그러나 다른 약간, 강제로 몇 퍼센트로 할 수 있다고 느낍니다.우수 읽어보십시오. 확실히 돌아 올께.

BlogIcon Best Laptops 2012
2012/02/12 16:54
가장 놀라운 인디언들이 제공하는 어떠한 효과에 의해 만나는 광기의 작은 소형 소스를 가질 필요 달라.

BlogIcon compensation lawyer
2012/02/13 18:58
나는 귀하의 게시물에 대해 할 말이 잘못도 생각할 수 없습니다. 직업 좋아요!

BlogIcon Web Accessibility
2012/02/14 19:47
여보세요, 좋은 웹사이트입니다. 난 영원히이와 비슷한 블로그를 찾고 있어요. 좋은 노력을 계속해!

BlogIcon Accessible Website
2012/02/14 19:48
매우 유용한 기사 - 큰 내가 한번도 감사합니다 다시 링크를 떠날거야 나의 웹사이트에서이 게시물에 대해 쓰고 괜찮았 으면 좋겠 감사합니다

BlogIcon Web AccessibilityWeb Accessibility Guidelines
2012/02/14 19:50
이 웹 사이트는 정말 연습을 할 만약 당신이 원하는 사람과 질문을 몰랐 정보 모두를 위하여. 여기에 살짝, 당신은 확실히 그것을 발견할 수 있습니다.

체크시 주인만 볼 수 있습니다.

* 티스토리 단축키를 활용하세요. [A:다음글 S:이전글 Q:로그인]
« previous : [1] : ... [32] : [33] : [34] : [35] : [36] : [37] : [38] : [39] : [40] : ... [483] : next »