Доработка стиля
AnnaДоработка стилистики необходима, когда вы подбираете разные референсы, под разные экраны. В итоге после полной копии у вас получается солянка стилей и цветов. Разумеется, так не пойдет и всё необходимо подчинить единой цветовой палитре и стилистике.
Делается это планомерно. Каждый экран прорабатывается до идеала и только после приступают к отрисовке по рефу к следующему экрану.
Что должно быть одинаковым на всем сайте?
Размеры шрифтов
Вы должны следить, чтобы все заголовки были одного начертания и кегля.
Все подзаголовки были одного начертания и кегля.
Все основные текст были одного начертания и кегля .
Разумеется, вообще все подчинить одному стилю не получится, да и это будет попросту не красиво. Поэтому допускаются отступления в баннерах, карточках или каких-то индивидуальных блоках. Но в основном у вас должно все быть выверено и совпадать не только на одной странице, но и вообще на всех.
В зависимости от ваших референсов, выбирайте усредненные значения. Например, в одном блоке у рефа заголовок 60 кегель, а в другом 30 - возьмите 40 кегель.
Скругления
Если у вас весь сайт без округлений, то вы должны во всем этого придерживаться. В карточках, баннерах, старайтесь выбирать фоновые изображения с более четкими формами, для поддержания стиля. Аналогично, если вы используете скругления у блоков - вы должны их использовать везде. В картинках, в карточках, баннерах и т.п.
При этом если у вас весь дизайн строгий и без округлений, кнопки могут быть круглые, т.к. это самостоятельный элемент.
Кнопки
Допускается до трех видов кнопок на сайте, но старайтесь ограничиться двумя стилями, как правило этого достаточно. В противном случае, пользователь может просто не понять, что это кнопка, не говоря уже о нарушении единого стиля.
Вы можете инвертировать цвет: например, кнопка была белая, с черным текстом. Вы можете сделать наоборот - черный фон и белый текст. Но менять цвет полностью или немножко нельзя. То есть если у вас была кнопка с красным фоном, такая же кнопка с розовым фоном будет считаться за новую кнопку.
То же самое касается размера. Если вы полностью сохранили стилистику и кнопка идентична прежней, но при этом меньше по высоте, или в ней шрифт другого кегля, то это считается за другую кнопку.
Отступы
Все отступы должны быть идеально ровными и отвечать требованиям.
Следите, чтобы отступы не менялись на протяжении не только страницы, но и всего сайта.
Например, отступ заголовка от контента должен быть одинаковым.
https://tilda.education/design-mistakes
Цвета
У вас должно быть ограниченное количество цветов. Редкое исключение - если дизайн содержит сложные градиенты. В остальном у вас может быть 2-3 цвета для шрифта, так же для кнопок и фона. Не должно быть такого, что у вас цветник и куча оттенков. Могут быть допущены некоторые отступления, но основная часть контента должна подчиняться этой логике.
ttps://telegra.ph/Kak-podobrat-cveta-dlya-sajta-03-17
Другие блоки (фильтры / сортировка / карточки / сео-текст / слайды …)
Кроме всего вышеперечисленного для вас важно сохранять уже отрисованные элементы.
На всех страницах должны быть одинаковые вспомогательные и основные элементы, которые уже готовы и приняты.
То есть, если вы уже отрисовывали сео-текст на главной странице, то на всех страницах он должен быть с таким же оформлением.
Если вы уже отрисовывали слайдер со стрелками и пагинацией, то на всем сайте должны быть именно эти стрелки, этого размера и с такой же пагинацией. Цвета можно инвертировать.
Иконки
Иконки по аналогии допускаются 2-3 видов, не более. Лучше 2 типа.
Старайтесь сохранять все. От размера, до цвета. Обязательно должна быть одинаковая толщина, уровень прорисовки и стилистика у одного типа иконок.
Если у вас стилистика сайта со скруглениями, то иконки тоже должны быть мягкого очертания, без острых углов - и наоборот.
https://telegra.ph/Ikonki---gore-ot-uma-ili-um-ot-gorya-08-23
Подведем итог
После подчинения своей стилистике, реф может быть изменен до неузнаваемости. Но далеко не каждому рефу подойдет ваша стилистика, некоторые будут просто испорчены, но это не значит, что изменения нельзя откатить назад.
Если ваш реф оказался испорчен, попробуйте откатить назад и понять, из-за какой детали он оказался испорчен.
Возможно, именно эту деталь можно изменить везде и она будет выглядеть хорошо.
Многие рефы просто не подойдут, поэтому не бойтесь работы, чем больше вы перерисуете и переберете, тем больше опыта получите и тем быстрее в дальнейшем начнете их подбирать.
Но у меня нет вдохновения…
https://telegra.ph/U-menya-nichego-ne-poluchaetsya-08-05