Про веб-дизайн
Не устану повторять, что верстальщик должен не только отлично верстать, но и уметь создавать макеты для себя.
Рано или поздно Вы придете к тому, что за сайты «под ключ» платят больше. Значительно больше.
Так Вы сможете взять один заказ как минимум на месяц и забыть о поиске очередного клиента.
Достаточно часто заказчики хотят сайт с нуля. Как правило, это включает в себя следующий этапы:
1) Веб-дизайн;
2) Вёрстка;
3) Натяжка вёрстки на CMS (чтобы у заказчика была возможность управлять им).
Если со вторым и третьим пунктом можно справиться на техническом уровне, то с веб-дизайном дела обстоят иначе. Вам потребуется научиться простым основам типографики, теории цветовой гармонии и подбору иконок.
Чтобы научиться этому, Вы можете начать читать книги, изучать статьи или смотреть на макеты веб-дизайнеров, с которыми Вам приходилось работать или ещё придётся. Старайтесь работать только с теми, чьи макеты Вам нравятся на визуальном уровне. Макеты хороших веб-дизайнеров — это лучшие учителя. Верстая их, Вы в живую прикоснётесь ко всему, что можно изучить в теории по книгам.
Если решитесь на отрисовку простого лендинга (а начинать лучше с него), то помните о простых истинах, которые я почерпнула из хороших макетов:
1) Используйте 2-3-4 размера шрифта. Например, важный заголовок h1 — 50px, заголовок уровня h2, который будет дублироваться в каждом блоке — 30px, заголовок уровня h3 — 25px, простой текст — 18px;
2) Используйте одно (максимум два) шрифтовое семейство. Например, Open Sans — основной и Marck Script — для отдельных элементов. Если нет нужды во втором семействе шрифта, то лучше откажитесь от него;
3) Используйте 1-2-3 оттенка. Например, черный — основной (для шрифтов), синий — акцентный (для ссылок и элементов, которыми будет управлять пользователь), серый — добавочный (для фонов блока);
Пока я рисовала дизайн для лендинга, я наткнулась на хорошую статью, которая моментально объяснит частые ошибки веб-дизайнеров (обязательно к прочтению).
Читать — http://tilda.education/design-mistakes
Она помогла исправить моменты, которые могут забыться во время процесса. Последовав рекомендациям макет стал лучше в разы. Проверено.
К сожалению, я до сих пор не могу утверждать, что я хороший веб-дизайнер (наверно, у всех так, кто занимается творческой деятельностью), но я учусь и постоянно совершенствуюсь. Самое прекрасное время — утро. Именно утром, взглянув на свой макет Вы увидите все свои ошибки. Поэтому не старайтесь сразу скидывать своё творение заказчику. Лучше дождитесь утра, чтобы на свежую голову еще раз всё обдумать и поправить все недостатки.
Не устану повторять, что верстальщик должен не только отлично верстать, но и уметь создавать макеты для себя.
Рано или поздно Вы придете к тому, что за сайты «под ключ» платят больше. Значительно больше.
Так Вы сможете взять один заказ как минимум на месяц и забыть о поиске очередного клиента.
Достаточно часто заказчики хотят сайт с нуля. Как правило, это включает в себя следующий этапы:
1) Веб-дизайн;
2) Вёрстка;
3) Натяжка вёрстки на CMS (чтобы у заказчика была возможность управлять им).
Если со вторым и третьим пунктом можно справиться на техническом уровне, то с веб-дизайном дела обстоят иначе. Вам потребуется научиться простым основам типографики, теории цветовой гармонии и подбору иконок.
Чтобы научиться этому, Вы можете начать читать книги, изучать статьи или смотреть на макеты веб-дизайнеров, с которыми Вам приходилось работать или ещё придётся. Старайтесь работать только с теми, чьи макеты Вам нравятся на визуальном уровне. Макеты хороших веб-дизайнеров — это лучшие учителя. Верстая их, Вы в живую прикоснётесь ко всему, что можно изучить в теории по книгам.
Если решитесь на отрисовку простого лендинга (а начинать лучше с него), то помните о простых истинах, которые я почерпнула из хороших макетов:
1) Используйте 2-3-4 размера шрифта. Например, важный заголовок h1 — 50px, заголовок уровня h2, который будет дублироваться в каждом блоке — 30px, заголовок уровня h3 — 25px, простой текст — 18px;
2) Используйте одно (максимум два) шрифтовое семейство. Например, Open Sans — основной и Marck Script — для отдельных элементов. Если нет нужды во втором семействе шрифта, то лучше откажитесь от него;
3) Используйте 1-2-3 оттенка. Например, черный — основной (для шрифтов), синий — акцентный (для ссылок и элементов, которыми будет управлять пользователь), серый — добавочный (для фонов блока);
Пока я рисовала дизайн для лендинга, я наткнулась на хорошую статью, которая моментально объяснит частые ошибки веб-дизайнеров (обязательно к прочтению).
Читать — http://tilda.education/design-mistakes
Она помогла исправить моменты, которые могут забыться во время процесса. Последовав рекомендациям макет стал лучше в разы. Проверено.
К сожалению, я до сих пор не могу утверждать, что я хороший веб-дизайнер (наверно, у всех так, кто занимается творческой деятельностью), но я учусь и постоянно совершенствуюсь. Самое прекрасное время — утро. Именно утром, взглянув на свой макет Вы увидите все свои ошибки. Поэтому не старайтесь сразу скидывать своё творение заказчику. Лучше дождитесь утра, чтобы на свежую голову еще раз всё обдумать и поправить все недостатки.