Реально ли найти для тренировка psd макет, который будет нормальним?

Question

[Doxi]

хочу взять для тренировки макет, но столкнулся с проблемой, так как нету адекватных макетов. Для примера скачал макет, там есть слайдер, как понимаю должно быть пару картинок с текстом/кнопками, но вот в макете только одна картинка с текстом, как верстать другие элементы слайда? Потом ширина макета, есть макеты с шириной 2к, 4к, как такие верстать, что с ними делать?

Answer 1

[Froggyweb]

адекватных макетов

макеты вполне адекватны.

как верстать другие элементы слайда

по аналогии
есть макеты с шириной 2к, 4к - это для ого чтобы на ретине не было потери качества иконок/картинок

Comments

[Doxi]

есть макеты с шириной 2к, 4к - это для ого чтобы на ретине не было потери качества иконок/картинок

так что мне с ними делать? когда верстаю то в браузере совсем не то что на макете

по аналогии

да, но вот угадай что именно должно меняться, текст? фон? текст и фон? какой фон, только картинка? или же еще что то? и из=за этого не понимаю как делать разметку

[alvvi]

Doxi:

так что мне с ними делать? когда верстаю то в браузере совсем не то что на макете

Если они вам сильно нужны, уменьшайте все вдвое и верстайте.

да, но вот угадай что именно должно меняться, текст? фон? текст и фон? какой фон, только картинка? или же еще что то? и из=за этого не понимаю как делать разметку

Это вам придется придумать самому, если у вас, конечно, нет способа связаться с дизайнером и потратить время незнакомого человека на странные вопросы.

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

Answer 2

[Mary Солнечная]

так как нету адекватных макетов.

Вопрос 1: что вы подразумеваете под "адекватностью макетов"? :)
Совет 1: чтобы научиться верстать, надо верстать все подряд. :)

но вот в макете только одна картинка с текстом, как верстать другие элементы слайда

Что вы подразумеваете по другими элементами слайдра? :)
Если вы не понимаете как делать остальные слайды, то в такой ситуации надо мыслить чуть шире - это не картинка с текстом и кнопками, это слайд, в котором отдельно текст, картинка и кнопка. И вам нужно подумать - так, вот есть слайдер, у него есть какие-то фиксированные размеры, или их нет, как будет заливаться картинка - фоном или просто вставлена img, и всё такое. Вам просто для примера можно брать другие картинки и адаптировать их под ширину вашего слайдера, а не думать "вот тут одна картинка в макете, а где же остальные?". + как вариант в фш в некоторых макетах дизайнеры оставляют скрытыми слоями дополнительные картинки

<div class="slider">
    <div class="slide-item">
         <p>Далеко далеко, за высокими горами...</p>
         <a href="#">Подробнее</a>
   </div>
    <div class="slide-item">
        <p>Далеко далеко, за высокими горами...</p>
         <a href="#">Подробнее</a>
    </div>
    <div class="slide-item">
         <p>Далеко далеко, за высокими горами...</p>
         <a href="#">Подробнее</a>
    </div>
</div>

В таких случаях макет делается х2 от реального размера, и все картинки делаются тоже х2.

Потом ширина макета, есть макеты с шириной 2к, 4к, как такие верстать

На такой вопрос тоже уже есть ответ Тыц
Плюс все еще от макета зависит. Хотелось бы посмотреть чо там, может быть у вас 4к макет с контейнером по центру.
В любом случае, медиазапросы вам помогут

Comments

[Doxi]

насчет слайда
вот например тут в хедере есть товар, и там есть описание, но вот есть еще 2 таба, как они должны выглядеть, непонятно.
теперь тут есть слайд, вот что тут есть именно слайдом? фон, текст и эти кнопки, или только кнопки?(скрытых слоев нету)
насчет ширины
у меня ширина экрана 1440, есть макеты с шириной 2000, даже те же 1920 или же 1600(это именно контейнера), если верстать по пикселям ничего не выходит

[Mary Солнечная]

Насчет слайда: все очень просто, смотрите:

Красным отмечен header, зеленым - навигация. Желтым - отмечен сам слайдер. А внутри него слайды, четыре штуки. Сейчас плагинов, которые реализуют такие штуки - очень много. Вот, к примеру, slick - там все очень понятно, заодно посмотрите как реализовано.

[Mary Солнечная]

Насчет ширины: конечно не выходит, это же логично :) размер только контейнера на предложенном макете 1600, а у вас всего 1440, и вы измеряете размер блоков и оно в браузере не так выглядит, потому что гораздо больше. Тогда несколько вариантов:
1) уменьшать вдвое и верстать, как будто это чисто под ваше разрешение
вот к примеру вот этот макет
https://symu.co/freebies/templates-4/consult-plus-...
даже если у него ширина контейнера больше, представьте, что у него именно ваш размер контейнера, и верстайте.

2) найдите макеты под 1440, или под 1600 хотя бы цельный, и верстайте, учитесь на нем

[Froggyweb]

Mary Солнечная: отличный вариант можно даже посмотреть готовый вариант что бы не задавать глупые вопросы