본문 바로가기

Design

 (83)
홈페이지를 제작하기 위해 필요한 3가지 홈페이지에 대한 이론을 알아보는 시간을 가졌는데요 이제 유형을 정했다면 홈페이지를 제작해야겠죠? ​ 홈페이지를 제작하기 위해서는 크게 3가지가 필요합니다. ​ ​ 하나는 홈페이지를 찾아가기 위한 주소 (인터넷주소) 하나는 홈페이지를 저장하기 위한 저장소(서버) 하나는 홈페이지를 만들기 위한 기술 (언어) 입니다. 첫번째. 인터넷 주소란? 온라인을 이용할 수 있는 기반이 마련된 상태라는 전제하에 https://www.abc.com 등의 세가지의 조합으로 이루어져있고 홈페이지의 필수사항입니다. 구성요소를 간단히 살펴보면 http://또는 https:// 라는 세팅값을 맨 앞에 선택하는데 이는 자동차가 다니는 터널과 같습니다. 일반 터널인가? 보안 터널인가? 의 차이입니다. www는 인터넷에서 정보를 공유하는..
다양한 홈페이지의 제작 유형을 크게 3종류로 분류한다면? 다양하게 제작된 홈페이지들의 유형을 대분류로 나누어 쉽게 기록하고 짚어가도록 하겠습니다. 홈페이지는 인터넷을 토대로 온라인상에서 다양한 소비자 및 고객과 소통하는 창구로서, 정말 많은 종류의 홈페이지가 있지만, 아래와 같이 크게 세 유형의 대 분류로 구별 할 수 있습니다. 새로 시작하는 아이템과 브랜드등 제품과 회사를 알리기 위한 홍보형, 커뮤니티방식으로 다양한 의견을 주고 받는 소통형, 제품을 사고 파는 수익을 올리기 위한 판매형 때에 따라서는 아래와 같이 분야별로 상호보완을 하면서 홈페이지를 제작하기도 합니다. 홍보형 홍보형 + 소통형 홍보형 + 소통형 + 판매형 1) 홍보형 홈페이지 성격 말 그대로 사업이나 아이템, 신규제품등을 온라인에서 정확한 정보와 함께 방향성을 제시하는것은 물론, 소비자에게 ..
어도비 xd cpu 및 메모리 과부하 증상 대처법 ❗ 원인 어도비 xd의 버전이 계속해 업데이트되면서 급격한 메모리와 과부화를 잡아먹는 증상이 일부 컴퓨터 및 노트북에서도 계속되면서 불편함이 지속되고있습니다. 현 블로그 포스팅을 쓰고있는 최종 버전 이상의 버전에서도에서 동일한 증상을 보이고있는데요. 디자인 작업을 하면서 과부화를 줄일 수 있는 방법과 서포트 지원팀에 문의를 할 수 있는 방법도 공유 드립니다. 🤨 문제가 발생하는 이유는? v33이하 버전과 이상되는 현재 버전의 가장 큰 차이점은 어도비 클라우드가 강제 활성화되는점의 차이입니다. 어도비에서 제공하는 클라우드를 활성화 하기 위한 목적으로 v34버전부터 라이브러리내에 클라우드 기능을 삽입하면서 벌어지는 문제 같습니다. 특히나 심볼로 작업하게되는 UI 디자인의 특성상 라이브러리를 자주 사용 안하게..
포토샵,일러스트 컬러 알맞게 세팅하기 📌 시작글 포토샵,일러스트,인디자인등 주로 사용되는 그래픽툴에서원하는 컬러를 사용하기 위한 필수적인 컬러세팅법에 관련한 포스팅입니다. 파일을 생성하는 시점에서 수정하는 중간단계를 거쳐, 최종적으로 저장되는 순간을 비롯해 다운받은 파일을 그래픽툴로 열때 생기는 컬러에 대한 오차를 줄이고 디자인을 좀 더 자유롭게 할 수 있도록 하는데 중점을 두고 있습니다. 이번에 다루는 포스팅은 주로 포토샵의 디자인 컬러 색상프로필을 다뤘으며, 일러스트와 인디자인등의 모든 편집 색상환은 같은 세팅기능에 같은 맥락을 두고있습니다, 중간 단계나 수정의 경우 본 컬러보다 조금 탁하다면 컬러 프로필을 살펴볼 필요가 있어요 ​ 예시는 포토샵을 기점으로 설명하겠습니다 :) 1. 새 파일 만들기 그래픽 작업을 비롯, 영상이나 사진 촬영..
포토샵으로 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 초기 컴퓨터를 이용하시는분들이라면 자주 보셨을 이 확장자는 무손실압축으로 이미지 자체에 정보를 모두 담고 있으며 그..

티스토리툴바