Ответы пользователя по тегу Дизайн
  • Как отрезать лишнее в иллюстраторе?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Бинарными операциями.
    Ответ написан
    Комментировать
  • Как лучше сделать?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. Исключить появление такого объема текста, например, гайдлайном.
    2. Добавить гармошку: эффект при наведении или клике. Оба варика хуже первого.
    Ответ написан
    Комментировать
  • Хочу записаться на курсы веб дизайнера.Что скажете про яндекс практикум?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Конкретно про Яндекс не знаю, да на самом деле конкретно ни про какие курсы не знаю, но:
    1. Дизайн ооочень субъективная штука, научить можно базовым общепринятым принципам, типа как пользоваться софтом, или почему располагать элементы на хаотичном удалении друг-от-друга плохо.
    2. Хорошие курсы еще научат таким азам, как, ничего себе, тире. К ним можно отнести Бюро. Наверное. Но у них во всем явно просматривается корпоративная пропаганда, поэтому это скорее всего опять же навык субъективного дизайна, только корпоративного.
    3. Если речь о небольших деньгах и кратком сроке (интенсивы называются), то чтобы въехать в тему можно и пойти. Того же самого, но без наставления старшего ты достигнешь в разы дольше.
    4. Ключевое — старший, им может стать человек, под которым ты будешь работать, как неофит.
    5. Если же ты дарование, то можешь самостоятельно собрать базу, развить в себе чувство прекрасного, может и очень субъективного прекрасного, но не суть.
    6. В любом случае без практики... Нет смысла даже соваться куда-либо.
    7. Советы про всякие площадки типа беханса — это антисовет. Т.к. на них делается почти всегда упор на вау-эффект, который никогда не будет применен в реальной жизни. Впрочем, это не значит, что туда нельзя заходить, наборот, просто понимать, что дизайн проектируется исходя из задач, так как дизайн = решение проблемы, а не художественная финтифлюшка.
    Ответ написан
    Комментировать
  • Какой здесь нужен цвет, чтобы шапка сочеталась с кнопками?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Вопрос все же по теме дизайна, а не CSS.

    А палитру можешь попробовать подобрать тут: https://colorscheme.ru/, или поискать готовые. Но по существу и постановке вопроса → лучше обратиться к дизайнеру.
    Ответ написан
    Комментировать
  • Как сделать, чтобы у квадрата были видны только углы?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Можно поиграться с dash обводкой.
    Ответ написан
  • Как правильно вкладывать блоки друг в друга при вёрстке?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Именно это явный кейс из бутстрапа. Притом плохой по своей сути: тег header существует не только для создания шапки, поэтому для определения стилей ему в обязательном порядке необходимо задавать класс. Еще лучше двинуться дальше с методологии типа БЭМ, которые расширяют указанную логику ответа.

    И именно он скорее всего нужен, чтобы задать стили шапке вкрая, а вложенный container нужен, чтобы внутри содержимое было упорядочено сетке и логике фреймворке (максимальная ширина и т.д.).

    При этом, если у самой шапки нет стилей и она существует только ради того, чтобы указать поисковику, что это шапка, но вести себя она должна, как обычный контейнер, то класс container можно вешать прямо на нее, минуя лишнюю вложенность.
    Ответ написан
  • Какую важность имеет параметр "семейное положение" в составление портрета пользователя?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Вся логика формирования пути пользователя строится на том, что ему надо показать (маркетинг) и тому, что должно быть ему удобный для повседневного пользования (интерфейс).

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

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Популярное количество колонок: 12, но это не значит, что это правило. Размеры, соответственно, тоже не имеют никаких жестких правил.

    Ты можешь сделать колонки в количестве 9 штук во весь экран и это можно сверстать. Классика типографии, кстати, 9 колонок.

    Поэтому, при работе с верстальщиком следует согласовывать подход и инструмент. К примеру, многие верстают на бутстрапе и ты можешь оттолкнуться от их контейнера. Это быстро и дешево.

    Профессиональному верстальщику в целом по барабану, какая у тебя модульная сетка, главное, чтобы она была адекватная и логичная. Т.е. прослеживались и подчеркивались закономерности.

    ЗЫ: в бутстрапе, как и любом другом уважающем себя фреймворке есть возможность переопределять размеры контейнера на брейкпойнтах и можно менять число колонок (к примеру на чуть менее популярную колоночную модель в числе 16 колонок).
    Ответ написан
    Комментировать
  • Как бороться с чувством, когда к концу работы над проектом — он приедается?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Все «новые очешуенные идеи для улучшения» у четких пацанов уходят в бэклог. Там они проходят переосмысление и если проходят круги ада и извращений, пускаются в работу.

    А расти, как специалист — это нормально.

    Но если ты закончил проект и забыл, не поддерживаешь его и больше врядли будешь как-то связан — отпусти.
    Ответ написан
    Комментировать
  • Как соединить два фона изображений для секций WEB дизайн сайта?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. Наслаивать с альфа-каналом (скорее всего получится по жести).
    2. Заливать фон пикчи основным цветом и уводить в альфу к концу пикчи.

    Второй вариант оптимальнее, так как первый может дать неожиданный результат, а переходы между неконтроллируемыми цветами дадут артефакт в виде серого перехода.
    Ответ написан
    2 комментария
  • Сколько адаптивных макетов нужно делать?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Редкий случай нынче, когда сайт нужен без адаптива, поэтому в уме держи, что да, нужно. Минимум 2 макета, чтобы покрыть 2 крайности (таблетка в общем и целом может быть идентична десктопной версии, за искллючением перестройки части блоков, так то далеко не всегда нужно проектировать каждый layout для таблетки).

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

    Все это, естественно влияет на цену, проще, может быть будет, ориентироваться на затраты человекочасов при расчетах.
    Ответ написан
    Комментировать
  • В чем делать дизайн анимации?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. АЕ это все еще какая-никакая база. У меня есть несколько знакомых в анимации, это их рабочий инструмент.
    2. Фотошоп не так уж и плох на самом деле, к тому же умеет как в раскадровку, так и видео монтажить.
    3. В конце концов некоторую анимацию можно в режиме кода создавать (SVG → SMIL).
    Ответ написан
    Комментировать
  • Какие есть варианты дизайна списка списков аттрибутов (см картинку)?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега HTML
    Руководитель frontend направления, предприниматель
    Какой-то странный вопрос. Вариантов чуть больше, чем дохрена.

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

    ЗЫ: самый удобный формат данных где-то рядом с этим — JSON)
    Ответ написан
    6 комментариев
  • Как сделать чтобы иконки выглядели четко?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Не стоит надеяться, что взяв растровое изображение можно получить векторное. Да, можно, но это аншлаг, обычно наоборот. Поэтому:
    1. Нет ничего сложного в том, чтобы набросать среднестатистический флаг от руки в любом редакторе изображения векторного формата, от AI до Inkscape. А некоторые типа России, Украины можно вообще рисовать программно, это 3 и 2 полигона соответственно.
    2. Почти всегда и все флаги можно найти уже в готовом svg -формате где-то в интернетах. Например тут.
    Ответ написан
    Комментировать