728x90

★공유하는_디자인정보/디자인_웹디자인 12

"웹사이트 구축 가이드: 도메인 구매부터 이미지 관리까지"

🖥️ 웹사이트 구매 방법웹사이트를 구축하려면 먼저 웹 호스팅 서비스를 선택해야 합니다. 웹 호스팅은 웹사이트의 파일을 저장하고 인터넷에 공개하는 공간을 제공합니다. 대표적인 웹 호스팅 서비스로는 카페24, 가비아, 아임웹 등이 있습니다.웹사이트 구매 절차호스팅 서비스 선택: 위에서 언급한 호스팅 서비스 중 하나를 선택합니다.회원가입 및 로그인: 선택한 호스팅 서비스에 회원가입 후 로그인합니다.웹사이트 템플릿 선택: 제공되는 템플릿 중 원하는 디자인을 선택합니다.웹사이트 구성: 페이지, 메뉴, 콘텐츠 등을 추가하여 웹사이트를 구성합니다.도메인 연결: 구매한 도메인을 웹사이트에 연결합니다.🌐 도메인 구매 및 등록 방법도메인은 웹사이트의 주소로, 사용자가 웹사이트에 접근할 때 입력하는 URL입니다. 도메인..

웹디자이너 기본기

1. 컬러 순수블랙 #000 절대 사용금지 2. 행간은 폰트 사이즈 1.5~1.7배 3. 폰트 21PX 이상은 짝수로 4. PX사이즈는 소주점으로 작업x 5. 폰트에 따라 다르지만 자간 -25, -50 6. 영문 자간은 기본 0 벙벙하면 -25까지만 7. 드롭쉐도우 강하지 주지 않기 8. 패턴 있는듯 없는듯 그런 패턴 사용금지 9. 웹은기본을 짝수로 생각하기 10. 폰트 3개이상쓰지 말기, 폰트웨이트 3개적당 11. 내용이 줄글로 긴글인거 가운데 정렬금지 출처 : 다음카페

물냉면 타이포그래피

연필툴로 패스를 그리고 나서 alt 키를 누르면 곧바로 smooth tool을 활성화시켜 라인을 부드럽게 만들수 있다. 활성화시키는 방법은 연필툴을 더블클릭해 3번째 [option ket toggles to smooth tool]을 체크하면 된다! 패스파인더에 divide로 잘라주기 ​ ​ 개별 stroke 적용방법 패스파인더에 unite를 통해 합쳐준다 ​ 그리고 단축키[option+command+o]를 통해 offset path로 크기를 변경한다. ​ 추가로 만들어진 백터를 방향키를 통해 아래로 내려준다. ​ 가운데 중간에 있던 타이포는 지우고 맨아래있던 타이포를 올려서 제자리 복귀. ​ 깔끔하게 stroke가 주어진다!@! ​ 물방울만드는 방법 ​ 원만든다 -> p단축키누르고 원 앵커점을 AIT+클..

글로벌 컬러

글로벌 컬러란 색상아래에 하얀삼각형이 표시된 색깔표본이다. 기능으로는 한번에 컬러를 변경하고 싶을경우에 유용하게 사용이 가능하다. ​ 색상등록방법도 간단하다. ​ swatches에 있는 색상을 글로벌컬러있는곳에 올려두면 자연스럽게 글로벌컬러로 표시가 된다. ​ 그라디언트도 마찬가지로 색상에서 글로벌컬러를 먼저만들어준뒤 그라이언트 바 위로 얹어주기만 하면 된다. 출저 : 유튜브 롤스토리디자인연구소

타이포그래피 프리셋 만들기

스타일적용된 타이포를 일일 변경하고 양이 많을 경우에 사용하기 좋음. ​ appeareance에 add new stroke 클릭! ​ stroke 적용시킨 값 그 상태에서 fx->offset path 추가 ​ 원하는 값 입력하기 ​ pathfinder->add를 누르면 안녕의 겹쳤던 부분이 합쳐지면서 깔끔해짐 ​ 라운드로 변경하고 싶을경우 offset path에서 변경이 가능하다 ​ fill로 인해 글자색이 변경된 상태 ​ 글자색과 윤곽선사이에 색이 없는 공간에 색채우려면,, add new fill 누른다,. ​ 현재 레이어 상태 ​ 맨아래 안녕 노란색 중간 안녕 주황색 맨위 윤곽선 주황색 appearance에서 맨아래 안녕 노란색 fill레이어 선택후 path->offset path 효과를 준다. ​ ..

