• С какими проектами, типами приложений чаще всего работают дизайнеры? Что чаще всего заказывает бизнес?

    vfreelancer
    @vfreelancer
    php
    Приложение по автоматизации процессов бизнеса. ЛК для клиентов, для сотрудников. Отчеты. Интеграция с платежными системами и другими сервисами. Какой вопрос - такой ответ.
    Ответ написан
    6 комментариев
  • Как правильно создавать макеты для сайта?

    1. На начальном этапе - разработка общей стилистики, концепт-презентация заказчику - можно проработать только несколько основных страниц. Чаще всего это главная страница, личный кабинет при его наличии, структура меню/каталога.
    Когда дело дойдет до окончательной разработки и взаимодействия с верстальщиками - чем больше отрисованных вариантов, тем лучше. Нужно учитывать не только все страницы сайта, но и их вариации.
    Например, окно входа в личный кабинет - как выглядит в пустом состоянии, как в заполненном, как ведет себя, если введены неверные логин/пароль, какие дополнительные предупреждения выскакивают и т.д.
    Боковая вкладка меню - как выглядит в свернутом виде, как в развернутом, как выглядят вложенные в пункты меню списки, выделяется ли как-то раздел меню, в котором пользователь находится в данный момент и т.д.

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

    3. Все наработки UX и UI вам в помощь. Книги, курсы, видео, лекции. Основные принципы - удобство и понятность структуры + отсутствие вырвиглазности в визуале
    Ответ написан
    Комментировать
  • На какую позицию я могу претендовать в веб дизайне?

    alexgp13
    @alexgp13
    Руководитель ИТ-проектов
    Вряд ли джун, у Вас есть законченные проекты, выполненные без менторов, наставников и т.п. Если время позволяет поэкспериментировать, советую попытаться пройти собеседование на мидла. Если есть наглость и умеете говорить, то можете и на сеньора замахнуться.
    Проекты с Behance выглядят приятно глазу, продуманно. Навскидку есть нарекания на эргономику, особенно для пилорамы и магазина лесных даров, но я не знаю заказчика, целей и т.п., чтобы дать объективное мнение.
    Ответ написан
  • С какой шириной вы рисуете адаптивные сайты?

    @Step_M
    На основе практики создания адаптивных сайтов, используем вот такой комплект ширин (для верстки с использованием брейкпоинтов):
    320 или 480 — телефоны/смартфоны
    800 — смартфоны/планшеты
    1024 — ноутбуки/планшеты
    1280 — десктопы/планшеты/ноутбуки
    1600 — десктопы

    А вообще, суть адаптивного сайта автоматически подстраиваться под любой размер экрана, и в идеале лучше вообще обойтись без переломных точек, а просто плавно подстраивать элементы сайта (размеры блоков, размеры шрифтов и т.д.) под размер экрана.
    Ответ написан
    1 комментарий
  • С какой шириной вы рисуете адаптивные сайты?

    Pasha4ur
    @Pasha4ur Автор вопроса
    Чтобы не искали, из Twitter Bootstrap:
    Large display 1200px and up
    Default 980px and up
    Portrait tablets 768px
    Phones to tablets 767px
    Phones 480px and below


    Хотя я для планшетов остановлюсь все-таки на 720. Андроид-планшеты популярны с HD Ready 720p.

    P.S. Неимоверно рад, что теперь на Хабре. Есть возможность спросить у профессионалов, которые реально занимаются подобным.
    Ответ написан
    Комментировать
  • Почему после сохранения SVG в фигме он искажается?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    1. Все текстовые слои должны быть превращены в кривые:
    Скриншот
    5e0e0e752a020953746517.jpeg


    2. Все обводки, должны быть превращены в векторные объекты:
    Скриншот
    5e0e0e6f1478b423860862.jpeg


    3. Все векторные линии, должны иметь окончательную связь:
    Плохо
    5e0e0f31b5290729029904.jpeg

    Хорошо
    5e0e0f416653a858996484.jpeg


    К слову, это особенность любых векторных объектов, и фигма тут не причём.
    Ответ написан
    4 комментария