Задать вопрос
SmthTo

Rustam Bainazarov

Все перепёлки мира будут оплакивать мою смерть.
Ответы пользователя по тегу Дизайн

  • Как называется такой стиль иллюстрации?

    SmthTo
    @SmthTo
    Все перепёлки мира будут оплакивать мою смерть.
    …и когда добавят возможность ставить дизлайки на ответы?

    Тогда, когда добавят возможность ставить дизлайки за вопросы.

    Обычно все подобные иллюстрации ищутся по запросу flat illustration, какого-то иного обозначения я не встречал.

    5df8eb0abce1d648174913.jpeg
    Ответ написан
    14 комментариев
    14 комментариев

  • Имеют ли жизнь такие табы?

    SmthTo
    @SmthTo
    Все перепёлки мира будут оплакивать мою смерть.
    Табы по клику нужны, чтобы как раз-таки ограничить необходимость прокрутки. У вас уже по сути не табы.

    Представим ситуацию. У вас после блока с табами ещё куча информации (слайдеры с доп. товарами, кросс-товарами, ещё там что-то). И вот чтобы достичь эту информацию, нужно прокрутить все-все табы.

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

    У вас получился синтез таба и той штуки с заглавием блока, который на экране (не знаю, как называется, примерно вот это). От табов — скрытие контента других табов и фиксация начала контента табов в одном месте, от второй штуки — идея прокрутки и индикация текущего смыслового блока.

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

  • Какую ширину сайта делать 1366 или 1349?

    SmthTo
    @SmthTo Куратор тега HTML
    Все перепёлки мира будут оплакивать мою смерть.
    Советую брать в основу десктопного макета разрешение типичного ноутбука (1360px) + вычитать полосу прокрутки (16–17px). В любом случае учитывать полосу прокрутки нужно обязательно, чтобы избежать проблем.

    А ещё лучше, чтобы ваш макет умещался в рамках ~1320px, потому что некоторые шрифты на разных ОС и в разных браузерах могут иметь различный размер значений межбуквенного расстояния. К примеру, такая шняга есть у шрифта Circe: MacOS рендерит с большим межбуквенным расстоянием, чем Windows (и это в рамках одного браузера — Chrome).

    P. S. Почему за основу именно типичный ноутбук? Потому что большинство больших мониторов имеет оное разрешение, в т. ч. куча недорогих мониторов по 22 дюйма и подобные им. Лучше, конечно, продумать макеты и на разрешения выше (к примеру, 1360–1600, 1601–1920, 1921–2560). Ну и так далее. Всё зависит от дизайна.
    Ответ написан
    2 комментария
    2 комментария

  • С чего начать веб-дизайн?

    SmthTo
    @SmthTo Куратор тега Вёрстка
    Все перепёлки мира будут оплакивать мою смерть.
    Если вы занимались разработкой прототипов, то вы (по идее) должны понимать, что такое сетка.

    Макеты в Photoshop делать неудобно, для этого сейчас есть специальное ПО типа Figma, Sketch. В них есть инструменты для реализации 90% процентов потребностей современных сайтов. В плане дизайна, конечно же. Отдельные элементы (типа сложных иконок, SVG-масок, графических элементов) уже нужно делать в других программах (Illustrator, Photoshop и т. п.).

    Более того, вам нужно иметь понимание о вёрстке (HTML, CSS) — и чем глубже, тем лучше. Иначе вы можете «надизайнить» те вещи, которые реализовать либо технически невозможно, либо архисложно.

    Экраны (типичные по ширине; без промежуточных значений):
    · 1920 — большинство «больших» мониторов имеют данное разрешение, но за стандарт я бы его не брал. Но желательно учитывать данное разрешение тоже.
    · 1300 — условный некий стандарт (ноутбуки).
    · 1024 — планшеты (iPad 9.7" в альбомной ориентации).
    · 768 — планшеты (iPad 9.7" в портретной ориентации).
    · до 767px — смартфоны.

    Я для себя выбрал такие экраны, с которых начинаю:
    1. от 0 до 767
    2. от 768 до 1023
    3. от 1024 до 1199
    4. от 1200 до 1300
    5. от 1301 до 1900
    6. от 1900 до 2500

    Но опять же — на конкретном проекте указанные выше диапазоны значений могут меняться или вовсе объединяться, могут добавляться промежуточные и т. д. К примеру, если у вас основное разрешение 1360 пикселей (ноутбуки), но т. н. boxed-layout, то вам надо делать макет шириной меньше, чтобы были видны границы по бокам + учитывайте ширину скроллбара Windows (16–17px).

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