JI그래픽

색상 기본원리 및 속성 색상이론 감정과 인식에 미치는 영향에 대한 내용들을 간략하게 정리하였습니다. 우리에게 색은 매우 중요하고 색을 통해서 정말 다양한 요소들을 만들어내고 디자인에서 중요하게 활용하고 있습니다 1. 색상 기본원리 색상이란 빛이 물체에 반사되거나 흡수되면서 우리의 눈에 인식되는 시각적 속성이라고 하는데요. 국어 사전적인 의미로 색상을 살펴보면 '색을 빨강-노랑-파알 따위로 구분하게 하는, 색 자체가 갖는 고유의 특성으로 색의 3요소의 하나로 물체가 반사하는 빛의 파장의 차이에 의하여 달라지는데, 유채색에만 있으며 무채색과의 배합에 의해서는 달라지지 아니한다' 라고 하고 있습니다.  정리하면 빛의 파장에 따라서 색상을 우리는 볼 수 있는데 여기에서는 사람마다 색상을 인지하는 방식의 차이는 있을 수 있다고 하기도 합니다. 이러한 색상은 우리의 주변에서 다양하게 볼 수 있기도 하며, 색채로 화가나 디자이너등이 다양하게 활용하고 있으며 물리적 - 심리적 특성과 함께 조형적으로 활용되며 매순간 색채와 더불어살고 있다고 표현을 할 정도로 색상을 이해해볼 수 있습니다.  이런 부분에서 색상의 기본원리는 색이 어떻게 조화되고 상호작용하는지를 보여주는 것으로, 색상은 빛이 보여주는 빨강 - 파랑 - 초록의 세가지 기본색 파장으로 구성되고 이들이 혼합되어 다양한 색을 만들나가는 것을 보여주는 것이라고 할 수 있는데요.  색은 기본적으로 삼원색 (빨강 - 파랑 - 노랑) 그리고 보조색 (초록 - 보라 - 주황) 과 삼차색으로 나뉘며 이들 색상을 색환으로 나타낼 수 있고 색상의 배합을 통해 다양한 효과를 창출할 수 있다는 것이 바로 색상 기본원리라고 할 수 있습니다.  * 색상을 표현하는 RGB CMYK HSB 용어 및 이해하기 2. 색상의 속성 색상의 3가지 주요 속성은 색조 - 채도 - 명도로 나눠볼 수 있는데요. 다음과 같이 색상의 속성을 이해하면 색상을 구분하고 특성을 이해해볼 수 있을 것입니다.  색조 (Hue) ...

반응형 디자인 의미와 중요성 웹사이트 성능향상에 대한 주제로 다양한 용어와 의미 개념들을 정리하였습니다. 반응형디자인 화면크기와 디바이스에 맞춰 자동으로 레이아웃 조정하는 디자인은 매우 중요합니다 1. 반응형디자인 반응형 디자인 (Responsive Design) 이란 데스크탑부터 스마트폰까지 다양한 화면 크기와 디바이스에 맞춰 자동으로 레이아웃을 조정하는 디자인 방식을 말합니다.  반응형디자인을 통해서 모바일기기 및 태블릿과 같은 다양한 디바이스에서 웹사이트가 적절하게 보여지도록 하며, 이를 통해 사용자는 자신이 사용하는 다양한 디바이스에 맞게 웹사이트를 이용할 수 있도록 하는것으로 살펴볼 수 있습니다.  예를 들면 PC 데스크탑 화면에서는 화면에 따라서 넓은 화면을 제공하고 아래와 같이 예시 사진에서 보시듯이 모바일 스마트폰등에서는 작은 화면에 맞춰 최적화된 레이아웃이 적용되기도 하는데요.  위와 아래와 같이 이미지처럼 화면마다 보여지는 화면이 적절하게 크기에 따라서 조절되며 화면이 깨지지 않고 적절하게 디바이스 화면에 반응하여 그에 맞도록 적절하게 UI요소를 유기적으로 배치하도록 설계된 모습을 볼 수 있습니다.  이러한 반응형디자인은 디바이스별로 사용자의 경험을 최적화 하며, 하나의 코드베이스를 바탕으로 하여 디바이스에서 일관된 경험을 제공할 수 있는 웹사이트를 만들 수 있다는 의의를 가지고 있습니다.  이러한 반응형디자인을 구현하는 것은 미디어쿼리와 같은 기술을 활용하여 웹사이트의 크기와 해상도에 따라 자동으로 레이아웃을 변경되도록 해야하는데요. 다양한 스크린 사이즈지닌 디바이스에 적용될 수 있도록 웹 디자인 영역에서 반응형 디자인은 필수로 활용되는 개념으로 살펴볼 수 있을 것입니다.  * 온라인사업 비즈니스모델 창업 방법론 2. 반응형 디자인의 중요성 반응형 디자인이 중요한 이유는 기본적으로 모바일 최적화에 대한 부분이 가장 큰 이유가 되기도 하였는데요.  과거 PC와 노트북등으로 화면을 보...

