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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Для дизайна такой анимации: after affects, principle, adobe XD.
    Ответ написан
    Комментировать
  • Какие цвета выбрать для меню?

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

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

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

    Для этого есть масса дизайн ресурсов, которые помогут вам по категориям найти дизайн, где ваша проблема уже решена. Используйте фильтры Dribble и Behance.

    Не боитесь на основе чужих идей, создавать свои - это не воровство , потому что вы их не копируете.
    Ответ написан
    Комментировать
  • Просмотрщик с адекватной поддерджкой SVG и рабочим поиском?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Привет!
    Зачем тебе проводник, когда есть ПО для удобного поиска иконок и перетаскивания их сразу в нужный редактор? Например: https://icons8.com/app/
    Там и SVG, и растр.
    Ответ написан
    4 комментария
  • Где найти интересные решения макетов для интерфейса сайта?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Часто использую themeforest.net или templatemonster.com, в них всегда можно отсортировать сайты по тематике и найти нужные элементы.
    Ответ написан
    Комментировать
  • Какая нужна ширина рабочей области?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Подробно отвечал на этот вопрос тут

    Ответ не в том, какую ширину брать на разных разрешениях экрана, ответ решается фиксированной шириной контентной области.
    Ответ написан
  • Как вы систематизируете компоненты и стили в Фигме?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Пример 1 - 2: чтобы не создавать несколько разных документов, а потом не переключаться на них от тех, которые принял клиент и тех, которые не принял, существует "история версий".

    Например: сегодня мне написал заказчик, что цвета на всех моих кнопках - ужасные.
    Теперь мне надо изменить все цвета, и я захожу в
    историю действий
    5c2625e89d6e3692164839.png
    и задаю
    имя текущей правки
    5c2625dc4f054979224799.png
    И она у меня сохраняется. Я потом могу вернуться к ней, вытащить из нее отдельные элементы или восстановить полностью, но она храниться всего 30 дней (если используешь бесплатную версию Figma).

    Пример 3 самый удобный способ хранить компоненты для всего проекта - это командная библиотека (и да, она стоит того, чтобы отдавать 1000 рублей/месяц), потому что в следствие, для большого проекта, можно идеально продумать все стили, особенно если в рамках одного проекта, делаешь несколько сайтов. Библиотека компонентов всегда в быстром доступе, там есть поиск по ключевым словам. При желании, можно создать свою библиотеку иконок и вытаскивать ее для всех проектов. Если дорого - я всегда прятал компоненты на отдельную страницу, дискомфорта не вызывало.

    Пример 4 не увидел тут конкретной проблемы, сам с таким не сталкивался)
    Ответ написан
  • Как из Figma сохранить целый Артборд как изображение?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    В Figme отпадает необходимость отправлять заказчику PNG файлы из-за каждой правки, сейчас есть возможность отправлять просто ссылку на прототип, который принимает в себя изменения в реальном времени.

    Для того чтобы отправить такую ссылку заказчику, нужно открыть режим прототипа и нажать на кнопку Share, оттуда уже скопировать ссылку:

    1
    5c2339468029b113631370.png
    2
    5c23399b28a18783762826.png
    Ответ написан
    2 комментария
  • Как понять какой дизайн лучше?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Для этого должно проявится, так называемое "чувство прекрасного", но на самом деле все проще. Макет определяется по нескольким критериям:

    1. Выполняет ли дизайн минимальные потребности пользователя?
    2. Выполняет ли дизайн цели бизнеса?
    3. Достаточно ли четко предоставлена суть сайта?
    4. Насколько удобен сайт?
    5. Насколько много будет зарабатывать сайт?

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

    Поэтому могу четко сказать - это приходит с опытом.
    Ответ написан
    Комментировать
  • Экспорт fig в XD (или как проще перегнать макет фигмы в After)?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Самый быстрый способ, это выделить все слои в Figma, нажать правок кнопкой мыши -> copy as -> copy as svg и в открытом окне Adobe XD, нажать CTRL + V. Проблема лишь в том, что все шрифты переведутся в вектор, и их нужно будет переносить вручную. С другой стороны, мы не часто, создавая анимацию, редактируем текст.
    Ответ написан
    4 комментария
  • К вопросу о навыках веб-дизайна для веб-разработчика?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Говоря о том, что веб-дизайн это всего лишь "небольшой этап", вы напрямую утверждаете, что от этой области далеки. Дизайн - это психология, вкус, анализ, тренды, это совершенно отдельная область работы, и профессионалы учатся годами, для того, чтобы сделать по настоящему удобный продукт.

    Вспомните 2000-ые, когда дизайнеров почти не было, и интерфейс проектировали программисты. Вспомните те неудобные программы, которыми могли пользоваться только хорошо подготовленные люди. Пользователей ПК было мало, люди боялись заходить в этот сложный мир, чтобы разобраться в одной программе, требовалась инструкция, каждый сайт нужно было изучать заново, не было никаких стандартов - все это потому, что эти области изначально нужно было делить. Один человек не может спроектировать удобный интерфейс, сделать красивый дизайн, качественно его сверстать и написать хорошие скрипты. В последствие все это надо тестировать, наблюдать за пользователями, менять и совершенствовать интерфейс.

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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    У меня есть конкретный отзыв про все курсы - вымогательство денег. Они никем не подтверждены, никем не сертифицированы, обучение на основе не реальных задач и не реальных ситуаций. Поверьте мне, я еще не видел ни одного человека, кто бы сказал, что после курсов, он стал больше знать.

    Полагаю в нашей отрасли, ничего нет лучше самообучения или обучения со старшими товарищами (арт-директорами например).
    Ответ написан
    9 комментариев
  • Какую ширину сайта делать 1366 или 1349?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Ширину всего сайта ставь любую, хоть в 2к разрешении. Основное - чтобы контентная область для всех экранов была одинаковая (в некоторых исключениях, можно делать адаптацию большие экраны).

    Например, возьмем пример разных мониторов, при условии что контентная область 1170px.
    1920px
    1366px
    1240px

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

    Пример:
    spoiler
    5c128b3e83ee3810765543.png

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

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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Сейчас Adobe XD с последним обновлением, предоставляет возможность создавать базовую анимацию, на примере
    Еще недавно вышел новый инструмент, в бета-тесте, называется mokup

    Из ожидаемых мною, есть программка haiku, обещали совсем скоро сделать под windows, сроки неизвестны.

    Других программ к сожалению пока нет, все анимации делаются на Mac...
    Ответ написан
  • Как называется такой UI скриншот?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Это Fullpage страницы, они помещаются на весь экран, иногда перелистываются как слайды, иногда достаточно только одного экрана.

    Так и называется - Fullpage, пример
    Ответ написан
    Комментировать
  • Какая скорость выполнения работ считается нормальной для веб-дизайнера?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Kadzi Все правильно написал, но есть одна деталь. Профессионал будет делать работу дольше, чем новичок и это связано с некоторыми моментами:
    1. Новичок не проводит исследование, у него нет представления о том, как делать анализ аудитории, анализ конкурентов, анализ клиента и его бизнеса - на это уходит много времени.
    2. Новичок никогда не прорабатывает сценарии, не обдумывает исходы этих сценариев, не составляет схему.
    3. Новичок не составляет карту сайта, для него есть понятие "главная страница и еще что-то там".
    4. Новичкам свойственно не прорабатывать стили, цвета, шрифты до начала проекта, они предпочитают все делать сразу на макете, а потом как получится.

    С учетом этих фактов, как раз таки новички и делают от "балды", им свойственно сделать макет за 4 - 5 часов, профессионалу же на нормальную разработку всех этапов нужно 3 - 4 дня, если заказ очень срочный, можно уложиться в 1 - 2 дня.

    По крайней мере, я говорю это по своему опыту, так как провожу полное исследование, обозначаю цели бизнеса, цели клиентов, разрабатываю карту, анализирую конкурентов, анализирую аудиторию, разрабатываю прототипы, разрабатываю для них стили, прохожусь еще раз по сценариям, и иногда, если есть возможность реализовать это в компании - собираю группу тестировщиков, для проверки удобства макета. Этого точно нельзя сделать за 4 часа :)
    Ответ написан
    Комментировать
  • Что можно поместить в сайдбар?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Сначала задайте себе вопрос: а что нужно туда вставлять?

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

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

    5bf9d93f624a4261055841.jpeg
    Ответ написан
    Комментировать
  • В каких случаях веб-дизайнеру нужно делать ресайз изображений?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Пока новичок, лучше сразу переходите на Figma, потому что фотошоп не для веб-дизайна. Фотошоп - это универсальный инструмент, в котором множество функций, он не специализирован на тонкостях веб-разработки, и не решает подобные вопросы.

    В Figme вам не нужно будет думать про ресайз, и она сократит количество ошибок до минимума.
    Ответ написан
    Комментировать
  • Как правильно оплачивать работу дизайнера?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Я веб-дизайнер, и если вопрос о том, "как" мне оплачивают работу, то просто скидывают деньги на карту.

    Самое основное, о чем я говорю с клиентом до того, как возьму у него предоплату - это условия. Обычно это ответы на простейшие вопросы:
    1. Что будет, если дизайн не понравится?
    2. Что будет, если работа выполнена на +20%, а заказ был отменен?
    3. Что будет, если потребуется второй - третий вариант?
    4. Что будет, если правок будет больше чем 3 серии?
    5. Что будет, если пришли какие-то изменения в ТЗ.

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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Я бы выбрал дизайнера с нереальными работами, так как по его портфолио можно точно сказать, какой у него уровень скиллов. Если его работы вас удивили, и они не настоящие - значит он действительно делает круто, и вы можете быть уверены, что некоторые фишки он сделал сам, и ему не подсказал заказчик. У каждого дизайнера есть свои работы, которые он делал вне работы, и он в эти работы вкладывает максимум своего опыта и фантазии. Если у дизайнера таких работ нет - я бы задумался.
    Ответ написан
    Комментировать