Tehát úgy döntött, hogy végre itt az ideje egy weboldal elindítása, hogy megmutassák szakmai készségeidet vagy oldalsó szorongását. Az előkészítés során elrabolta a tökéletes domaint, feliratkozott egy weboldal-készítő szolgáltatásra, felvette a megfelelő sablont, és elkészített néhány díjnyertes másolatot, hogy oda viszonozza. És most a nagy, gyönyörű, üres webhelyére bámulsz. Hangsúly az üresen.
Annak ellenére, hogy manapság milyen sok online platformon készít weboldalt, az üres oldalra bámulva valószínűleg még mindig forog a fejed. Végül is van néhány dolog, amit ki kell kitalálnia - például mely fotókat kell beilleszteni és hogyan kell elrendezni az oldalt -, és ha nincs sok ismerete a webdesignról, a folyamat komolyan félelmetesnek tűnhet.
Azért vagyunk itt, hogy elmondjam neked, hogy megvan ez. Annak érdekében, hogy egy gyönyörű weboldal vonzerejévé váljon, elkészítettük a tökéletes eszköztárat, amely végigvezeti az összes elemet, amelyre szüksége van a webhely felállításához és futtatásához, valamint a kedvenc programjainkkal és profi tippeinkkel azok készítéséhez. fantasztikus.
1. A képek
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Biztosan hallotta a mondást: „A képek ezer szó értékűek.” Ez különösen igaz, ha a digitális tartalomról van szó; minél többet tudsz közvetíteni szemet gyönyörködtető képeken, annál kevesebb szöveget kell használnia annak leírására, amit próbál mondani vagy eladni.</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>Kezdje azzal, hogy önmagára és munkájára gondolkodik. Van profi fényképe, amelyet használhat? Ha nem, keressen egy barátot, és próbálja meg a kezét a saját magának a felvételében, vagy fontolja meg egy profi felvételét. Van fényképei vagy képernyőképei a múltban végzett munkáról? Gyűjtsd össze őket. Mi lenne a kedves és az Instagram-on megosztott fotókkal, amelyek a munkádat vagy személyiségét képviselik? Válassza ki néhány kedvencét.</p>
<p>Ha töltőanyagra van szüksége, a stock képek az utak. Az Unsplash és az StockSnap.io néhány kedvenc, hozzárendelés nélküli lehetőségünk (azaz ingyenesen használhatja őket a szíve tartalma szempontjából). Ha nem találja meg azt, amit keres, akkor érdemes fizetnie egy vagy két tökéletes képért. Rengeteg lehetőség van, a nagyméretű stock képoldalaktól, mint például a Getty Images - amely integrálódik a Squarespace-hez, amely 10 dolláros képet kínál az oldalon vásárló embereknek - a kisebb műveletekig, mint például a Stocksy és a Twenty20, ahol a költség általában 10–25 dollár körül mozog. képenként.</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>Amikor ezeket a fényképeket választja, gondoljon olyan képeket, amelyek tükrözik személyiségét vagy a mindennapi munkát. Ülsz, mint a legtöbbünk, egész nap az asztalnál? Keressen egy asztali fotót, amely megfelel a személyiségének. Az elsődleges munkája embereket érint? Keressen felvételeket, amelyekben a csoportok együttműködnek. Beszél az utazás iránti szenvedélyéről? Keressen néhány lenyűgöző fotót a kedvenc úticéljai közül. Még úgy is dönthet, hogy háttérképként használ egy videót, ha ez értelme a végzett munkának!</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>Valószínű, hogy egy vagy több ponton szerkeszteni szeretné a már meglévő vagy az interneten talált képeket. Vághat, megvilágíthat, javíthat, és akár szöveget vagy grafikát is hozzáadhat egy egyszerű képszerkesztővel. Néhány weboldal-tervező szolgáltatás - beleértve a négyzetterületet is - a képszerkesztővel elérhető a platform részeként. Egyébként rengeteg ingyenes vagy olcsó lehetőség van online. A PicMonkey teljes értékű szolgáltatást kínál 5 dollárért / hó, amely a könnyen használható fogfehérítéstől a sminkhatásig terjed a fejlövéstől a fotószűrőkig, keretekig és még sok mindenig.</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>További olvasat:</strong> 50 ingyenes fénykép, amely felhasználhatja a közösségi profilok lenyűgözőbbé tételét</p>
<a id="menu-2"></a><h2>2. A színpaletta</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Számos webhelysablon előre beállított színsémával rendelkezik, így ha tetszik az, amit kapsz, nyugodtan hagyja ki ezt a részt. Mivel azonban a színek egyszerű módja annak, hogy hozzáadjanak egy kis személyiséget webhelyéhez, dönthet úgy, hogy megváltoztatja azokat.</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>Akár tetszik a fekete-fehér, akár a fényerő, vagy a webes színek összetörése, a coolors.co nagyszerű forrás az együtt működő színek azonosításához. Rendkívül egyszerű a használata - csak látogasson el a webhelyre, és nyomja meg a szóközt, amíg meg nem botlik a kívánt árnyalatkészlet mellett. Még fényképeket is feltölthet szeretett színekkel, és mintákat kaphat közvetlenül tőlük. Ha sok képet tartalmaz a webhelyén, ez jó stratégia lehet annak biztosításához, hogy a színséma általában működjön. Egy másik meglepő hely a színek megtalálásához, amelyek jól működnek együtt és képviselnek téged? A szekrényed! Húzza ki néhány kedvenc szálat, és illessze be a színválasztást azokhoz.</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>Annak érdekében, hogy a dolgok ne váljanak szemrevételezéssel, javasoljuk, hogy válasszon egy többnyire semleges palettát egy-két ékezetes színnel. A könnyű használat érdekében próbáljon ki néhány szürkeárnyalatot, valamint kedvenc színét és kiegészítő árnyalatát (például világosszürke, közepes szürke, sötétszürke, narancs és kék). Miután szerette az összeállított elemeket, exportálja a teljes palettát, vagy másolja be a kívánt színminták színkódjait, és illessze be őket közvetlenül a webhely kódjába vagy a beépített stílusszerkesztőbe.</p>
<p><strong>További olvasmány:</strong> Színelmélet a tervezők számára: Saját színpaletta készítése</p>
<a id="menu-3"></a><h2>3. A betűtípusok</h2>
<p align=)
.</p>
<p>Figyelmeztető szó itt - bár kísértés lehet valami szórakoztató vagy különféle válogatásról, ugyanazt az elvet kell követnie, mint ahogyan betűkészleteket választ az önéletrajzán, és győződjön meg arról, hogy minden profi és olvasható. Ha valóban egy kurzív vagy egyedi betűtípust szeretne beilleszteni, játsszon azzal, hogy csak egy helyre helyezi grafikus elemként (például a fejlécben), és a többi szöveget alapvető fontosságúnak tartja.</p>
<p><strong>További olvasat:</strong> 20 legjobb és legrosszabb betűtípus, amelyet önéletrajzodban (vagy személyes oldalon) használhat</p>
<a id="menu-4"></a><h2>4. Az oldal elrendezése</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-4.jpg width=780 />
<p>Most mindent kiválasztott, de hol helyezte el mindet az oldalon? Nagyon sok tartalom rendezése és szándékos megjelenése nehéz lehet, ha nem ismeri a webdizájnt, de rengeteg módon lehet gyorsabban felgyorsulni.</p>
<p>Ha webhelyét a Squarespace-en építi, akkor értékelni fogja a cég kezdő elrendezéseit, amelyek mindenre optimalizált sablonokat kínálnak, az Ön oldaláról a kapcsolattartó oldalra. Innentől közvetlenül csatlakoztathatja a tartalmát, vagy áthelyezheti az elemtömböket, hogy megfeleljen az Ön igényeinek.</p>
<p>Egy másik remek hely arra, hogy inspirációt kapjon az elrendezéshez, mások webhelyei! A utánzás a hízelgés legjobb formája, tehát találjon embereket, akik szerinte jól rendezték a webhelyüket, és próbálja meg utánozni azokat a tételeket, amelyek tetszik nekik. Vagy keressen olyan kifejezéseket, mint a „weboldal kialakítása” és a „weboldal elrendezése”, hogy összegyűjtse a példákat, amelyeket önmagában is megismételhet.</p>
<p><strong>További olvasmány:</strong> A 35 legjobb személyes webhely, amelyet valaha láttunk</p>
<a id="menu-5"></a><h2>5. A logó</h2>
<p align=)