본문 바로가기

Design

(83)
웹과 인쇄, 해상도 그리고 dpi,ppi 인쇄 해상도 설정하는 법 웹과 인쇄를 병행해서 작업을 하거나 , 또는 dpi,ppi설정에 대한 의미와 방법을 쉽게 기록하고 짚어보도록 하겠습니다. 0) 해상도라 불리는 DPI는 Dot per inch의 줄임말이고 PPI는 Pixel per inch의 줄임말입니다. ​ Dot = 인쇄시 점으로 찍는 / Pixel = 모니터에 픽셀로 출력하는 per = / inch = 1인치 ​ 즉 인쇄를 했을 시, 모니터에 표현되는 1인치에 표현되는 점의 갯수 또는 픽셀의 갯수를 이야기합니다. 인쇄,프린터의 현장의 오프라인에서는 dpi로 표현하고, 컴퓨터 모니터의 단위는 pixel이기 때문에 ppi로 사용합니다. 어도비 일러스트레이터나 포토샵등은 pixel과 inch를 동시에 작업가능한 pixel / inch 로 표현하고 있습니다. (최신 어도비..
일러스트 개체이동 오류 현상 해결방법 (어도비 일러스트 복사붙여넣기 에러) 어도비 일러스트를 사용중에 흔히 많이들 겪으시는 오류 중에 한가지, 새창 문서에서 작업하는게 아닌 소스를 다운받아서 아이콘이나 벡터이미지들을 복사해 붙여넣기 한 후에 이동하거나 크기를 늘릴 경우 많이 발생하는 오류창입니다. ​ 영문으로 "can't paste the objects. The requested transformation would make some objects fall completely off the drawing area"으로 나타나거나(....정말 기네요) 한국어로는 "요구한 변형은 일부 오브젝트를 너무 크게 만들 수 있습니다" 라는 경고창이 뜨는데요 많은 분들이 이에 대해 검색으로 찾아보지만 해결책으로 "컴퓨터를 껐다 키면됩니다" " 보기 > 안내선 > 안내선 지우기를 사용하면 됩니..
상업용 무료폰트 사용하기전 꼭 읽어주세요 안녕하세요 블루씰입니다. 거리를 돌아다니면 상업용 폰트로 한층 심미성이 향상된 간판들과 프로모션 디자인등 많은 곳에서 디자인을 한 단계 발전시켜준 모습을 볼 수 있었는데요 ​회사의 홍보는 물론 소비자들이 분야에 맞는 개성있는 폰트들을 사용할 수 있게 되면서 Win-Win 할 수 있는 마케팅 도구로 확실히 자리잡은 듯 합니다. ​ 아직까지 찾아주시는 많은 분들이 폰트검색으로 들어오셔서 좀 더 편리하게 이용하실 수 있도록 카테고리를 정리했는데요, 아울러 앞서 공지해 드린대로 상업용 폰트 검수에 대한 부분도 알려드립니다. 1. 상업용폰트들이 분야와 취지에 맞게 분류 되었습니다. ​ 타이틀계열 명조계열 고딕계열 팬시 계열 손글씨 계열 ​ 많은 상업용 폰트들을 한번에 원하는 타입만 골라 찾을 수 있도록 각 사용빈..
홈페이지에 사용하는 리스트 표현 방법 (ul,li,ol,dt,dd,dl) 홈페이지를 제작하면서 빠지지 않는 리스트의 표현 방법입니다. 흔히 리스트를 표현할 때, 자음+한자를 넣어 "■ 리스트1번" 등으로 표현하는 간단한 문구부터, 숫자를 넣어서 표현하는 방법등, 헤깔리는 순서를 한번 짚고 넘어가는 포스팅입니다. ul,li 순서가 없는 목록을 만드는 리스트 태그문으로 목록의 시작은 ul로 시작하고 안에 리스트들은 li로 시작합니다. 순서 없는 목록은 기본적으로 작은 ㆍ이와같은 점을 만들게 되는데, 아예 css reset문에서 목록에 대한 점 표시를 none;으로 만들거나 많은 리스트를 만드는게 아니라면 html상에서 제거해도 무방합니다. ​ ※ 기본 목록에서 ul에 style을 강제로 입력해 리스트에 대한 표시를 변경 할 수 있습니다. Coffee Tea Milk list-st..
반응형 홈페이지의 제작의 기초 4 (text) 홈페이지를 제작하는 것은 건축물을 생각하면 이해하기가 쉽습니다. 먼저 토지를 다듬어 건축물을 올릴 장소를 마련한 후, 건축물의 뼈대를 만들고, 전기의 배선 및 수도공사 등 과 인테리어를 끝낸 후 건축을 마무리하게 됩니다. ​ 그 중 뼈대를 만드는 부분이 홈페이지 제작에 있어서는 마크업이라고 부릅니다. ​ 마크업의 대표적 해당 요소는 홈페이지를 구성하는 레이아웃 마크업.(html+css) 영역을 구분 짓는 지정 마크업,(html+css) 표와 폼 양식을 만드는 테이블과 폼 마크업, (html) 글을 게시하는 텍스트 마크업, (html) ​ 크게 4종류를 들 수 있습니다. 그 중 마지막으로 글을 게시하고 꾸며주는 텍스트 마크업에 대해 알아보겠습니다. h1~h6 글에서의 중요도가 높은 부분에 해당 태그를 넣어..
반응형 홈페이지의 제작의 기초 3-2 (form & fieldset & input) 홈페이지를 제작하는 것은 건축물을 생각하면 이해하기가 쉽습니다. 먼저 토지를 다듬어 건축물을 올릴 장소를 마련한 후, 건축물의 뼈대를 만들고, 전기의 배선 및 수도공사 등 과 인테리어를 끝낸 후 건축을 마무리하게 됩니다. ​ 그 중 뼈대를 만드는 부분이 홈페이지 제작에 있어서는 마크업이라고 부릅니다 ​ 마크업의 대표적 해당 요소는 홈페이지를 구성하는 레이아웃 마크업.(html+css) 영역을 구분 짓는 블록,인라인 마크업,(html+css) 표와 폼 양식을 만드는 테이블, 폼 마크업, (html) 글을 게시하는 텍스트 마크업, (html) 세 번째 두번째 테마 이야기 폼 만들기입니다. 홈페이지에서 기존에 가지고 있는 정보들을 차례대로 보기 쉽게 나열하거나 정렬이 필요할 때, 또는 도표의 형태로 만들어 정..
반응형 홈페이지 제작의 기초 3-1 (html table) 홈페이지를 제작하는 것은 건축물을 생각하면 이해하기가 쉽습니다. ​ 먼저 토지를 다듬어 건축물을 올릴 장소를 마련한 후, 건축물의 뼈대를 만들고, 전기의 배선 및 수도공사 등 과 인테리어를 끝낸 후 건축을 마무리하게 됩니다. ​ 그 중 뼈대를 만드는 부분이 홈페이지 제작에 있어서는 마크업이라고 부릅니다. ​ 마크업의 대표적 해당 요소는 ​ 홈페이지를 구성하는 레이아웃 마크업.(html+css) 영역을 구분 짓는 블록,인라인 마크업,(html+css) 표와 폼 양식을 만드는 테이블, 폼 마크업, (html) 글을 게시하는 텍스트 마크업, (html) ​ 으로 크게 4종류를 들 수 있습니다. ​ 세 번째 첫번째 테마 테이블,표 만들기입니다. 홈페이지에서 기존에 가지고 있는 정보들을 차례대로 보기 쉽게 나열하..
반응형 홈페이지 제작의 기초2 (block, inline) 홈페이지를 제작하는 것은 건축물을 생각하면 이해하기가 쉽습니다. 먼저 토지를 다듬어 건축물을 올릴 장소를 마련한 후, 건축물의 뼈대를 만들고, 전기의 배선 및 수도공사 등 과 인테리어를 끝낸 후 건축을 마무리하게 됩니다. ​ 그 중 뼈대를 만드는 부분이 홈페이지 제작에 있어서는 마크업이라고 부릅니다. ​ 마크업의 대표적 해당 요소는 홈페이지를 구성하는 레이아웃 마크업.(html+css) 영역을 구분 짓는 블록,인라인 마크업,(html+css) 표와 폼 양식을 만드는 테이블 마크업, (html) 글을 게시하는 텍스트 마크업, (html) 으로 크게 4종류를 들 수 있습니다. 그중 두 번째로 영역을 구분해 섹션 설정을 하는 지정 마크업 대해 알아보겠습니다. 홈페이지는 각 섹션마다 들어가는 부분에 대한 별도의..