И така, решихте, че най-накрая е време да създадете уебсайт, който да покаже вашите професионални умения или страничната ви забързаност. При подготовката си хванахте перфектния домейн, регистрирахте се за услуга за изграждане на уебсайт, избрахте правилния шаблон и изготвихте някое наградено копие, което да хвърлите там. И сега се взирате в големия си, красив, празен уебсайт. Акцент върху бланката.
Въпреки колко лесно толкова онлайн платформи правят изграждането на уебсайт в наши дни, гледането на празна страница все още вероятно ви върти главата. В края на краищата, все още има някои неща, които трябва да разберете - като кои снимки да включите и как да оформите страницата - и ако нямате много познания за уеб дизайн, процесът може да изглежда сериозно застрашаващ.
Тук сме да ви кажем, че имате това. За да направим едно лесно създаване на красив уебсайт, ние създадохме най-добрия инструментариум, който ще ви преведе през всички елементи, които ще са ви необходими, за да стартирате и работите на сайта си, заедно с нашите любими програми и професионални съвети за създаването им страхотно.
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>
</center><p>Започнете, като мислите за себе си и работата си. Имате ли професионална снимка, която можете да използвате? Ако не, намерете приятел и опитайте да вземете своя собствена или помислете за наемане на професионалист. Имате ли снимки или скрийншоти на работа, която сте правили в миналото? Съберете ги. Какво ще кажете за снимки, които обичате и които сте споделили в Instagram, които представляват вашата работа или личност? Изберете няколко от любимите си.</p>
<p>Ако имате нужда от пълнител, стоковите изображения са пътя. Unsplash и StockSnap.io са някои от нашите любими опции без атрибуция (което означава, че можете да ги използвате безплатно към съдържанието на сърцето си). Ако не намерите това, което търсите, може да помислите да платите за един или два перфектни снимки. Има много опции от големи сайтове за изображения с изображения като Getty Images - която има интеграция с Squarespace, предлагаща 10 долара изображения на хората, които купуват през сайта - до по-малки операции като 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>
</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>
</center><p>Вероятно е в един или друг момент да искате да редактирате изображения, които вече имате или сте намерили онлайн. Отидете до изрязването, изсветляването, сензорните прозорци и дори добавянето на текст или графика с помощта на обикновен редактор на изображения. Някои услуги за проектиране на уебсайтове - включено е квадратното пространство - разполагат с редактор на изображения като част от платформата. В противен случай онлайн има много безплатни или евтини опции. 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><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>
</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><p>За да предпазите нещата от визуално завладяване, препоръчваме да изберете предимно неутрална палитра с един до два цвята акцент. За лесно преминаване опитайте няколко нюанса на сивото плюс любимия си цвят и допълващия му оттенък (например светло сиво, средно сиво, тъмно сиво, оранжево и синьо). След като обичате това, което сте събрали, експортирайте палитрата като цяло или копирайте цветните кодове за конкретни модели, които харесвате и ги поставете директно в кода на вашия сайт или вградения редактор на стилове.</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=)