사이트 제작 - 사이트 유지비용, 관리방법

웹사이트는 딱 만들었다고 끝이 아님. 원활하게 유지가 가능하도록 계속 체크를 해줘야함,, 웹사이트 유지관리 = 웹사이트를 업데이트해서 상태를 개선하고 사이트가 순서에 맞게 잘 작동하게끔 필요한 업무를 수행함으로써 최신 웹 브라우저나 모바일 기기에서 사이트가 제대로 작동하게 하는 것. 웹사이트 유지 관리는 아래 사항들을 포함 -콘텐츠 변경 및 최적화 -배너 및 상단 신규 디자인 -소프트웨어 업그레이드 -오류 로그 확인 -오래된 파일 정리 -웹 사이트 순위 보고 -페이지 오작동 등 문제 해결 웹사이트 유지 관리 체크리스트 웹사이트 제작 비용수요 중심의 서비스로 비즈니스에 따라 가격이 다양. 일반적으로 웹 사이트 개발비용은 10만원선부터 60만원 사이에서, 맞춤형 사이트나 까다로운 고객님일 경우 천만원단위로 ..

인터넷 몰/ 사이트 만드는 법

사이트 제작에는 목적이 다르다.. (사업을 위해 / 개인 취미용 / 포트폴리오용 등등) 특히나 포트폴리오는 (면접관들도 출력된 이미지 파일보다 사이트로 제작된 면접용 포트폴리오 사이트를 선호하기 때문에 지원자들은 이를 제작할 수 밖에 없음,,) 사이트 제작을 위해서는 도메인과 호스팅 둘 다 필요하지만 둘 다 유료로 시작하기 부담스러우신 분들을 위해 무료 도메인 / 호스팅을 이용한 포트폴리오 사이트 만드는 방법을 포스팅.. 구글에 그냥 무료 도메인 / 혹은 무료 호스팅 치면 어느정도 프로그램이랑 서비스들이 많이 나옴,, 취향에 맞게 선택한 다음,, 웹디자인에 대해 잘 아는 사람은 (보통 포트폴리오용)으로 코딩+이미지만 잘 정리해서 도메인하고 + 이미지호스팅만 잘 이용해서 웹사이트를 만들면 그만이지만 일반사..

코딩과 디자인의 연관성

간단 정리 1. 코딩과 조금이라도 관련되어있는 직업군들은 코딩언어를 조금이라도 알아야한다. 2. 4차산업혁명시대라 초중고 교육과정에 필수로 들어갔지만 할사람만 한다. 3. 코딩이 생각하는 힘을 키워주는것은 사실. 4. 디자인과 코딩은 전혀 다른 분야이지만 콘텐츠에 있어선 서로 소통이 어느정도 되야 작업이 더 용이하게 나온다.

웹 디자이너로 성장하기 위해 필요한 7가지 기술

1. 의사결정 의사 결정을 내리고 고수할 수 있는 능력은 사업 종료 후에도 전략적인 결정을 할 수 있는 여력이 남아 있는 사람들과 저녁식사를 위해 무엇을 먹어야 할지 결정하지 못하는 사람들을 구분합니다. 2. 목적의 명확성 디자인 기본 원리를 복습하는 것은 나쁜 생각이 아니다. 색 이론부터 타이포그래피, UI, 레이아웃에 이르기까지 이러한 핵심 기술들은 디자인 실습에 도우이 될뿐 아니라 디자인에 대해 더 높은 수준에서 생각할 수 있도록 돕는다. 디자인 기초는 제한적일 수 있지만, 일반적인 질문에 대한 기본 답변을 제공함으로써 무엇을 하고 있고, 왜 하고 있는지에 대한 더 큰 질문을 고려할 수 있게 해 주며, 이는 목적의 명확화로 이어진다. ex)많은 음악가들이 다양한 스타일을 연주할 수 있지만, 그들은 ..

728x90