Как сделать красивый сайт?
Возможно вы, разрабатывая очередной проект замечали, что дизайн — не ваш конек. Вы хорошо пишете алгоритмы, отлично справляетесь с юзабилити, но выглядит все в итоге не очень красиво. Конечно, есть дизайнеры, но использование их услуг не всегда доступно по тем или иным причинам. Как же сделать красивый сайт?
На этот случай есть несколько классных читов, которые помогут сделать сайт красивым и привлекательным. Обязательно используйте их!
Шрифты в дизайне сайта
Возможно, это звучит слишком очевидно, но правильный подбор типографики играет важнейшую роль. Порой стоит только изменить шрифты, и внешний вид страницы преобразиться на глазах. На сайте Awwwards есть много примеров сайтов с хорошей, а порой даже удивительной типографикой. Там можно подчерпнуть вдохновение.
При этом хорошей идеей будет собрать свою коллекцию шрифтов, чтобы в дальнейшем не тратить много времени на поиск подходящего. В этом поможет Google Fonts — выбирайте понравившееся, добавляйте в свою коллекцию, и пользуйтесь в любое время. Google позаботился о вас, и дает код, который можно вставить в код страницы напрямую. Еще один плюс — все представленные шрифты можно свободно использовать, лицензионных ограничений на них нет.
На Font Squirrel так же есть куча шрифтов с открытой лицензией, но с интеграцией не все так просто. Чтобы использовать шрифт на сайте — нужно скачать его себе, поскольку «белка» не предоставляет CDN как Google.
Иконки помогут сделать красивый сайт?
Наверное, вы замечали, что использование сайта, на котором большинство текста дополнено иконками, доставляет эстетическое удовольствие.
Используйте их у себя! Это совсем не сложно, ведь есть Font Awesome. Сложно описать замечательность этого пакета — ведь там есть иконки для всего. Нет, правда. Бумажные самолетики, видеокамеры, ракеты, иконки брендов. А еще постоянно добавляются новые.
Использовать иконки можно свободно, а для подключения достаточно добавить одну строку в CSS. Не смотря на простоту, на официальном сайте на всякий случай размещены подробные инструкции.
Цвета для сайта
Цвета, цветовая палитра, гамма, сочетание. Это сложно. Действительно сложно. Ведь мало кто учился в художественной школе, лишь немногие имеют врожденный талант «видеть» хорошие сочетания.
Вероятно, вы сталкивались с проблемой, когда нужно было найти цвет, подходящий с другому, сочетающийся с общей гаммой сайта. Порой приходилось пересматривать всю палитру.
К счастью, есть Paletton. Вы просто подбираете тона, в которых хотите видеть сайт, а сервис за вас создает полную цветовую палитру. Вам доступно превью цветов, можно сгенерировать случайный набор. Кроме того, можно даже увидеть примеры страниц с выбранной вами цветовой палитрой.
В результате взаимодействия с Paletton у вас будет готовая палитра из кучи сочетающихся цветов, которую можно экспортировать себе в удобном формате.
Шаблоны для сайта
Конечно, это тоже чит, и вы наверняка о нем знаете. Тем не менее, используйте его. Это удобно — ведь за вас поработала команда специалистов, которые разбираются в своей области. Честно говоря, сейчас сложно сделать красивый сайт без использования шаблонов — на это просто уйдет слишком много времени.
Без сомнения, идеально подходящий вам шаблон вы не найдете, так что обратите внимание на относительно несложные шаблоны, построенные на Bootstrap, чтобы затем переработать их под свой проект.
Creative Commons Pictures
Когда вы делаете сайт — чаще всего нужны изображения. Ведь куча кнопок и полей для ввода выглядят скучно и однообразно, их нужно чем-то разбавлять. Как найти бесплатные фотографии, которые можно использовать у себя на сайте? Конечно же с помощью лицензии Creative Commons!
Множество людей рады поделиться своими снимками с общественностью и не возражают, чтобы их использовали другие сайты. У Creatibe Commons есть много вариантов лицензии, и чтобы не заморачиваться — просто используйте вариант «Attribution License» (сейчас по ней доступно более 65 миллионов фотографий).
Чтобы найти требуемые картинки — лучше всего подойдет Flikr Search. Вообще, есть ее CCSearch, но на мой взгляд он не слишком удобный.
Надеюсь, вы открыли для себя что-то новое, и теперь вам не составит труда сделать красивый сайт.
Спасибо Sam Atkinson.