所以，你已经决定最终推出一个网站来炫耀你的专业技能或你的喧嚣。 在准备过程中，你抓住了完美的域名，注册了网站建设服务，选择了正确的模板，并起草了一些屡获殊荣的副本。 而现在你正盯着你那个大而美丽的 空白 网站。 重点是空白。
尽管如今很多网络平台正在建立一个网站是多么容易，但是盯着一个空白的页面仍然可能让你头晕目眩。 毕竟，还有一些 你 需要弄清楚的东西 - 比如要包含哪些照片以及如何布置页面 - 如果你没有太多的网页设计知识，这个过程看起来会非常令人生畏。
我们在这里告诉你，你有这个。 为了让一个美丽的网站轻松搞定，我们提供了终极工具包，它将引导您完成启动和运行网站所需的所有元素，以及我们最喜欢的程序和制作它们的专业提示真棒。
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>有可能在某些时候，您需要编辑已有或已在网上找到的图像。 使用简单的图像编辑器进行裁剪，闪电，修饰，甚至添加文本或图形。 一些网站设计服务 - 包括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><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=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-3.jpg width=780 />
<p>当涉及到时尚且易于阅读的网站时，字体可以产生巨大的差异。 虽然它们看起来很简单，但你可以通过刻字来做很多事情，以帮助将书面内容的外观和感觉提升到一个新的水平。</p>
<p>同样，许多网站模板都带有预先设置的字体，但是如果你想改变一些东西，fontpair.co是一个简单的解决方案，可以找到让你的网站看起来像专业的pizazz的字体。 滚动精心挑选的设计师二人组来精确定位一对（并且绝对坚持站点范围内的一两个字体以防止事情看起来凌乱）。</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=)