Oleh itu, anda telah memutuskan ia akhirnya masa untuk melancarkan laman web untuk memamerkan kemahiran profesional anda atau kesibukan sampingan anda. Sebagai persediaan, anda menangkap domain yang sempurna, mendaftar untuk perkhidmatan membina laman web, memilih templat yang betul, dan menyusun beberapa salinan yang memenangi anugerah untuk dibuang di sana. Dan sekarang, anda merenung laman web besar, cantik, kosong . Penekanan pada kosong.
Walaupun betapa mudahnya banyak platform dalam talian membuat laman web membangun hari ini, menatap laman kosong mungkin membuat kepala anda berputar. Lagipun, masih terdapat beberapa perkara yang perlu anda fikirkan-seperti mana gambar yang disertakan dan bagaimana untuk meletakkan halaman-dan jika anda tidak mempunyai banyak pengetahuan reka bentuk web, proses itu mungkin kelihatan menakutkan.
Kami ada di sini untuk memberitahu anda bahawa anda mempunyai ini. Untuk membuat laman web yang indah bersama-sama dengan angin, kami telah menghasilkan toolkit utama yang akan memandu anda melalui semua elemen yang anda perlukan untuk mendapatkan tapak anda dan berjalan, bersama-sama dengan program kegemaran kami dan petua pro untuk menjadikannya hebat.
1. Imej
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Anda pasti mendengar kata-kata itu, "gambar bernilai seribu perkataan." Rings ini terutama benar apabila ia berkaitan dengan kandungan digital; semakin banyak anda boleh menyampaikan melalui imejan menarik, teks yang kurang anda perlu gunakan untuk menerangkan apa yang anda cuba katakan atau jual.</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>Mula dengan berfikir tentang diri anda dan kerja anda. Adakah anda mempunyai foto profesional yang boleh anda gunakan? Jika tidak, cari kawan dan cuba tangan anda untuk mengambil sendiri, atau pertimbangkan untuk menyewa profesional. Adakah anda mempunyai foto atau tangkapan skrin kerja yang telah anda lakukan pada masa lalu? Kumpulkan mereka. Bagaimana pula dengan foto yang anda suka dan dikongsi di Instagram yang mewakili kerja atau keperibadian anda? Pilih beberapa kegemaran anda.</p>
<p>Jika anda memerlukan pengisi, imej stok adalah cara untuk pergi. Unsplash dan StockSnap.io adalah beberapa pilihan bebas pengauditan kegemaran kami (bermakna anda boleh menggunakannya secara percuma untuk kandungan hati anda). Jika anda tidak mencari apa yang anda cari, anda mungkin mempertimbangkan untuk membayar satu atau dua gambar yang sempurna. Terdapat banyak pilihan di sana, dari laman imej stok yang besar seperti Getty Images-yang mempunyai integrasi dengan Skala Ruang yang menawarkan gambar $ 10 kepada orang-orang yang membeli melalui lamanya-ke operasi yang lebih kecil seperti Stocksy dan Twenty20 di mana kos itu biasanya sekitar $ 10- $ 25 setiap imej.</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>Apabila memilih foto-foto ini, fikirkan imejan yang mencerminkan keperibadian anda atau perkara yang anda luangkan setiap hari. Adakah anda seperti kebanyakan kita duduk di meja sepanjang hari? Cari foto meja yang sesuai dengan keperibadian anda. Adakah kerja utama anda melibatkan orang? Cari tembakan yang menunjukkan kumpulan berkolaborasi. Adakah anda bercakap tentang keghairahan anda untuk perjalanan? Cari beberapa fotografi yang menakjubkan dari destinasi kegemaran anda. Anda juga boleh memutuskan untuk menggunakan video sebagai imej latar belakang anda jika itu masuk akal untuk kerja yang anda lakukan!</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>Kemungkinannya, pada satu ketika atau lebih, anda akan mahu mengedit imej yang telah anda miliki atau telah dijumpai dalam talian. Dapatkan untuk memangkas, mencerahkan, menyentuh, dan juga menambahkan teks atau grafik dengan editor imej mudah. Beberapa perkhidmatan reka bentuk laman web-Squarespace termasuk-mempunyai editor imej yang tersedia sebagai sebahagian daripada platform. Jika tidak, terdapat banyak pilihan secara percuma atau murah dalam talian. PicMonkey menawarkan set lengkap ciri-ciri untuk $ 5 / bulan, yang terdiri daripada mudah untuk menggunakan pemutihan gigi untuk kesan solek untuk headshot anda kepada penapis foto, bingkai, dan banyak lagi.</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>Bacaan Lanjut:</strong> 50 Foto Percuma Anda Boleh Digunakan untuk Membuat Profil Sosial Anda Lebih Menakjubkan</p>
<a id="menu-2"></a><h2>2. Palet Warna</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Banyak templat laman web datang dengan skema warna pra-set, jadi jika anda suka apa yang anda berikan, jangan ragu untuk melangkau bahagian ini. Tetapi, kerana warna adalah cara mudah untuk menambahkan keperibadian kecil ke laman web anda, anda mungkin memilih untuk mengubahnya.</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>Sama ada anda suka hitam dan putih dengan pop kecerahan atau ingin menghilangkan warna bersama di tapak anda, coolors.co adalah sumber yang hebat untuk mengenal pasti warna yang akan berfungsi bersama. Ia sangat mudah digunakan-hanya lawati laman web ini dan tekan bar ruang sehingga anda tersandung pada satu set warna yang anda suka. Anda juga boleh memuat naik foto dengan warna yang anda sukai dan mendapatkan swatch langsung dari mereka. Jika anda termasuk banyak imej di laman web anda, ini mungkin strategi yang baik untuk memastikan skema warna anda berfungsi secara keseluruhan. Satu lagi tempat yang mengejutkan untuk mencari warna yang berfungsi bersama dan mewakili anda? Almari anda! Tarik beberapa benang kegemaran anda dan padankan pilihan warna anda kepada mereka.</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>Untuk memastikan perkara tidak dapat dilihat secara visual, kami mengesyorkan memilih palet yang paling neutral dengan satu hingga dua warna aksen. Untuk mudah pergi, cuba beberapa warna kelabu ditambah warna kegemaran anda dan warna pelengkap (contohnya, kelabu muda, kelabu sederhana, kelabu gelap, oren, dan biru). Sebaik sahaja anda menyukai apa yang anda sediakan bersama, eksport palet secara keseluruhan atau salin kod warna untuk swatch khusus yang anda suka dan tampalkannya terus ke dalam kod tapak anda atau editor gaya terbina dalam.</p>
<p><strong>Bacaan Lanjut:</strong> Teori Warna Untuk Pereka: Mewujudkan Palet Warna Sendiri</p>
<a id="menu-3"></a><h2>3. Font</h2>
<p align=)
.</p>
<p>Satu kata peringatan di sini-sementara ia boleh menggoda untuk memilih sesuatu yang menyeronokkan atau berbeza, anda harus mengikuti prinsip yang sama seperti yang anda lakukan semasa memilih fon pada resume anda dan memastikan semuanya profesional dan boleh dibaca. Sekiranya anda benar-benar ingin memasukkan fon kursif atau unik, bermain dengan memasukkannya hanya dalam satu tempat sebagai elemen grafik (contohnya dalam tajuk anda) dan menyimpan teks yang lebih asas.</p>
<p><strong>Bacaan Lanjut:</strong> 20 Fon Terbaik dan Terburuk untuk Penggunaan pada Resume Anda (Atau Laman Peribadi)</p>
<a id="menu-4"></a><h2>4. Layout Halaman</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-4.jpg width=780 />
<p>Sekarang anda telah memilih segala-galanya-tetapi di manakah anda meletakkannya di halaman? Menguruskan banyak kandungan dan membuatnya kelihatan disengajakan boleh menjadi sukar jika anda tidak mengetahui dengan reka bentuk web, tetapi terdapat banyak cara untuk mendapatkan kelajuan dengan cepat.</p>
<p>Jika anda membina laman web anda di Squarespace, anda akan menghargai susunatur permulaan syarikat, yang menawarkan template yang dioptimumkan untuk semua dari halaman anda ke halaman kenalan. Dari sana, anda boleh memasukkan kandungan anda ke dalam atau memindahkan blok elemen sekitar untuk memenuhi keperluan anda.</p>
<p>Satu lagi tempat yang hebat untuk mendapatkan inspirasi untuk susun atur anda ialah laman web orang lain! Imitasi adalah bentuk pujian yang terbaik, jadi cari orang yang anda fikir telah menganjurkan tapak mereka dengan baik dan cuba meniru elemen yang anda suka tentang mereka. Atau, istilah carian seperti "reka bentuk laman web" dan "susun atur laman web" untuk mengumpul contoh yang anda boleh meniru sendiri.</p>
<p><strong>Bacaan Lanjut:</strong> 35 Laman Web Peribadi Terbaik yang Pernah Dilihat</p>
<a id="menu-5"></a><h2>5. Logo</h2>
<p align=)