본문 바로가기

반응형

Design

(98)
다양한 홈페이지의 제작 유형을 크게 3종류로 분류한다면? 다양하게 제작된 홈페이지들의 유형을 대분류로 나누어 쉽게 기록하고 짚어가도록 하겠습니다. 홈페이지는 인터넷을 토대로 온라인상에서 다양한 소비자 및 고객과 소통하는 창구로서, 정말 많은 종류의 홈페이지가 있지만, 아래와 같이 크게 세 유형의 대 분류로 구별 할 수 있습니다. 새로 시작하는 아이템과 브랜드등 제품과 회사를 알리기 위한 홍보형, 커뮤니티방식으로 다양한 의견을 주고 받는 소통형, 제품을 사고 파는 수익을 올리기 위한 판매형 때에 따라서는 아래와 같이 분야별로 상호보완을 하면서 홈페이지를 제작하기도 합니다. 홍보형 홍보형 + 소통형 홍보형 + 소통형 + 판매형 1) 홍보형 홈페이지 성격 말 그대로 사업이나 아이템, 신규제품등을 온라인에서 정확한 정보와 함께 방향성을 제시하는것은 물론, 소비자에게 ..
어도비 xd cpu 및 메모리 과부하 증상 대처법 ❗ 원인 어도비 xd의 버전이 계속해 업데이트되면서 급격한 메모리와 과부화를 잡아먹는 증상이 일부 컴퓨터 및 노트북에서도 계속되면서 불편함이 지속되고있습니다. 현 블로그 포스팅을 쓰고있는 최종 버전 이상의 버전에서도에서 동일한 증상을 보이고있는데요. 디자인 작업을 하면서 과부화를 줄일 수 있는 방법과 서포트 지원팀에 문의를 할 수 있는 방법도 공유 드립니다. 🤨 문제가 발생하는 이유는? v33이하 버전과 이상되는 현재 버전의 가장 큰 차이점은 어도비 클라우드가 강제 활성화되는점의 차이입니다. 어도비에서 제공하는 클라우드를 활성화 하기 위한 목적으로 v34버전부터 라이브러리내에 클라우드 기능을 삽입하면서 벌어지는 문제 같습니다. 특히나 심볼로 작업하게되는 UI 디자인의 특성상 라이브러리를 자주 사용 안하게..
포토샵,일러스트 컬러 알맞게 세팅하기 📌 시작글포토샵,일러스트,인디자인등 주로 사용되는 그래픽툴에서원하는 컬러를 사용하기 위한 필수적인 컬러세팅법에 관련한 포스팅입니다. 파일을 생성하는 시점에서 수정하는 중간단계를 거쳐, 최종적으로 저장되는 순간을 비롯해 다운받은 파일을 그래픽툴로 열때 생기는 컬러에 대한 오차를 줄이고 디자인을 좀 더 자유롭게 할 수 있도록 하는데 중점을 두고 있습니다. 이번에 다루는 포스팅은 주로 포토샵의 디자인 컬러 색상프로필을 다뤘으며, 일러스트와 인디자인등의 모든 편집 색상환은 같은 세팅기능에 같은 맥락을 두고있습니다, 중간 단계나 수정의 경우 본 컬러보다 조금 탁하다면 컬러 프로필을 살펴볼 필요가 있어요 ​  예시는 포토샵을 기점으로 설명하겠습니다 :) 사진을 포함한 픽셀 이미지는 포토샵에 가져올 때 색상 프로필..
포토샵으로 GIF 추출 및 생성 (with 일러스트툴) 웹이나 모바일앱상에서 주로 로딩이미지로 사용하거나 반복되는 이미지로 필요한 gif파일을 포토샵으로 추출하고 만드는 방법입니다. 구글이나 네이버 검색을 통해 나오는 마음에 드는 gif파일을 다운받아서 튜닝을 하고 싶을 때나 연속으로 제작된 이미지들을 모아서 포토샵으로 움직이는 애니메이션 gif파일을 만들 수 있습니다. ​ gif추출이나 gif 만드는 사이트 들이 많지만 광고로 도배 된 사이트나 워터마크,사이즈 제한등으로 불편요소가 많기 때문에 포토샵과 일러스트만으로 제작하는 방법을 기록해 봅니다. ▲ 구글에서 검색해서 나온 gif 파일의 컬러를 포토샵과 일러스트로 바꾼 모래시계 📖 포토샵으로 움직이는 gif파일 이미지 추출하기 1. photoshop에서 파일 > 열기로 움직이는 gif 파일을 열거나 이미지..
맥북 자음 모음, 자소 분리 현상 해결하기 맥북을 사용하면 생기는 문제점 중 제일 큰 현상중 하나는 자음과 모음이 갑자기 분리되는 증상입니다. (시도 때도 없이 발생하는 지겨운 문제..) 이 때 다른 조치없이 간편하게 해결 할 수 있는 방법. 구름 입력기를 설치해 해결하는 방법입니다. (제가 이 입력기를 설치하지 않고 시스템상에서 해결을 보려했으나 전부 실패 했습니다(...) 이게 제일 간단하고 깔끔하게 끝나더군요) ☁️ 구름이란? macOS에서 사용 할 수 있는 새로운 한글 입력기로 지칭하고 있으며,편리하고, 가볍고, 자유롭게 사용할 수 있는 오픈소스입니다. 개발자의 의도대로 친절하게도 오픈소스 소프트웨어라 지금도 많은 사용자들이 사용하며, 불편한 사항들을 개선하며 적용되고 있습니다. 1. 구름 입력기 홈페이지에서 설치하기 버튼을 눌러 해당하는..
일러스트파일 인쇄용 저장하기 및 설정 세팅하기 편집디자인에서 자주 쓰는 일러스트툴에서 빼 놓을 수 없는 한가지, 인쇄를 할 경우 설정 방법 입니다. 먼저 일러스트 툴은 포토샵(픽셀) 방식과 다른 벡터(좌표로 이어진 선)방식으로 세팅되어 있기 때문에 늘려도 깨지지 않는 파일이지만 몇 가지 설정을 거쳐야 완벽하게 인쇄를 할 수 있는데요, 먼저 확인해야 될 리스트는 크게 6개 정도로 나눌 수 있습니다. Check 컬러가 CMYK 모드로 설정 되어 있는지 확인 일러스트 파일이 래스터화 되어 있는지 확인 대지(캔버스)에 작업 파일이 들어가 있는지 확인 사진파일을 첨부했다면 깨지는지 확인 (개인 출력시) 프린터내에 비율이 맞게 세팅되어있는지 확인 (대량 인쇄시) 뻬다,도련 확인 1. 컬러가 CMYK 모드로 설정 되어 있는지 확인 모니터상으로 보여지는 컬러가 미..
디자이너가 사용하는 이미지 확장자 정리 다양한 이미지 확장자는 분야와 성격에 맞게 사용하는것이 중요합니다. 어떤 요소에 해당 확장자를 사용해야 적절하게 사용할 수 있을지 정리했습니다. 주로 그래픽에 사용되는 이미지들을 나열했어요 .RAW 태초의 이미지 형태, 디지털 카메라로 사진을 찍을 때 해당 확장자 명으로 저장되며, 이는 모든 정보를 담아놓은 원본(날것)의 총칭으로 잘게 쪼개서 원하는 이미지 형식, bmp,png,gif,jpg등등의 확장자 명으로 저장할 수 있습니다. 마치 커피의 다양한 음료를 만드는 에스프레소와 같은 존재라 생각할 수 있습니다. [사용빈도] 스튜디오에서 제공하는 사진의 원본, 원본 이미지의 느낌 ​ .bmp 초기 컴퓨터를 이용하시는분들이라면 자주 보셨을 이 확장자는 무손실압축으로 이미지 자체에 정보를 모두 담고 있으며 그..
웹과 인쇄, 해상도 그리고 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 로  표현하고 있습니다. (최신..

반응형