Ответы пользователя по тегу Адаптивный дизайн
  • Есть реально адаптивные/responsive - вплоть до 4k (широкие экраны) шаблоны?

    @dragonesis
    Возможно и будет когда-то подобное решение. Но нельзя сравнивать сервисы однородного контента и классические сайты. Например https://www.youtube.com/intl/ru/yt/about/ на 4к. будет выглядеть пустовато, по сравнению с fullHD. Вероятно, то что вы хотите не достижимо еще и по тому, что будет нарушать маркетинговые задачи проекта. Ведь от пользователя нужно что-то, а если он будет окружен большим количеством второстепенного контента, то и основной потеряется.

    Так что, мне кажется так. Если хотите портфолио на всю ширину то вперед, если страницу о компании, то не стоит.
    Ответ написан
    Комментировать
  • Как оценивать вёрстку?

    @dragonesis
    Возможно поступить следующим образом, так когда-то сделал я. Поискал фрилансеров топовых и не очень, всего около 30 человек опросил. Представлялся заказчиком, просил расценки и сроки по макету, спрашивал про технологии и просил портфолио посмотреть. После свел все в таблицу, оценил все полученные данные и вывел для себя стоимость часа работы. Взял тот уровень, за который был способен ответить + немножечко больше). Важный момент, так или иначе но нужно выяснять количество реальных проектов и постараться удостоверится, что они принадлежат этому человеку, иначе может картина не сростись. Ну и делать поправку на регион проживания дизайнера.
    Ответ написан
  • Адаптивный дизайн. Какими должны быть размеры экранов?

    @dragonesis
    Не совсем верно. Все зависит от начального дизайна. Следует учитывать, что требуется. Сегментированная адаптация или респонсиваня. Если сегментированая, то градации бутстрапа вполне подойдут. Если респонсивный, то в идеале продумывать его изначально, т.е. строить карту сжатия на листе и задавать ключевые параметры в ui гайде. Например у вас три блока одинаковой ширины. Ширина задается в процентах на верстке и нужно определить, какова минимально допустимая ширина этого блока. По достижении этой ширины блоки можно расположить друг под другом или же опустить один блок ниже, при этом задав размер им не в ~33% от размера рабочей области, а в 50%. И далее в таком ключе. Почему это важно? Потому что если это не сделать, то верстальщик либо вас доконает вопросами, либо сделает на свое усмотрение, в большинстве случаев плохо.

    Сетки размеров для базового представления можно взять те же. Также следует учитывать landscape режим просмотра, в котором достаточно мало остается вертикальной рабочей области. Особенно проблемным местом являются full page страницы.

    P.S.
    Сегметированный дизайн. Дизайн по строгим ключевым точкам, зачастую с жестким переходом в размерах рабочей области, сейчас применяется редко, в основном на сложно структурированных проектах или проектах с большим количеством жестко позиционированных элементов
    Пример:

    Респонсивный дизайн. Когда при верстке большая часть контента легко "сжимается" по ширине\высоте, подстраиваясь под размеры рабочей области. Вызывает проблему с неровным разбиением, что вынуждает предугадывать поведение блоков при изменении размеров экрана.
    Пример:

    UP.
    Касательно отступов, то все на усмотрение дизайнера. В том же бутстрапе не составит труда переменить размеры отступов, несмотря на предложенные им 15px, иногда требуется 60, 30, 15 и все в одном макете. Все зависит от вашего умения и виденья
    Ответ написан
    Комментировать