Zdecydowałeś, że w końcu nadszedł czas, aby uruchomić stronę internetową, aby pochwalić się swoimi umiejętnościami zawodowymi lub zgiełkiem. Przygotowując się, zdobyłeś idealną domenę, zapisałeś się na usługę tworzenia stron internetowych, wybrałeś odpowiedni szablon i przygotowałeś nagradzaną kopię, aby tam wrzucić. A teraz gapisz się na swoją dużą, piękną, pustą stronę internetową. Nacisk na puste.
Pomimo tego, że tak wiele platform internetowych sprawia, że budowanie strony internetowej jest obecnie łatwe, wpatrywanie się w pustą stronę wciąż prawdopodobnie powoduje, że kręci Ci się w głowie. W końcu musisz jeszcze wymyślić kilka rzeczy - na przykład, które zdjęcia dołączyć i jak ułożyć stronę - a jeśli nie masz dużej wiedzy na temat projektowania stron internetowych, proces ten może wydawać się poważny.
Jesteśmy tutaj, aby ci powiedzieć, że masz to. Aby sprawić, że tworzenie pięknej witryny stanie się dziecinnie proste, opracowaliśmy najlepszy zestaw narzędzi, który przeprowadzi Cię przez wszystkie elementy potrzebne do uruchomienia witryny, wraz z naszymi ulubionymi programami i profesjonalnymi wskazówkami, jak je tworzyć. niesamowite.
1. Obrazy
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Z pewnością słyszeliście powiedzenie: „zdjęcia są warte tysiąca słów”. Dotyczy to szczególnie treści cyfrowych; im więcej możesz przekazać za pomocą przyciągających wzrok zdjęć, tym mniej tekstu będziesz musiał użyć do opisania tego, co próbujesz powiedzieć lub sprzedać.</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 class="tgx-vbf" data-vbf-id="25017" data-vbf-exp="1" data-vbf-hide="0" data-vbf-loop="10"></div>
</center><p>Zacznij od myślenia o sobie i swojej pracy. Czy masz profesjonalne zdjęcie, którego możesz użyć? Jeśli nie, znajdź przyjaciela i spróbuj swoich sił, lub rozważ zatrudnienie profesjonalisty. Czy masz zdjęcia lub zrzuty ekranu z pracy wykonanej w przeszłości? Zbierz je. Co powiesz na zdjęcia, które kochasz i które udostępniasz na Instagramie, które przedstawiają Twoją pracę lub osobowość? Wybierz kilka swoich ulubionych.</p>
<p>Jeśli potrzebujesz wypełniacza, zdjęcia zapasowe są najlepszym rozwiązaniem. Unsplash i StockSnap.io to tylko niektóre z naszych ulubionych opcji bez atrybucji (co oznacza, że możesz ich używać bezpłatnie do treści twojego serca). Jeśli nie możesz znaleźć tego, czego szukasz, możesz rozważyć opłacenie jednego lub dwóch idealnych zdjęć. Istnieje mnóstwo opcji, od dużych witryn z obrazami, takich jak Getty Images - które są zintegrowane z Squarespace oferującym obrazy za 10 USD dla osób kupujących za pośrednictwem witryny - do mniejszych operacji, takich jak Stocksy i Twenty20, gdzie koszt wynosi zwykle około 10-25 USD na obraz.</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 class="tgx-vbf" data-vbf-id="25018" data-vbf-exp="1" data-vbf-hide="0" data-vbf-loop="10"></div>
</center><p>Wybierając te zdjęcia, pomyśl o obrazach odzwierciedlających Twoją osobowość lub rzeczy, które spędzasz na co dzień. Czy ty, jak większość z nas, cały dzień siedzisz przy biurku? Znajdź zdjęcie na biurko, które pasuje do Twojej osobowości. Czy twoja podstawowa praca dotyczy ludzi? Poszukaj ujęć przedstawiających współpracujące grupy. Czy mówisz o swojej pasji do podróżowania? Wyszukaj wspaniałe zdjęcia swoich ulubionych miejsc. Możesz nawet zdecydować się na użycie wideo jako obrazu tła, jeśli ma to sens w pracy, którą wykonujesz!</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>Są szanse, że w pewnym momencie będziesz chciał edytować obrazy, które już masz lub które znalazłeś online. Kadrowanie, rozjaśnianie, retuszowanie, a nawet dodawanie tekstu lub grafiki za pomocą prostego edytora obrazów. Niektóre usługi projektowania stron internetowych - w tym Squarespace - mają edytor obrazów dostępny jako część platformy. W przeciwnym razie istnieje wiele bezpłatnych lub tanich opcji online. PicMonkey oferuje pełny zestaw funkcji za 5 USD / miesiąc, od łatwych w użyciu wybielaczy zębów do efektów makijażu na zdjęciu z głową, filtrów fotograficznych, ramek i innych.</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>Dalsza lektura:</strong> 50 darmowych zdjęć, dzięki którym Twoje profile społecznościowe będą bardziej oszałamiające</p>
<a id="menu-2"></a><h2>2. Paleta kolorów</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Wiele szablonów witryn ma wstępnie ustawiony schemat kolorów, więc jeśli podoba Ci się to, co otrzymałeś, możesz pominąć tę sekcję. Ponieważ jednak kolory są łatwym sposobem na dodanie odrobiny osobowości do Twojej witryny, możesz je zmienić.</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>Niezależnie od tego, czy lubisz czarno-biały z odrobiną jasności, czy też chcesz mieć odrobinę pasujących do siebie odcieni na swojej stronie, coolors.co jest doskonałym źródłem do identyfikacji kolorów, które będą ze sobą współpracować. Jest bardzo łatwy w użyciu - wystarczy odwiedzić stronę i nacisnąć spację, aż natkniesz się na zestaw odcieni, które lubisz. Możesz nawet przesyłać zdjęcia w ulubionych kolorach i pobierać próbki bezpośrednio od nich. Jeśli umieszczasz na swojej stronie wiele zdjęć, może to być dobra strategia, aby upewnić się, że Twój schemat kolorów działa ogólnie. Kolejne zaskakujące miejsce na znalezienie kolorów, które dobrze ze sobą współpracują i reprezentują Ciebie? Twoja szafa! Wyciągnij niektóre z ulubionych nici i dopasuj do nich wybrane kolory.</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>Aby nie dopuścić do przytłaczania obrazu, zalecamy wybranie neutralnej palety kolorów z jednym lub dwoma akcentami. Aby łatwo przejść, wypróbuj kilka odcieni szarości oraz ulubiony kolor i jego uzupełniający odcień (na przykład jasnoszary, średni szary, ciemnoszary, pomarańczowy i niebieski). Gdy spodoba ci się to, co złożyłeś, wyeksportuj paletę jako całość lub skopiuj kody kolorów dla określonych próbek, które ci się podobają i wklej je bezpośrednio do kodu witryny lub wbudowanego edytora stylów.</p>
<p><strong>Dalsza lektura:</strong> Teoria kolorów dla projektantów: tworzenie własnych palet kolorów</p>
<a id="menu-3"></a><h2>3. Czcionki</h2>
<p align=)
.</p>
<p>Słowo ostrzeżenia - chociaż może być kuszące, aby wybrać coś zabawnego lub innego, powinieneś przestrzegać tej samej zasady, co przy wyborze czcionek w CV i upewnić się, że wszystko jest profesjonalne i czytelne. Jeśli naprawdę chcesz dołączyć kursywę lub unikalną czcionkę, graj, umieszczając ją w jednym miejscu jako element graficzny (na przykład w nagłówku) i utrzymując resztę tekstu bardziej prostą.</p>
<p><strong>Dalsza lektura:</strong> 20 najlepszych i najgorszych czcionek do wykorzystania w CV (lub na osobistej stronie)</p>
<a id="menu-4"></a><h2>4. Układ strony</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-4.jpg width=780 />
<p>Teraz wybrałeś wszystko - ale gdzie umieściłeś to wszystko na stronie? Uporządkowanie dużej ilości treści i sprawienie, by wyglądały celowo, może być trudne, jeśli nie znasz się na projektowaniu stron internetowych, ale istnieje wiele sposobów szybkiego przyspieszenia.</p>
<p>Jeśli budujesz swoją witrynę w Squarespace, docenisz układy początkowe firmy, które oferują szablony zoptymalizowane do wszystkiego, od strony o stronie do strony kontaktowej. Stamtąd możesz podłączyć zawartość bezpośrednio lub przenieść bloki elementów, aby spełnić Twoje potrzeby.</p>
<p>Kolejnym doskonałym miejscem do inspiracji dla Twojego układu są strony innych osób! Imitacja jest najlepszą formą pochlebstwa, więc znajdź osoby, które Twoim zdaniem dobrze zorganizowały swoje witryny i spróbuj naśladować elementy, które ci się podobają. Możesz też wyszukać wyszukiwane hasła, takie jak „projekt strony internetowej” i „układ strony internetowej”, aby zebrać przykłady, które możesz samodzielnie replikować.</p>
<p><strong>Dalsza lektura:</strong> 35 najlepszych osobistych stron, jakie kiedykolwiek widzieliśmy</p>
<a id="menu-5"></a><h2>5. Logo</h2>
<p align=)