• Какие параметры у сетки под Bootstrap 3 для телефонов (разрешение 320)?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    На 320 используют 6 колонок.
    Кидаю ссылку на PSD шаблон, сетки Boostrap 3, она ответит на все вопросы: https://yadi.sk/d/jI23eWQYfCfMN
    Ответ написан
    1 комментарий
  • После импорта .fig файла в десктоп-версию Фигмы, этот макет улетает в облако и перестает быть локальным?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Да, все именно так. Но вы можете повторно пересохранить файл, заменив его.
    Ответ написан
    Комментировать
  • Как сделать такие волны?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Не понял вопроса, вы ждете ответа вроде "Нажми сюда, сюда и сюда и оно появится само", или вы ждете, чтобы вас научили работать с вектором? Если второе, то держите короткий курс:

    1. В связке с этими двумя инструментами, чертим волны.
    spoiler
    5beee92f22832480938148.png

    2. Вставляем белый или черный цвет и задаем ему прозрачность
    spoiler
    5beee97113af7597722220.png

    3. Любуемся результатом
    spoiler
    5beee9a733ebc114431850.png
    Ответ написан
    Комментировать
  • Как сменить профессию на UX/UI дизайнера?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Если нет семьи - очень просто, можно уехать под Москву, и снять где-нибудь домик за 15 - 30 т.р.
    На дорогу в таком случае будете тратить примерно 2 - 3 часа в день, это время можно использовать для чтения книг, остальное время - практика, практика и еще раз практика. Сразу на большой доход уйти не получится, в свое время приходилось жить на 15 - 20 т.р, и было вполне нормально)

    Что касается обучения, посоветую вот такой минимум, который поднимет вас до Junior. Остальное даст опыт.

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

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

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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Далеко идти не нужно, с habr.com информацию не пропустишь.
    Ответ написан
    Комментировать
  • Под какие разрешения должен рисовать дизайнер?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Давайте предположим, что вы еще не определились с контентной областью и возьмем стандартные для сетки Boostrap - 1170px, при таком раскладе, дизайн будет делаться в разрешении 1920 px (Чтобы сразу было видно картину на весь экран), при этом все не резиновые элементы и контентная область будет влезать в 1170px.

    В бустрапе 12 колонок, поэтому адаптировать под следующие экраны будет легче для разрешений: 768 и 320 соответственно.

    В итоге мы получаем следующие разрешения:
    1920 (контентная область 1170) - FullHD мониторы
    768 (контентная область 690) - Планшеты
    320 (контентная область 290) - Телефоны

    Это минимум, далее зависит от задач и сценария. Если контентная область выше 1170px, а сейчас такое часто бывает, то адаптацию нужно будет делать и под ноутбук, тогда контентную область следует высчитывает в кастомном режиме.
    Ответ написан
    Комментировать
  • Делать ли +адаптивний дизайн сайта или сразу верстать адаптив?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Возразил бы бы Eugene Chefranov , потому что большинство верстальщиков не имеют представления о том, как работает дизайн и не всегда понимают, почему "тут отступ больше, чем тут", и подобные мелочи. Если хотите, чтобы адаптация была качественная, рекомендую всегда отрисовывать ее минимум в 3-ех разрешениях (компьюетр, планшет, телефон).

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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Конкретизируйте пожалуйста вопрос, чего именно вы хотите добиться.
    Figma не работает с растровой графикой, и не может обрабатывать/разрезать фотографии. Если вы имели ввиду обычную маску, то это делается вот так:
    5bd31020cc87b399337918.png
    Ответ написан
    2 комментария
  • Какая из программ лучшая для создания UI прототипов?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Три мощные программы, самые жирные плюсы каждой из них:

    1. Figma - кроссплатформенность (даже lunux), командная работа в онлайне, возможность редактировать прототипы совместно, одновременно. - БЕСПЛАТНАЯ

    2. Adobe XD - пакет ADOBE, интеграция с их диском, удобная программа которая вливается в Creative Cloud.

    3. Sketch - большое сообщество, которое пилит плагины, можно кастомизировать инструмент под себя.

    Я выбрал Figma, потому что считаю, что на ней делать и использовать дизайн систему легче и практичней, а еще, считаю его самым мощным из вышеперечисленных. Когда доделают API для плагинов, цены ей точно не будет)
    Ответ написан
    1 комментарий
  • Назовите названия всех должностей в веб-дизайне?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    - Стажёр
    - Junior
    - Дизайнер
    - Старший дизайнер
    - Арт директор

    По крайней мере так во многих организациях.
    Ответ написан
    8 комментариев
  • Оценить дизайн начинающего дизайнера?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Буду откровенен - дизайн не будет работать! Объясню почему:
    1. Нет логики адаптации, не создана структура контентной области, сейчас это больше похоже на прототип.
    2. Нет логики цветовой схемы, все цвета были подобраны на "бум".
    3. Нет структуры шрифтов, опять же, и размеры и их расположение были использованы на "бум".
    4. Система отступов отсутствует совсем.
    5. Не было проведено анализа аудитории, анализа конкурентов, говоря прямо - у этого дизайна нет сценария, нет целей и нет удобного интерфейса.

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

    Что прочитать, на чем практиковаться и что вообще с этим делать, я описывал тут
    Ответ написан
    2 комментария
  • Так ли необходима сайту "шапка"?

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

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

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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Рисуют самостоятельно или используют UI KIT, их много, под разные стили.
    Интерфейсы обычно делают на Figma, Adobe XD, Sketch, устанавливайте их, гуглите "UI KIT" и используйте.
    Ответ написан
    5 комментариев
  • Стоит ли говорить на фрилансе то что ты школьник?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Главное не сделать преждевременную ошибку, ты уверен, что в 15 лет достаточно владеешь своими навыками? Ведь на Upwork можно выйти только один раз. Была ли у тебя до этого практика работы с удаленными работодателями? Крайне рекомендую задуматься, перед тем как начинать там работать.
    Ответ написан
    Комментировать
  • Какой путь развития в веб-дизайне лучше?

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

    Главное не зацикливайся только на практике, теория цвета, система отступов, понимание шрифтов, использование сеток, дизайн-системы - это все не придет с опытом, об этом надо читать.
    Ответ написан
    Комментировать
  • Перенос макета из Sketch в Figma?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Работал параллельно с одним дизайнером, над одним проектом. Он работа в Скетче, я на Фигме, он мне присылал свои исходники, я свободно их открывал. Были минимальные баги, но решались они в один - два клика.

    Фигма открывает Скетч достаточно качественно.
    Ответ написан
    Комментировать
  • Как избежать в Figma прилипания элементов к фрейму?

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

    5ba0d6fc56a85186964930.jpeg

    На картинке задана позицию Left - Top, это означает что объект всегда будет привязан к верхнему левому углу.
    Ответ написан
    7 комментариев
  • Подскажете отличные видеоуроки по Photoshop CS6 на русском языке?

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

    Предлагаю воспользоваться книгами, например:
    Официальный учебный курс
    Или
    Adobe Photoshop CS6 для всех

    Если уж совсем тянет на видеоуроки, то пользоваться лучше официальным курсом: https://helpx.adobe.com/ru/photoshop/atv/cs6-tutor...
    Ответ написан
    Комментировать