Сайт портфолио верстальщика фронтенд веб разработчика
Фриланс

Как должен выглядеть сайт-портфолио frontend разработчика?

В последнее время меня часто просят о том, чтобы я подкинула какой-нибудь красивый и модный макет, который можно использовать для личного сайта-портфолио. Но это невозможно сделать по следующим причинам:

  • Мои вкусы могут отличаться от ваших. Это субъективное «красиво» для каждого означает разное. Допустим, мне могут нравится сайты с тёмным бэкграундом, а вы бы хотели для себя светлый с няшным розовым;
  • В бесплатном доступе практически невозможно найти макеты, отвечающие всем трендам веб-дизайна текущего года. Вероятнее всего, вы найдете что-то в стиле 2014-го года.

Но не стоит расстраиваться. Я убеждена, что каждый фронтенд-разработчик должен уметь мыслить творчески, поэтому пофантазируйте, посмотрите чужие макеты, выберите понравившиеся сайты и начните создавать нечто новое, своё.

Источником вдохновения для дизайна могут послужить сайты, которые продают шаблоны. Обычно, я начинаю свой поиск с ThemeForest, потому что этот портал поистине огромен. Но если этого мало, то захожу еще и на TemplateMonster. Иногда использую Pinterest. Он работает лучше Google в этом направлении.

 

Помните, Вы НИКОГДА не найдете шаблон, который полностью бы удовлетворял Ваши запросам. Если бы это так работало, веб-дизайнеры были не нужны. Это всего лишь шаблоны и ориентированы они под типичные задачи.

 

Сайт-портфолио — это нечто творческое. Это индивидуальный рассказ о вас и вашей жизни. Соответственно и дизайн может быть скорректирован под ваши вкусы.

Разбавьте будущий сайт интересными или забавными фактами о Вас. Может Вы в тайне поклоняетесь мастеру Джедаев — Йоде? Напишите об этом! Почему нет? В этом плане, мне безумно нравится сайт Adham Dannaway (пример взят отсюда из раздела «Random Facts»).

 

Если вы не знаете какую цветовую гамму подобрать для сайта, то рекомендую 2 сервиса:

  • Colorscheme.ru (позволяет подобрать и сгенерировать любую цветовую схему)
  • Palettable.io (инструмент для подбора цвета по принципу «нравится/не нравится»)

 

Если этого мало и вам нужны советы или критика по сайту-портфолио/макету, то пишите в наш телеграм чат с тегом #обзор — Чат типичного верстальщика. Поможем улучшить ваш сайт вместе.

Предыдущий пост

Бесплатные макеты PSD многостраничных сайтов

Следующий пост

Бесплатные макеты PSD для практики Grid CSS

Комментарии

  • Denis

    Золотое правило: не позволяйте работодателю подозревать в вас только веб-дизайнера. Красивое оформление – это здорово, но в первую очередь вы показываете портфолио программиста. Продемонстрируйте, каким функционалом вы можете снабдить сайт: не почтовыми формами или еще чем-то банальным, а полноценным инструментарием.

    Reply to Denis

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *