Ответы пользователя по тегу Интерфейс пользователя
  • Где изучать UI/UX?

    @McBernar
    Знание инструмента не сделает из вас дизайнера.

    Знаете, что нужно уметь, чтобы работать с интерфейсами? Как нарисовать прямоугольник с тенью/рамкой и как добавить текст и фотку. Современный дизайн состоит на 80% из прямоугольников и текста, 20% — фотки. Иногда еще бывают круги, да. Короче, не думаю, что тут нужен какой-то специальный курс. Скетч/Фигма осваиваются за час. Что вы тут собрались учить до нового года? Просто откройте чертову Фигму и нарисуйте уже что-нибудь.
    Ответ написан
  • Какие есть хорошие курсы по Web-Дизайну с 0?

    @McBernar
    Я знаю три отличных курса по дизайну — желание, трудолюбие и железная жопа.
    Попробуйте туда записаться.
    Ответ написан
  • Куда пойти в дизайне?

    @McBernar
    Границы очень условны. Я не знаю дизайнера, который был бы прекрасным специалистом по мобильным приложениям, но не мог бы при этом нарисовать лендос или сделать интерфейс какого-нибудь сервиса. Ну и в обратную сторону то же самое.

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

    Если хотите рисовать мобилки — берите и рисуйте. Сейчас огромное количество курсов, туториалов и статей. Нет ни одной причины не стать дизайнером, если есть такое желание.
    Ответ написан
  • Как выгрузить видео на behance?

    @McBernar
    Так что непонятного? Видео конвертится, это процесс не быстрый. Сохраните и ждите.
    Ответ написан
  • Как стать профессионалом в веб-дизайне?

    @McBernar
    1.
    >многие заказчики или работодатели требуют PSD
    Они просто о другом не слышали. Покажите им Фигму и все. С другой стороны, ФШ не уйдет никуда, потому что фотки коллажить нужно постоянно, и ни Скетч ни Фигма с этим не справятся.

    2. Верстальщику нужно отправить ссылку на проект.
    Бутстрап не имеет никакого отношения к Фигме.

    3. Я делаю 1280 или 1440 — смотря на каком мониторе работаю. Это неважно.
    Не надо быть заложником сетки и уже тем более заложником сетки Бутстрапа. Делайте дизайн, а не пляшите под геометрию сетки.
    Ответ написан
  • Где можно найти примеры дизайна современных десктопных интерфейсов?

    @McBernar
    Да, кажется, сейчас половина софта на Электроне. А это тот же веб. Скайп, Слак, Ноушен.

    Думаю, надо плясать в первую очередь от возможностей разработки в вашем проекте.
    Ответ написан
  • Изучение iOS-разработки и дизайна мобильных приложений. Как быть?

    @McBernar
    Совсем разные профили. Рано или поздно вам придется сделать выбор между кодом и дизайном. Хотя, рисующий кодер или кодящий дизер — это всегда плюс.

    Но начать вы бы и правда могли с Андроида. Дешевле девайсы, не нужен Мак. А перейти потом на Swift не составит большого труда.
    Ответ написан
  • Программы для UI/UX дизайна?

    @McBernar
    Фотошоп только для растровой графики. Фоточку поретушировать.

    Для интерфейсов однозначно Фигма. Это уже почти стандарт в отрасли. И Фигма вам не даст делать той ерунды, что позволяет Фотошоп. Именно благодаря Фотошопу мы до сих пор наблюдаем обилие безумных бессмысленных рюшечек на сайтах.
    Ответ написан
  • Что делать тем у кого творческая часть хворает?

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

    @McBernar
    1. Нет, дизайн — это отдельная профессия.
    2. В книгах, статьях, чужих работах.
    3. Этот небольшой этап приносит миллиарды долларов компаниям.
    Ответ написан
  • На каком языке вести профиль на behance? Русский или Английский?

    @McBernar
    Как хотите. У меня вперемешку.
    Сам профиль, описание и кейсы, конечно, на английском. Макеты легко могут быть на русском языке. Так все делают.
    Ответ написан
  • Базовые знания для дизайнера?

    @McBernar
    Слушай, я понимаю, что ты хочешь, но, боюсь, здесь нет ответа.

    Задача проста — систематизировать знания и закрыть пробелы. Но, к сожалению, нет никакого универсального и всеобъемлющего курса, пройдя который ты обретешь все знания. Сейчас гораздо больше информации, чем было во времена, когда я начинал карьеру дизайнера, но количество не говорит о качестве.

    Из того, что можно точно выделить:

    1. Советы Горбунова. Школа у них чудовищная, но вот в советах очень много полезной информации. И, по-моему, они эти советы перенесли в формат электронных книг. Там и по интерфейсам темы и по академическому дизайну и много ответов на разные вопросы по копирайтингу/менеджменту/развитию. В общем, довольно ценный ресурс.

    2. Школа Тильды. Это набор последовательных статей. Там описан в некоторой степени утопичный дизайн-процесс, но именно к такому процессу и нужно стремиться при работе в команде дизайна. Они рассказывают о дизайн-мышлении, о картах, персонажах и прочих ментальных инструментах. Это материал не для новичка, а для мидла скорее. Сейчас большинство крупных западных команд работает в +- подобном ключе.

    3. Книга "Психбольница в руках пациентов". Классика. Читается как роман, ставит мозги на место сразу. Ты начинаешь решать задачи, а не рисовать пиксели.

    Многие скажут, что нужно обязательно прочитать Тафти. Лично я читал его, но это невероятное занудство — более скучных книг нет на всей планете, наверное. Если ты хочешь быть прям как Бирман какой-нибудь — дотошным любителем схем, инфографики и вот этого всего, тогда это маст рид. Есть еще Раскин, который решил описать работу над интерфейсом в академическом стиле. Тоже считается некоей библией. По занудству находится примерно рядом с Тафти. Но мне кажется, что это примерно как учить английский язык по словарю.

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

    И самое главное — научись верстать. Не просто понять базовые теги html, а по-настоящему. Чтобы твой код был почти готов уйти в продакшен. Ты откроешь для себя сторону дизайна, которая всегда оставалась в тени — то, как твой продукт реально работает, а не то, как ты себе это представляешь, глядя на картинку. Например, ребята из Apple всегда делают сотнями пенопластовые и пластиковые макеты для новых Айфонов, крутят их в руках, ходят с ними в карманах и т.д. Только так можно прочувствовать форму, понять изъяны и улучшить продукт. Картинка ничего не говорит о проекте, нужно уметь ее материализовать. В вебе с этим помогает верстка.
    Ответ написан
  • Как называется такой стиль дизайна?

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

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

    Если вы хотите найти что-то похожее:
    1. Грузите картинку в гугл имаджес и ищите похожие
    2. Идете на pinterest и вбиваете dark web ui или что-то в этом роде — потом можно будет поиграть с предложенными запросами
    Ответ написан
  • Как перейти в сферу UX из QA?

    @McBernar
    Отдельное направление UX существует только во влажных фантазиях ленивых дизайнеров, которые мечтают, что будут только двигать серые квадратики и проектировать архитектуру в отрыве от реального дизайна. Так, конечно, не бывает. Вернее, были попытки некоторое время назад так делать, но результат работы был совершенно бессмысленным. В итоге большинство компаний вернулось к привычной схеме универсальных дизайнеров.

    В полноценных командах UX-ом занимаются все. В большей степени за это отвечают продакт-менеджер и дизайнер, но при этом любой участник команды может предлагать свои решения того или иного юзкейса. А учитывая, что у нас пока дизайнеры почти не умеют в код, то многие прикольные интерфейсные вещи приходят в том числе и от разработки. Главное — не подпускать сюда типичных ПМ-ов, которые в ворде нарисуют три прямоугольника с текстом "тексттекстекст" и будут топить за свой "UX".

    Так что забудьте. Либо вы фулл-стек дизайнер, либо QA.
    Ответ написан
  • Какие книги почитать веб-дизайнеру, среднего уровня?

    @McBernar
    Могу вам посоветовать поменьше читать профессиональной литературы, а в сэкономленное время сидеть и рисовать. 4 работы в портфолио — это ни о чем.
    Ответ написан
  • Как подбирать подобные интересные цвета?

    @McBernar
    Да просто наберите себе референсов с цветовыми гаммами и используйте пипетку :) Так все и делают. Вот раз в два года кто-то находит новое сочетание и его начинают все усердно копировать.
    Ответ написан
  • Где взять сборку UI дизайна/элементов для фотошопа?

    @McBernar
    8 баксов жалко? Это полторы чашки кофе.

    Гуглите UI Kit, их дофига. И платных и бесплатных.
    Ответ написан
  • Figma и заказчик?

    @McBernar
    Не заказчики, а клиенты :) Забудьте это дурное слово.

    Все просто — предупреждайте клиента, что работаете в Фигме и никакого PSD у вас нет, потому что это прошлый век. Если он говорит, что его разработчики работают с PSD, просто объясните ему, что, во-первых, скорее всего они работают и с Фигмой, а если и не работают, то очень обрадуются тому удобству, которое она дает — возможность сразу смотреть параметры шрифтов, все отступы и расстояния, цвета, копировать css-сниппеты и очень удобно вытаскивать картинки из макета.

    Клиент не должен разбираться в современных подходах к разработке — для него Фотошоп еще долго будет стандартом. Но и не надо идти на поводу у клиента — просто объясняйте ему все как есть. У меня за три года, как я полностью перешел на Скетч, не было ни одного клиента, который бы все-таки потребовал Фотошоп. Короч, не надо бояться разговаривать. Клиент не барин, а партнер.
    Ответ написан
  • Какие существуют альтернативы Material Design?

    @McBernar
    Material design чудовищен, да.

    Есть огромное количество дизайн-китов. Как в формате psd/sketch, так и уже сверстанные css-фреймворки на их основе. Отличаются они степенью проработки элементов и количеством готовых лейаутов.

    ui8.net
    market.designmodo.com
    creativemarket.com

    Можно купить их там. Есть и бесплатные, гуглите.
    Ответ написан