디자인 검색 결과

해당 글 5건

인포그래픽 기본 - 빅데이터를 시각화시키는 정보디자인

규모를 가늠할 수 없는 엄청난 양의 빅 데이터 속에서 살고 있다. 많은 양의 정보가 기하급수적으로 증가함에 따라 우리가 소화해야 할 정보도 빠르게 늘어나고 있다.과거에는 사람들과 직접 만나 소통했지만 현재는 온라인 게시판이나 SNS를 통해 의견을 교환한다. 때문에 이러한 사람들 사이의 의사소통 과정이 모두 데이터로 저장되게 된다. 이는 정리가 되지 않은 데이터이고 기존의 정보디자인에 대한 방법들로는 필요한 메시지를 효과적으로 보여주지 못하고, 불필요한 정보들을 걸러내기 쉽지 않다. 따라서 빅데이터 시대에는 데이터를 정리, 분석하여 의미를 찾고 시각화 하는 일들이 주목받게 된다. 데이터 시각화의 정점이라고 할 수 있는 인포그래픽에 대한 기본적은 것들을 공부해 보자. 인포그래픽(InfoGraphic)의 정의..
프로그래밍 & IT/웹디자인 2017. 2. 19. 02:37

호감 가는 웹 사이트 디자인하기 - 웹디자인 원칙

사용성 컨설팅 전문가인 스티브 크룩은 "웹 사이트는 예의를 지켜야 한다" 고 이야기한다.예의 있는 웹 사이트라는 것이 무엇일까? 사이트의 사용자는 일종의 호감 저장고를 가지고 있다고 한다. 그 사람의 성격이나 현재 처한 상황 등에 따라 저장소의 크기와 처음에 비축된 호감의 양은 다를 수 있지만, 모든 사용자는 특정한 웹 사이트를 방문할 때 어느정도 양의 호감을 가지고 접속한다.사이트에서 문제를 마주할 저장고에 비축된 호감의 양은 줄어들 것이다. 저장고의 호감이 바닥나면 그 사이트를 떠나버리거나, 심하면 SNS등에 비방글을 올릴 수 도 있다. 예의 없는 것들로 가득찬 웹페이지는 사용자의 호감 창고를 순식간에 바닥낼 것이다. 웹 사이트에서의 예의란 명료성과 비슷하다고 볼 수 있다.사용자가 보고 있는 것이 무..
프로그래밍 & IT/웹디자인 2017. 2. 11. 19:55

[웹디자인 원칙-03] 웹 네비게이션의 중요성과 디자인 방법

웹 네이게이션의 중요성 "사람들은 사용법을 스스로 알아낼 수 없는 웹 사이트는 사용하지 않는다."위 문장은 부인할 수 없는 사실이다. 모니터를 인터넷으로 구매하려고 한다고 생각해보자. 구글이나 네이버 같은 검색 엔진에 검색을 하고 링크를 따라 쇼핑몰로 이동하게 될 것이다.쇼핑몰로 오긴 했는데 도무지 사용법을 모르겠다. 상품의 상세 정보는 어떻게 볼 수 있으며, 심지어는 뭘 눌러야 구매를 할 수 있는것인지도 모르겠다. 실제 현실에서 쇼핑몰에 들어갔는데 코너를 안내하는 표지도 없고, 직원도 없으며 계산대도 없고 제품이 어딨는지도 못찾는다면 어떨까? 만약 그곳이 인근에 있는 '유일한' 쇼핑몰이라면 어떻게 해서든 찾아 내서 구매를 할지도 모른다.하지만 지금 2017년의 웹 세계에서 가까운 쇼핑몰은 수천 수만개가..
프로그래밍 & IT/웹디자인 2017. 2. 3. 02:46

웹디자인 - 색상설계(먼셀의 색상환)

웹 디자인은 시각적 요소가 가장 중요하다 보니 당연히 색 의 선택은 큰 영향을 줄 수밖에 없다.웹 디자인의 색상설계에 대해 좋은 글을 발견해 공부해 보았다. 먼셀의 20색상환이다. 10색상환도 있지만 크게 개념은 비슷하다. 빨강, 노랑, 초록, 파랑. 보라를 기본으로 20색으로 표현하였으며 각각의 색상이 주는 이미지가 다르다.이 10~20색으로 이루어진 색상환을 이용해 다양한 색상 설계를 할 수 있다. 1. 단색설계 단색설계는 기본색상 하나를 선택한 뒤, 명도를 조절하여 만든 몇 가지 색상을 사용하는 방법이다.특정 색상 자체가 기업 이미지를 상징하거나, 통일성이 필요한 경우 사용하면 효과적이다. 2. 무채색 설계 단색설계에 포함되는 개념이다. 색상환 표에 있는 색상은 아니지만 검정색 / 흰색 / 회색만을..
프로그래밍 & IT/웹디자인 2017. 1. 29. 17:55

[웹디자인 원칙] 사용자를 고민에 빠뜨리지 마라!

웹 페이지를 "자명" 하게 만든다 ->내가 만든 사이트에 전혀 관심이 없고, 바로 어제 브라우저의 뒤로 가기 사용법을 알게된 웹 관련 지식이 전혀 없는 지인이 있을 때,그 사람이 내가 만든 홈페이지를 보고 "이게 OO이구나." 알고 할 수 있는 수준. - 내가 지금 어디에 와 있는거지?- 어디서부터 시작해야 하지?- 어디에 입력하는거지?- 이 페이지에서 무엇이 가장 중요하지?- 왜 여기에 이런 이름이 붙었지?- 이건 사이트에서 올린거야? 광고야?- 이건 클릭 가능한건가? -> 명백하게 만들기 어렵다면 최소한 설명을 추가할 필요가 없을 정도로 만들자. 사용자는 우리가 만든 페이지를 시속 95km로 달리는 차 안에서 보는 광고판에 가깝다고 인식한다. 1. 사용자는 웹 페이지를 읽지 않는다. 훑어본다. 사용자..
프로그래밍 & IT/웹디자인 2017. 1. 29. 17:52