JI그래픽

반응형 디자인 의미와 중요성 웹사이트 성능향상에 대한 주제로 다양한 용어와 의미 개념들을 정리하였습니다. 반응형디자인 화면크기와 디바이스에 맞춰 자동으로 레이아웃 조정하는 디자인은 매우 중요합니다 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단등 다양한 방식으로 단을 나누어 그리드를 형성할 수 있는데요....

타이포그라피 의미와 기본요소 폰트와 크기 가독성에 내용들을 간략하게 정리하였습니다. 타이포래피는 텍스트에 대한 시각적 표현기술이며 예술이기도 하며 메시지를 효과적으로 전달할 수 있습니다 1. 타이포그라피 타이포그라피 (Typography) 는 활판술이라고도 하며 서체의 배열을 말하는 의미로 사용되는 디자인용어입니다. 과거에는 활판인쇄술과 관련된 활자 및 조판의 디자인 중심의 기술과 미학을 가리키는 단어였지만 오늘날에는 주로 글자와 관련된 디자인용어 로 넓은 의미에서 활판인쇄술, 글꼴 디자인, 레터링, 판짜기방법, 편집디자인, 가독성등을 모두 포괄하는 총체적인 조형적 활동을 말하기도 합니다.  이러한 부분에서 타이포그래피는 시각커뮤니케이션 디자인의 핵심적인 영역에서 텍스트를 시각적으로 표현하는 기술과 예술로 살펴볼 수 있는데요. 활자를 배치하고 특수한 목적에 조정하거나 활자를 디자인 하거나 또는 기존의 디자인된 활자를 어떤 목적에 맞게 변용하는 것등이 포함됩니다.  간략하게는 타이포그라피는 글자를 아름답게 디자인하고 배열하면서 독자의 눈길을 사로잡고 메시지를 효과적으로 전달하기 위한 목적으로 글꼴을 선택하고, 텍스트의 크기, 간격, 정렬방식등을 포함하는 디자인요소를 조합하는 것 으로 살펴볼 수 있습니다.  시각 커뮤케이션 디자인으로 타이포그래피는 포스터와 광고 그리고 편집디자인, 북디자인, 홈페이지 디자인등 커뮤니케이션을 담당하는 모든 시각 디자인 영역의 중심축으로 작용하며, 디지털미디어 환경에서도 글자(텍스트)로 보여지는 언어 및 정보를 지면이나 화면에 구성하여 읽는 사람에게 적절하게 전달하는 본질적인 기능으로 현재에도 매우 중요하게 작용하고 있습니다.  타이포그라피는 책, 웹사이트, 광고, 포스터등 다양한 매체를 통해 활용되고 있으며, 글자가 전달하는 메시지의 분위기와 느낌을 시각적으로 표현하는 매우 중요한 요소이며, 이를 통해서 독자들의 가독성을 높이고 정보를 더 쉽게 전달할 수 있으며, 디자인을 통한 더 높은 시각적 흥미...