스케치 아이패드세트 iPad Pro 애플펜슬 가격 및 내돈내산 후기로 담았습니다. 생각보다 가격이 꽤 비싸긴 하네요. 확실히 11형 아이패드 그리고 스케치를 위한 애플펜슬까지 좋기는 좋지만 가격이 쎄긴하네요 1. 스케치용 아이패드세트 그림을 그리거나 디자인연습을 위해서는 스케치용 아이패드 세트로 해서 구비를 하면 나름 꽤 쓸만합니다. 아이패드가 여러가지로 활용하기도 좋고 애플펜슬의 기능들도 상당히 좋구요 그리고 프로크리에이터 그외에도 다양한 앱들을 활용해볼 수 있기 때문인데요 이제는 대부분 모든것들이 오프라인이 아닌 온라인에서 진행되고 스케이나 디자인 그리고 뭔가 새로운 작업물을 만드는데 있어서도 모두 온라인에서 진행되는 만큼 이런 부분에서 이번에 아이패드 내돈내산 후기 및 애플펜슬 내돈내산 후기로 함께 남겨보려고 합니다.  제가 구매한 조합은 아이패드 프로 11형 4세대 이고 애플펜슬 2세대 였는데요. 모두 쿠팡에서 내돈내산을 했습니다. 두가지 가격은 아이패드 프로 117만원 아이패드 였고, 애플펜슬은 할인적용 해서 18만원 5천원정도였습니다.  아이패드프로 11형 4세대 : 117만원  애플펜슬 2세대 (정가 19만5천원) : 18만 5천원 결론적으로 이렇게 조합하면 대략 135만5천원이라는 거금이 들어가게 됩니다. 확실히 애플의 위엄은 가격에서 온는것 같은데요. 여기에 앱들을 몇가지 더 구매하고 하면 대략 140만원 ~ 150만원까지도 여러가지 케이스와 필름까지 구비하면 들어가게 될정도로 가격대가 확실히 좀 들어가는 편이기도 했습니다.  그렇다고 하지만 다른 것을 쓰기에는 성능적인 부분의 차이 그리고 애플펜슬이라는 부분의 차이부터 여러 iOS에서 구동되는 앱들이 있고 그런 부분에서 확실히 아이패드를 강제할 수 밖에 없는 이유도 있는것 같기도 합니다.  가격적으로 부담이 있으므로 열심히해서 그만한 가치를 만들어야할텐데 사실 그정도는 아니고 ㅎㅎ 뭔가 열심히 해보고 있구나 돈 열심히 벌어야겠구나 이런 느낌들을 받았습...

그리드시스템 의미와 디자인 레이아웃에서의 활용에 대한 내용들을 간략하게 정리하였습니다. 디자인요소드를 정렬하고 배치하는데 사용되는 가이드라인으로 그리드시스템에 대해서 이해하고 적용을 살펴볼 수 있습니다 1. 그리드시스템 그리드시스템 (Grid System) 이라는 것은 시각적인 정렬을 유지하고 콘텐츠를 구조화하는데 사용되는 레이아웃 방식을 말합니다. Grid 라는 단어는 격자무늬, 격자판등으로 번역되는 단어이며 이러한 패턴은 건축부터 디자인까지 다양한곳에서 활용며 이러한 시스템을 바탕으로 구조화하는 레이아웃을 우리는 다양하게 살펴볼 수 있는데요.  디자인적인 부분에서 디자인 레이아웃을 체계적으로 정렬하기 위한 가이드라인으로 그리드시스템은 웹디자인 및 그래픽디자인에서 수직 및 수평선을 활용하여 콘텐츠배치의 일관성과 가독성을 높이는 방식으로 많이 활용되고 있는것을 살펴볼 수 있습니다.  그리드시스템 예시 (티스토리 플러그인 페이지) 그리드시스템을 활용하면 시각적인 요소들이 정렬되고 디자인이 더 깔끔하고 체계적으로 보일 수 있는데요. 텍스트와 이미지가 명확하게 구분되고 사용자 경험이 좋아지며 가독성을 높이는 효과를 낼 수 있습니다.  또한 그리드시스템을 바탕으로 디자이너는 그리드를 통해 빠르게 레이아웃을 수정하고 설계할 수 있으며 여러 요소들에 따라서 명확한 구분이 가능한 디자인을 만들어낼 수 있습니다.  2. 그리드시스템 종류 그리드시스템은 다음과 같은 종류들이 있으며 다음과 같이 살펴볼 수 있습니다. 1) 다단 그리드 다단그리드는 1단 2단 3단으로 나누어서 나누는 그리드를 말합니다. 기본적으로 모든 화면은 단일컬럼그리드 라고 하여 1단의 단순한 레이아웃으로 되어 있지만 이것에 단을 추가하여 다중컬럼그리드로 만들면 여러 단에 레이아웃을 나누어 표현할 수 있는것입니다.  예를들어 한글이나 워드등 다양한 프로그램에서 단이 나누어져 있지 않은 1단부터 2단 3단등 다양한 방식으로 단을 나누어 그리드를 형성할 수 있는데요....