웹 어플리케이션이나 사이트 등을 디자인(설계)를 하다보면 컨텐츠가 안전하게 들어갈 영역을 염두하고 디자인을 해야하는데요. 모니터 해상도별 안전한 웹사이트 디자인 영역입니다. 유용한 정보가 있어 정보를 나눕니다. http://www.designerstoolbox.com/designresources/safearea/ 웹 안전영역에 대한 정보를 한눈에 잘 알수있도록 되어있습니다. UI설계 및 GUI설계에 도움되는 자료이니 관련분야분들은 특히 꼭 보시는게 좋을듯 싶네요. [참고##웹디자인##]

저는 회사 근처 오시정'카페에 자주 들려 오렌지티와 스콘을 먹곤합니다. 갖구운 스콘이 너무 맛있었기도 하고 아기자기함과 크림같이 부드러운 느낌의 공기(mood라고 하죠.ㅎ)가 무척 맘에 들었거든요. 꼼꼼히 이곳저곳을 둘러보다 한켠에 조금은 바래듯한 편지지와 몇가지 소품들이 눈에 띄었습니다. 가까이 살펴보니 재생지로 제본이 된 노트와 메모지들이였습니다. 종이소재를 살펴보니 한국에서는 쉽게 볼 수 있는 것들은 아니였습니다. 곁에 계시던 그당시 선임님께 여쩌보니 일본의 활자디자인을 하는 그룹의 디자인 작품이라고 합니다. 강한끌림에 주인에게 구입을 할 수 있나 여쩌보니 소장품이라 판매는 하지 않는다 합니다. 이름을 혀끝에 세기고 사무실에 돌아와 검색을 해보았습니다. P A P I E R L A B O http:..

회사 인테리어에 참고할 책을 구입하기위해 대형서점에가 인테리어 부분을 모두 뒤져도 사실 맘에 드는 책을 찾지 못했다. 모두 내가 웹에서 리서치 한것에 못 미치거나, 부족하거나. 허접했다....; 한시간을 샅샅이 뒤지면서 "Left, Right, Up, Down: New Directions in Signage and Wayfinding " 란 책을 살펴봤다. sign과 관련된 내용의 책이였는데 스페인에 여행갔을 당시 MACBA의 sign 디자인에 감동했던 내용과 비슷한 사례가 실려있었다. 책은 sign에 사용한 font명과 제작업체 등 정보가 실려있다. 사실 디자인에서 가장 어려운 부분이 font부분이 아닌가 싶다. type? text? 많은 용어로 불리우는 글꼴이 디자인의 완서도를 좌우하기도 하고 디자이..

아래 두 사진처럼 흘림방지를 위해 감성적으로 설득하거나 놀잇감(파리 거미 떨어뜨리기)을 제공하는 방식은 많이 봐왔음. 출처 Designer Daily 말로 설명,설득,강요하는 것이 아닌 자연스런 행위유발로 좋은 결과를 끌어내는 것이 좋은 시스템이라면, 그리고 아주아주아주아주 조금의 불편이 있지만, 사용하는 모두가 상당히 행복해져서 용서된다면... 요즘 그런 놈 하나를 자주 만남. 외근 빌딩의 남자화장실 모습. 소변기의 높이는 그 아래의 검은 턱에 올라서지 않고는 '일보기가 약간 어려울 정도'로 높고 턱 아래에 서면 '일보기가 약간 어려울 정도'로 거리가 멈. 자연스럽게 검은 턱에 올라서게 되는데 'Woops!' 변기와 내가 상당히 친해짐. 너무 친해진 것 같아서 뒤로 물러서면 발 뒤꿈치가 공중에 뜬 상태..

디자인 얘긴 아니고.. 내가 하고 있는 일에 이렇게 즐기며 혼을 담아 본 적이 언제였나 싶어 잠시 멍해졌습니다.^^ 이 드러머...ㅎ 진정 드럼치는 것을 사랑하고 즐기고 그것에 영혼을 담아 연주한다는 느낌입니다. 나는 내가 디자인하는 UI에, GUI에 혼을 담아내고 있나?

1. 기호학에서의 도상(Icon, 아이콘) 2. 기호의 두 번째 유형 지표(Index,인덱스) 3. 기호의 세 번째 유형 상징(Symbol,심볼) 상징(Symbol) 1. 상징(Symbol)이란? 임의로 만들어진 기호 '상징'(Symbol) 상징은 기호와 대상체 사이에 어떤 연관이나 유사성 없이 약속에 의해서 만들어진다. (약속 또는 사회적 계약이 상징이 지니는 의미의 원천) 2. 상징(Symbol)의 종류 -세계 각국의 말(언어)이 상징이다. -우리 말로 이란 이름을 가진 꽃님을 직접 만나보면 꽃 같은 데라곤 없지만 약속으로 얻게 된 상징이다. -아라비아 숫자 은 이라는 개념과 비슷한 무엇도 찾을 수 없다. 단지 약속으로 8 모양은 을 의미한다. -라는 글자에는 어머니다움(모성)이 전혀 없지만 라는 말..

