Итак, вы решили, что наконец-то пришло время запустить веб-сайт, чтобы продемонстрировать свои профессиональные навыки или суету. В процессе подготовки вы взяли идеальный домен, зарегистрировались для создания веб-сайта, выбрали правильный шаблон и подготовили несколько отмеченных наградами экземпляров, которые можно было бы там найти. И теперь вы смотрите на свой большой, красивый, пустой сайт. Акцент на бланке.
Несмотря на то, что очень многие онлайн-платформы делают создание веб-сайтов в наши дни, взгляд на пустую страницу все еще, вероятно, заставляет вас раскрутиться. В конце концов, есть еще кое-что, что вам нужно выяснить - например, какие фотографии включать и как выложить страницу - и если у вас мало знаний в области веб-дизайна, процесс может показаться вам пугающим.
Мы здесь, чтобы сказать вам, что у вас есть это. Чтобы сделать красивый веб-сайт проще простого, мы придумали полный набор инструментов, который проведет вас через все элементы, необходимые для запуска вашего сайта, а также наши любимые программы и профессиональные советы по их созданию. классно.
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=)
.</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=)