Ответы пользователя по тегу Интерфейс пользователя
  • Как правильно заказывать дизайн приложения iOS?

    cyber_roach
    @cyber_roach
    UX дизайнер INEDIapps
    1) на выходе лучше просить исходник figma
    там не будет проблем самому что-то сохранить в любом нужном формате
    Как адаптировать дизайн под смартфоны?
    - Заказывайте сразу с интеграцией дизайна в ПО, если нет опыта интеграции дизайна, то скорее всего у вас получится довольно плохо. Если все же хотите делать все сами - заказывайте максимально простой дизайн основанный полностью на Guidlines iOS
    2) От каких цен можно будет отталкиваться?
    Все слишком индивидуально и зависит как от объема работ, так и от скилов дизайнера. Я, например, не берусь меньше чем за $1000 на простые проекты.
    Если не знаете как оценивать работу специалиста - не оценивайте. Просто опишите проект - оформите заказ на фриланс, Фрилансеры сами скажут сколько это будет стоить. Это на самом деле даже более правильно.
    Ответ написан
    Комментировать
  • Как и где можно пройти практику Web Design?

    cyber_roach
    @cyber_roach
    UX дизайнер INEDIapps
    Верно ли я понимаю, что вы думаете, что после курсов вам дадут реальные задачи, запоров которые вы сорвете сроки проекта?
    Практика же подразумевает именно реальные задачи в реальном времени.
    Сделайте пару работ в портфолио, просто адаптируйте дизайн чего-то существующего. Не берите гугл, Фейсбук и пр. заезжено. Возьмите какой-нибудь дискорд, систему управления какую-нибудь, что-то сложнее лендинга.
    Если работодатели увидят, что вы действительно что-то можете дизайнить, а не просто слушать/смотреть курсы - вам предложат практику (естественно бесплатно, но, как правило, если человек справляется с первым заданием на отлично - берут на нижнюю планку ЗП сразу)
    Т.е. сделайте что-то сами для начала, т.к. в противном случае вам предложат только такую-же абстрактную в вакууме задачу, которую вы сами в силах себе придумать (если вы не в силах, что-то придумать и сделать самостоятельно - сорян, вам не место в творческих профессиях).
    PS/ и да, оформить портфолио себе любимому. Сайт портфолио свой - уже сам по себе практическая задача.
    Ответ написан
    Комментировать
  • В каких случая используют иконку с двумя треугольниками (для выпадающих списков)?

    cyber_roach
    @cyber_roach
    UX дизайнер INEDIapps
    В данном, конкретном случае Яндекс просто ошибся.
    Какой-то дизайнер яндекса очень любит свой Mac и считает его UI эталоном.
    Вот и нарисовал как там, На маках это от части продиктовано тем что значение не редактируемого можно переключить стрелками up и down. Это так же можно объяснить и тем что список там открывается чуть хитрее (позиционируясь на выделенном) и не всегда вниз.
    В редактируемых списках там так же 1 треугольник.
    Но в остальном мире 2 треугольника делают на Num UP/down элементе, т.к. в зависимости от того по какому треугольничку клик - увеличится или уменьшится значение. На выпадающих списках (любых) просто треугольник (или галочку) во избежании путаниц.
    на всякий случай прикрепляю скрин с UI на маках (старый, но не имеет особого значения)
    pi9hwdt-lpgqv-csdudcncts8j0.jpeg
    Ответ написан
    2 комментария
  • Где взять исходники для аниме сайта?

    cyber_roach
    @cyber_roach
    UX дизайнер INEDIapps
    Обычно художников нанимают для такого, без художников....можно попробовать поискать на стоках наверное и купить там, но не думаю что что-то найдется.
    BD_ l3ftoverZ! все что в гугле - под авторскими правами же, хотите клиента у человека (а => и человека) под возможное следствие пустить?).
    Ответ написан
    4 комментария
  • Есть программа, но на чем написана и какие библиотеки использованы?

    cyber_roach
    @cyber_roach
    UX дизайнер INEDIapps
    Недавно от них была статья
    https://habr.com/ru/company/utex/blog/443300/

    Это WPF + C#, возможно с использованием Telerik
    Ответ написан
    Комментировать
  • Какие аргументы для клиента при обновлении сайта (редизайн)?

    cyber_roach
    @cyber_roach
    UX дизайнер INEDIapps
    Важна цель редизайна, а не типографика, структура и прочее.
    Если вы четко обозначите клиенту например:
    - Я могу сделать дизайн так, чтобы в службу поддержки приходило вдвое меньше звонков
    - Я могу сэкономить вам на том-то - том-то порядка 1 млн в год перерисовав вот тут и вот тут.
    - Вот эта фича позволит утереть нос вашему основному клиенту
    и пр.
    Тогда ваши услуги купят сразу, а так просто не понимают чего вы хотите от них и что они получат (в цифрах в итоге)
    Определите цель дизайна ясно и четко с позиции бизнеса (а не дизайнера)
    Ответ написан
    Комментировать
  • Почему во всех паттернах дизайна оставляют отступ между границей списка и первым пунктом списка?

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

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

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

    cyber_roach
    @cyber_roach
    UX дизайнер INEDIapps
    Примеры дизайна современных десктопных интерфейсов

    Стилистика Word 2016-2019 довольно хороша, многие ее используют.
    Посмотрите как сделана Visual studio 2019 и Visual studio code.
    Последний Фотошоп неплох, но смущает, что все иконки одноцветные, прямо даже бесит, взгляду незачто зацепится.
    AdobeXD как вариант офисного оформления.
    Посмотрите на UI Blender под Linux там довольно интересная реализация многопанельного интерфейса.

    Иконки располагать наверх

    Совсем не обязательно, можно боковое меню применить. В т.ч. и в сложных UI.
    Вот вам пример из нашего портфолио с такой компоновкой
    https://inediapps.com/portfolio/hyterus.html
    Работа не дооформлена еще, только 1й этап дизайна, но концепт понятен.

    в UWP на виндоус 10 теперь некий дэшборд-подобный дизайн приветствувается

    Последняя сборка XAML Controls Galery (можно из маркета скачать) дает понимание как MS видит будущее UWP скромно, но что-то подчерпнуть от туда можно.
    Не смотрите на демки от Telerik хуже UI для UWP и WPF придумать сложно в 2019м. Хотя нет, посмотрите, чтобы иметь представление. Telerik для WPF я люблю, но мы его полностью перестилизовываем (в примере hyterus выше что я дал, он использован для карт, графиков, таблиц, ввода дат, поиска и т.п.)

    какие ограничения есть у wpf, поддерживает ли он винду младше вин7

    Поддерживает. Но придется забыть о всех новых фичах WPF и использовать старые версии фреймворка.
    Ограничений у WPF почти нет, самая здравая платформа под Windows сейчас, но UWP - на несколько порядков производительнее. Подкупает. Мой канал на ютубе https://www.youtube.com/channel/UC5_nTfdwyiNFR5200...
    там несколько UWP приложений, суперсложные UI (анимированные, игровые). WPF такое и не снилось, все банально зависнет на анимациях.

    насколько сложно из винформ перекодировать в wpf или uwp

    Сложно. Код придется переписать почти полностью. Винформ слишком устарел морально на мой взгляд. Но очень хорош для каких-то системных вещей.
    С wpf на uwp портировать тоже не так просто, 50-90% переписать (если, конечно, хочется использовать новый WinAPI) XAML там так же сильно различен, процентов 80 UI заново перекодировать приходилось.
    Ответ написан
    1 комментарий
  • Как создать свой дизайн интерфейса в WPF?

    cyber_roach
    @cyber_roach
    UX дизайнер INEDIapps
    Дополню Foggy Finder
    1) напрямую использовать элементы Фотошопа (как и другого редактора) - зло. так или иначе работы по дизайну WPF строятся в 3 этапа
    а) дизайн (картинки)
    б) верстка дизайна в XAML
    в) код контролов, анимации интерактив привязка интерфейса к данным(C#+XAML)

    Кроме того Фотошоп это растр, а WPF это вектор.
    отсюда ответ на вопрос 2
    2) именно для дизайна UI под дальнейшую интеграцию в XAML мы остановились на Inkscape
    т.к.
    а) его методы рендеринга почти совпадают с direct2D что использует WPF (это очень касается шрифтов, а то в Фотошопе можно такого со шрифтами понаделать, чего в WPF потом будет повторить очень трудоемко)
    б) у него есть XML-эдитор который позволяет взять любой векторный объект и вставить его в XAML код как есть (иконки например) т.к. формат Path в WPF это по сути тот же SVG
    в) в Inkscape невозможно нарисовать то, чего нельзя сделать в WPF т.е. получается на выходе после верстки почти 1:1
    3) Metro - просто стиль дизайна, нет каких-то особых приложений WPF. НО есть UWP, это уже немного другое, хотя схожа платформа с WPF, точнее будет сказать это ее эволюция.

    По итогу:
    Дизайн WPF приложения нельзя создать без дизайнера (капитанство но факт)
    Даже если использовать готовый UI-kit (что в реальных проектах почти не применимо), то вам нужен верстальщик (аналогия c HTML+CSS версткой) который реализует верстку элементов и форм.
    Если хотите разобраться с версткой сами - сначала надо освоить сам WPF и , что еще важнее C#
    Выше посоветовали книгу М. Макдональда - Я так же начинал с неё.
    Но вот XAML и стилизацию, придется освоить самостоятельно уже после, т.к. это чуть уровнем выше (мало знать XAML, надо разбираться во всех тонкостях, чтобы не накосячить) и литературы по этому вопросу нет.
    Что важно! Без дизайнерской жилки и тяги к интерфейсам, а так же понимания анимаций, графического дерева элементов, гайдлайнов и еще массы всего сопутствующего - ничего не получится, говорю как не раз пытавшийся обучить этому ремеслу обычных программистов. По факту это отдельная профессия (как и html верстальщик аналогии прямые).
    Ответ написан
    Комментировать