• Как убрать эти тени?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Было бы круто, если бы это был гугл хром... на скриншоте где вы выделили, никаких теней нет, просто белый свет.

    У вас проблемы с монитором, попробуйте поменять шнур HDMI/VGA, хотя скорее всего дело в матрице.
    Ответ написан
    1 комментарий
  • Как достичь такого эффекта?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Все фотостоки заполнены таким эффектом: https://ru.depositphotos.com/18702551/stock-illust...

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

    Ну или вот так - выбор больше

    Потом соответственно менять цвет под нужный.
    Ответ написан
    1 комментарий
  • Куда дальше расти, что изучать? Как найти команду?

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

    А вы хотите уже делать и мобильные приложения.

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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    На примере. Выделяешь все слои, ставишь один объект в начале - другой в конце, нажимаешь на эту кнопочку.5b6f012f3ca5d547365956.jpeg
    Ответ написан
    1 комментарий
  • Как мотивировать верстальщика перейти с Ps на Figma?

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

    Также объясните ему, что специальный инструмент для создание стилей (Шрифтов, цветов), избавит его от бессмысленной рутины, где в каждом блоке разные размеры шрифтов (эту ошибку часто допускают пользователи фотошопа.)

    UPD:
    Ответ для тех, кто не понимает, почему Фигма лучше фотошопа:

    1. Командная работа
    2. Работа со стилями, можно сразу разработать стили заголовков и цветов.
    3. Удобная работа с компонентами (в фотошопе ее вовсе нет).
    4. Позиционирование объектов, за счет этого, удобная адаптация под разные экраны (не путать с адаптацией под мобильники).
    5. Облачное хранилище, удобная библиотека файлов.
    6. Возможно продемонстрировать макет заказчику без сохранения PNG, JPG файлов (кидаешь просто ссылку на прототип)
    7. Интерактивные прототипы, с базовой анимацией, с возможностью привязать ссылки к кнопкам.
    8. История действий, которая сохраняется на 30 дней.
    9. Удобнейшая работа с вектором, в отличие от фотошопа.
    10. Возможность импорта и экспорта SVG вектора, с возможностью его редактировать.
    11. Система Фреймов, позволяющая на одном листе создать несколько рабочих областей, что позволяет выводить всякие UI элементы в отдельный Frame, точно также с адаптацией.
    12. Система страниц, позволяющая не разделять каждую отдельную страницу, в отдельный файл. Разработка нормального портала на фотошоп, занимает порядка 40 - 50 PSD файлов.
    13. Общая система компонентов для всего проекта, возможность превратить дизай-систему в конструктор.
    14. Возможность зайти в библиотеку с любого компьютера, и продолжить работу.
    15. Отзывчивость разработчиков, баг-репорт каждую среду.
    Ответ написан
    1 комментарий
  • Как установить шрифты только для Photoshop?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    В папку C:\Program Files (x86)\Common Files\Adobe\Fonts
    Если ее там не будет, просто создайте ее.

    Но вопрос - зачем? Это не благоприятно скажется на работе самой программы, и разве вы работаете исключительно на фотошопе?
    Ответ написан
    1 комментарий
  • Какие книги посоветуете начинающему web-дизайнеру?

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

    Что конкретно нужно делать:
    30% теории, мой список книг:

    Якоб Нильсон «Веб Дизайн»
    Стив Круг «Не заставляйте меня думать»
    Майк Монтейро «Дизайн — это работа»
    Дональд Норман «Дизайн привычных вещей»
    Виктор Папанек «Дизайн для реального мира»
    Генрих Альтшуллер «Найти идею»
    37Signals «Getting Real»
    Джеф Раскин - Новые направления в проектировании компьютерных систем
    Джеф Раскин - Об интерфейсе
    Брюс Тогнаццини «Главные принципы интерактивного дизайна»
    Ян Чихольд «Новая типографика»
    Эмиль Рудер «Типографика»
    Нора Галь «Слово живое и мертвое»
    Саша Карепина «Искусство делового письма»
    Мюллер-Брокман «Модульные сетки в графическом дизайне»

    60% практики:
    Рисуйте все что попадется под руку, перерисовывайте шаблоны - это очень помогает, делайте личные проекты, которые только пришли Вам в голову, в конце-концов, берите заказы.

    10% вдохновения:
    Каждый день, перед началом любых работ, заглядывайте на:
    Behance.net
    dribbble.com
    themeforest.com
    Ответ написан
    3 комментария
  • Какими аргументами мотивировать верстальщика перейти с Ps на XD?

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

    Дело в том, что для верстки давно уже существуют инструменты, такие как Avacod и Zeplin, они умеют работать как с фотошопом, так и с Adobe XD. Объясните ему, что в этих инструментах более удобный экспорт изображений, векторных фигур, много-много разных шаблонов для облегчения написания кода.

    Если верстальщик отказывается верстать с Adobe XD или Figma - он не стремится вперед, так как за этими инструментами будущие, и оно не за горами.
    Ответ написан
    Комментировать
  • Какой реальных доход с продаж шаблонов дизайна и тем сайтов?

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

    Насколько мне известно, есть иллюстраторы которые на стоках получают 20к рублей, а есть те кто получают 200к рублей, а есть те кто вообще никаких прибыли не имеют. Тоже самое и с шаблонами на themeforest или других площадках. Все зависит от того, взлетит ли ваш товар среди выбранной аудитории или нет.
    Ответ написан
  • Какой джентельменский набор вы используете для проектирования UI/UX?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Очень короткий список, но очень полезный:

    1. Axure - основной инструмент для разработки прототипов, иногда заменяет драгоценный блокнот.
    2. Figma - для полноценной реализации того, что сделал в Axure, грубо говоря делать дизайны - там.
    3. Adobe Photoshop - каждый раз когда нужно поработать с растровой графикой - иду туда, и импортирую позже в Фигму.
    4. Adobe Illustrator - когда не хватает стандартных инструментов Figma для векторной графикой (а такое бывает не часто), открываю Иллюстратора.
    5. Ну и конечно же, для вдохновения Behance, Дрибл и Themeforest.

    Есть аналоги Figma, это Adobe XD и Скетч, но тут на вкус и цвет.
    Ответ написан
    Комментировать
  • Научился создавать сайты, но не обладаю "дизайнерским взглядом", как его получить?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Веб разработка + дизайн, очень плохая идея. Мало того, что там и там вам нужно постоянно подпитывать новую информацию, так еще, там и там нужен очень глубокий опыт. Эти профессии не зря разделяют, и лучше не делать то и другое одному человеку.
    Ответ написан
    1 комментарий
  • Sketch или Figma для дизайна интферфейсов?

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

    У меня все)
    Ответ написан
    Комментировать
  • Работа в Figma .Язык интерфейса?

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

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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Avacode - заменит любой фотошоп и упросит верстку.
    Ответ написан
    1 комментарий
  • Анимация интерфейсов на Windows?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Привет!
    Если работаешь на Mac то с Figma хорошо интегрируется Haiku , если работаешь на Windows, придется подождать некоторое время пока Haiku  выпустит инструмент для Windows. Сейчас же, к сожалению таких инструментов нет.
    Ответ написан
    1 комментарий
  • Не правильное начертание в Adobe XD, почему?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Не нажали ли Вы случайно на обводу? prntscr.com/jxkt4

    Это единственное что в Adobe XD может сделать шрифт сразу жирным. Следующий вариант - вы скачали неправильный шрифт. Сейчас установил точно такой же, у меня он отображается нормально.
    Ответ написан
    2 комментария
  • Правильно ли я понимаю организацию рабочего процесса веб-дизайнера в плане инструментов?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    1. Примерно все так, я бы еще добавил несколько инструментов для создания прототипов.
    2. Не обязательно использовать Иллюстратор, он для сложной векторной графики. Чтобы нарисовать иконку, достаточно будет работы на Figma, причем она сделала эту возможность очень удобной.
    3. Достаточно любой книги по обработке фотографии, попробуйте почитать официальное руководство.
    Ответ написан
    Комментировать
  • Где можно скачать UI kit для Material Design 2?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Ответ написан
    Комментировать
  • Как настроить figma для верстки?

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

    Во вторых - справа в панели, есть все свойства: prntscr.com/jmfvjy и prntscr.com/jmfvpe
    Ответ написан
    1 комментарий
  • Учебные материалы по созданию дизайнов сайтов?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Тут нужно разделять, тебе нужно обучение конструктору или сначала научиться понимать дизайн? Инструмент - это второе дело, первое дело - начать понимать дизайн.

    Первым делом, посоветую тебе список книг из этой ветки - однако с ним я не согласен в том, что не нужно смотреть Behance и Dribble, их нужно смотреть! Желательно даже брать топовые работы и перерисовывать их, тогда ты поймешь как и зачем они были сделаны. Твоя основная задача сейчас:
    20% теории
    60% практики
    20% - смотреть любые сайты, анализировать, сравнивать с работами профессионалов и делать выводы.
    Ответ написан
    3 комментария