1. 기호학에서의 도상(Icon, 아이콘) 2. 기호의 두 번째 유형 지표(Index,인덱스) 3. 기호의 세 번째 유형 상징(Symbol,심볼) 지표(Index) 지표(Index)란? 대상체와 실존적 연결을 이루고 있는 기호 지표와 대상체 사이에 어떤 인과적인 관계가 존재하기도 한다. -연기는 불의 지표 -문고리에 남긴 지문은 도둑의 지표 -콧물, 재채기, 미열 등은 감기나 알레르기 같은 병의 지표 -IQ 수치는 지능의 지표 -GNP는 국가의 경제적 힘을 나타내는 지표(통계 수치들은 어떤 현상들의 지표) -대명사 일반과 지시대명사(여기, 저기, 이것, 저것 등)가 가리키는 것의 지표 -시제(어제, 내일 등)는 그것들의 지표 지표(Index)와 시각적 재현 지표(Index)는 사물을 간접적으로 참조하는 ..

아이콘이라는 용어는 일반적으로 GUI 디스플레이에 나타나는 작은 그림 이미지를 의미한다. 이러한 혼동은 GUI에 사용된 이미지가 대부분 기호학에서 정의하는 아이콘적(물론 아이콘만으로 이루어지지는 않았지만)으로 표현 되었기 때문이다.(비주얼인터페이스/안그라픽스) 아이폰에서의 런처아이콘은 기호학에서 정의하는 아이콘의 개념으로 봤을 때 우리가 아이콘이라고 부르지만 아이콘이 아닌 것들이 더 많을 수 있는거 같다.

조형의 요소와 원리 intro 조형의 요소와 원리 1 - 조형의 요소란? 조형의 원리란? 조형의 요소와 원리 2 - 조형의 원리와 분류 조형의 요소와 원리 3 - 통일성(Unity) : 게슈탈트 법칙 조형의 요소와 원리 4 - 통일성(Unity) : 근접의 원리 조형의 요소와 원리 5 - 반복 (Repetition) 조형의 요소와 원리 6 - 조화 (Harmony) 조형의 요소와 원리 7 - 리듬 (Rhythm) 조형의 요소와 원리 8 - 점이 (Gradiation) 조형의 요소와 원리 9 - 대칭 (Symmetry) 1 : 균형에 대하여 조형의 요소들을 서로 '같아' 보이게 하는 원리로 지난 시간까지 통일성(Unity)에 대해서 알아보았습니다. 이번에 이야기할 '반복(repetition)' 역시 서로 ..

1. 기호학에서의 도상(Icon, 아이콘) 2. 기호의 두 번째 유형 지표(Index,인덱스) 3. 기호의 세 번째 유형 상징(Symbol,심볼) 이미지 재현은 모든 커뮤니케이션의 기초가 된다. 우리는 현실에서 물질적으로 존재하지 않는 것들에 관한 생각도 적절한 재현을 통해 전달할 수 있다. 커뮤니케이션 시스템 안에서 의미를 전달하기 위한 재현 방법은 기호학의 맥락 안에서 완전하게 이해할 수 있다. 기호학은 사인(sign)에 대한 일반 이론과 실습이며, 사인의 해석은 물론 더 효과적인 사인의 사용과 이해를 위해 환경에 대한 연구까지 포함된다. GUI는 사용자와 프로그램 사이의 중개자 역할을 하는 일종의 사인 시스템이다.('비주얼 인터페이스' 기호론에서) 기호의 세 가지 유형 도상(icon), 지표(ind..

조형의 요소와 원리 intro 조형의 요소와 원리 1 - 조형의 요소란? 조형의 원리란? 조형의 요소와 원리 2 - 조형의 원리와 분류 조형의 요소와 원리 3 - 통일성(Unity) : 게슈탈트 법칙 조형의 요소와 원리 4 - 통일성(Unity) : 근접의 원리 조형의 요소와 원리 5 - 반복 (Repetition) 조형의 요소와 원리 6 - 조화 (Harmony) 조형의 요소와 원리 7 - 리듬 (Rhythm) 조형의 요소와 원리 8 - 점이 (Gradiation) 조형의 요소와 원리 9 - 대칭 (Symmetry) 1 : 균형에 대하여 지난 시간에는 조형의 원리 중 통일성을 주는 원리로써 게슈탈트 이론을 간략하게 살펴보았습니다. 이번부터는 통일성을 주기 위한 테크닉들을 좀 더 세분화하여 알아보겠습니다..

조형의 요소와 원리 intro 조형의 요소와 원리 1 - 조형의 요소란? 조형의 원리란? 조형의 요소와 원리 2 - 조형의 원리와 분류 조형의 요소와 원리 3 - 통일성(Unity) : 게슈탈트 법칙 조형의 요소와 원리 4 - 통일성(Unity) : 근접의 원리 조형의 요소와 원리 5 - 반복 (Repetition) 조형의 요소와 원리 6 - 조화 (Harmony) 조형의 요소와 원리 7 - 리듬 (Rhythm) 조형의 요소와 원리 8 - 점이 (Gradiation) 조형의 요소와 원리 9 - 대칭 (Symmetry) 1 : 균형에 대하여 이번 회부터는 조형의 원리 중 각각의 세부적인 항목에 대해서 알아보도록 하겠습니다. 우선 통일성에 대해서 알아봅시다. 디자인 요소들 사이에 '눈에 보이는 시각적인, 형..