이제 최종적으로 웹 사이트를 개설하여 전문 기술이나 편견을 과시 할 시간이라고 결정했습니다. 준비 과정에서 완벽한 도메인을 확보하고 웹 사이트 구축 서비스에 가입 한 후 올바른 템플릿을 선택하고 수상 경력에 빛나는 사본을 작성했습니다. 그리고 지금 당신은 당신의 크고 아름다운 빈 웹 사이트를 쳐다보고 있습니다. 빈칸에 중점을 둡니다.
요즘 많은 온라인 플랫폼이 웹 사이트를 구축하는 것이 얼마나 쉬운 지에도 불구하고 빈 페이지를 쳐다 보면 여전히 머리가 회전합니다. 결국, 어떤 사진을 포함하고 페이지를 레이아웃하는 방법과 같이 알아 내야 할 사항이 여전히 있으며 웹 디자인 지식이 많지 않으면 프로세스가 심각하게 위협적으로 보일 수 있습니다.
우리는 당신이 이것을 가지고 있다고 말하려고 여기 있습니다. 아름다운 웹 사이트를 한꺼번에 모으기 위해, 우리는 사이트를 시작하고 운영하는 데 필요한 모든 요소와 가장 좋아하는 프로그램 및 프로 팁을 제공하는 최고의 툴킷을 제공합니다. 대단해
1. 이미지
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>“그림은 천 단어의 가치가 있습니다.”라는 말을 확실히 들었습니다. 이것은 디지털 컨텐츠와 관련하여 특히 그렇습니다. 시선을 사로 잡는 이미지를 더 많이 전달할수록 말하거나 판매하려는 내용을 설명하는 데 필요한 텍스트가 줄어 듭니다.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
<div id="adlk-embed-1"></div>
</center><p>자신과 작업에 대해 생각하면서 시작하십시오. 사용할 수있는 전문 사진이 있습니까? 그렇지 않은 경우 친구를 찾고 직접 복용하거나 전문가를 고용하십시오. 과거에 한 일의 사진이나 스크린 샷이 있습니까? 그들을 모아라. 자신의 작업이나 성격을 나타내는 Instagram에서 좋아하고 공유 한 사진은 어떻습니까? 좋아하는 몇 가지를 선택하십시오.</p>
<p>필러가 필요한 경우 스톡 이미지를 사용하십시오. Unsplash와 StockSnap.io는 우리가 가장 선호하는 속성이없는 옵션 중 하나입니다 (즉, 마음의 내용에 무료로 사용할 수 있음). 원하는 것을 찾지 못하면 하나 또는 두 개의 완벽한 사진을 지불하는 것이 좋습니다. Getty Images와 같은 대형 스톡 이미지 사이트 (사이트를 통해 구매하는 사람들에게 10 달러의 이미지를 제공하는 Squarespace와 통합 된)에서 Stocksy 및 Twenty20과 같은 소규모 운영에 이르기까지 비용이 보통 10 ~ 25 달러 정도 인 소규모 옵션에 이르기까지 다양한 옵션이 있습니다. 이미지 당.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
<div id="adlk-embed-1"></div>
</center><p>이 사진들을 선택할 때 당신의 성격이나 매일하는 일을 반영하는 이미지를 생각하십시오. 우리 대부분처럼 하루 종일 책상에 앉아 있습니까? 당신의 개성에 맞는 책상 사진을 찾으십시오. 당신의 주요 업무는 사람들을 포함합니까? 공동 작업 한 그룹을 보여주는 사진을 찾습니다. 여행에 대한 열정에 대해 모두 이야기합니까? 좋아하는 목적지의 멋진 사진을 찾으십시오. 비디오를 배경 이미지로 사용하기로 결정할 수도 있습니다.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
<div id="adlk-embed-1"></div>
</center><p>언젠가는 이미 온라인에서 찾거나 찾은 이미지를 편집하고 싶을 수도 있습니다. 간단한 이미지 편집기로 자르기, 밝게하기, 손질, 텍스트 또는 그래픽 추가까지 할 수 있습니다. 일부 웹 사이트 디자인 서비스 (Squarespace 포함)에는 플랫폼의 일부로 이미지 편집기가 제공됩니다. 그렇지 않으면 온라인에 무료 또는 저렴한 옵션이 많이 있습니다. PicMonkey는 사용하기 쉬운 치아 미백에서 헤드 샷을위한 메이크업 효과, 사진 필터, 프레임 등 다양한 기능을 월 $ 5에 제공합니다.</p>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="5787935184"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
<div id="adlk-embed-1"></div><p><strong>추가 독서 자료 :</strong> 소셜 프로필을 더욱 멋지게 만드는 데 사용할 수있는 50 장의 무료 사진</p>
<a id="menu-2"></a><h2>2. 컬러 팔레트</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>많은 웹 사이트 템플릿에는 미리 설정된 색 구성표가 제공되므로 원하는 것을 원하는 경우이 섹션을 건너 뛰십시오. 그러나 색상은 사이트에 약간의 개성을 추가하는 쉬운 방법이므로 색상을 변경하도록 선택할 수 있습니다.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
<div id="adlk-embed-1"></div>
</center><p>coolors.co는 밝고 선명한 흑백을 좋아하든, 사이트에서 엄청나게 많은 색조를 원하든, 함께 작동 할 색상을 식별하는 데 유용한 리소스입니다. 사용하기 매우 쉽습니다. 사이트를 방문하고 원하는 색조를 발견 할 때까지 스페이스 바를 누르십시오. 원하는 색상으로 사진을 업로드하고 견본을 직접 얻을 수도 있습니다. 사이트에 많은 이미지를 포함시키는 경우 색상 구성표가 전체적으로 작동하는지 확인하는 것이 좋습니다. 서로 잘 어울리고 자신을 대표하는 색상을 찾을 수있는 또 다른 놀라운 곳입니까? 옷장! 당신이 좋아하는 실을 뽑아 내고 당신의 색깔 선택을 그 실과 일치 시키십시오.</p>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="5787935184"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
<div id="adlk-embed-1"></div><p>시각적으로 압도적이지 않게하려면 1 ~ 2 개의 강조 색으로 대부분 중립 팔레트를 선택하는 것이 좋습니다. 쉽게 사용하려면 몇 가지 회색 음영과 원하는 색상 및 보완 색조 (예 : 밝은 회색, 중간 회색, 어두운 회색, 주황색 및 파란색)를 시도하십시오. 조합 한 것을 좋아하면 팔레트를 전체로 내보내거나 원하는 특정 견본의 색상 코드를 복사하여 사이트 코드 또는 내장 스타일 편집기에 직접 붙여 넣습니다.</p>
<p><strong>추가 자료 :</strong> 디자이너를위한 색 이론 : 자신 만의 색 팔레트 만들기</p>
<a id="menu-3"></a><h2>3. 폰트</h2>
<p align=)
.</p>
<p>여기서 경고의 한마디 – 재미 있거나 다른 것을 선택하고 싶은 유혹이있을 수 있지만, 이력서에서 글꼴을 선택할 때와 같은 원칙을 따라야하며 모든 것이 전문적이고 읽기 쉬운 지 확인해야합니다. 필기체 또는 고유 한 글꼴을 실제로 포함 시키려면 그래픽 요소 (예 : 헤더)로 한 곳에만 배치하고 나머지 텍스트는 기본으로 유지하십시오.</p>
<p><strong>추가 자료 :</strong> 이력서에 사용할 수있는 20 가지 최고의 글꼴 (또는 개인 사이트)</p>
<a id="menu-4"></a><h2>4. 페이지 레이아웃</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-4.jpg width=780 />
<p>이제 모든 것을 골랐지만 페이지의 모든 부분을 어디에 놓았습니까? 웹 디자인에 익숙하지 않은 경우 많은 콘텐츠를 구성하고 의도적으로 보이게 만드는 것이 어려울 수 있지만 빠른 속도를내는 데는 여러 가지 방법이 있습니다.</p>
<p>Squarespace에서 사이트를 구축하는 경우 정보 페이지에서 연락처 페이지에 이르는 모든 것에 최적화 된 템플릿을 제공하는 회사의 첫 번째 레이아웃에 만족할 것입니다. 여기에서 컨텐츠를 바로 연결하거나 필요에 따라 요소 블록을 이동할 수 있습니다.</p>
<p>레이아웃에 영감을주는 또 다른 좋은 장소는 다른 사람들의 사이트입니다! 모방은 아첨의 가장 좋은 형태이므로 자신의 사이트를 잘 구성하고 자신이 좋아하는 요소를 모방하려고 생각하는 사람들을 찾으십시오. 또는 "웹 사이트 디자인"및 "웹 사이트 레이아웃"과 같은 검색어를 사용하여 스스로 복제 할 수있는 예제를 수집하십시오.</p>
<p><strong>추가 자료 :</strong> 우리가 본 35 가지 최고의 개인 웹 사이트</p>
<a id="menu-5"></a><h2>5. 로고</h2>
<p align=)