• Резиновый контент. Как сделать в Figme?

    FeST1VaL
    @FeST1VaL
    Тихий
    оффтоп...
    Не знаю зачем люди отвечают про верстку... Я думаю автор вопроса имел ввиду сам дизайн как рисовать... а не как верстать... ну или я дурак... не правильно понимаю их... Через DevInspector (F12) вы можете посмотреть как у других готовых сайтов какие то блоки меняются в зависимости от экрана)


    Я не знаю поможет ли вам это, но примерно схематично это выглядит так. Т.е вы делаете несколько вариантов дизайна для разных размеров экрана.

    5f6317d527006276296218.jpeg
    Ответ написан
    4 комментария
  • Резиновый контент. Как сделать в Figme?

    kocherman
    @kocherman
    Открывай DevInspector (клавишей F12) и жми комбинацию Ctrl+Shift+M.
    Потом найди среди настроек вкладку со списком устройств.
    Главное в адаптивной верстке - flex-layout и медиа-запросы CSS.
    Ну а что тут еще скажешь...
    5f630c8c17971759872059.png
    Ответ написан
    5 комментариев
  • Wow-эффект и веб-дизайнер?

    igapeka
    @igapeka
    Auto animate в Adobe XD сделает любого, даже самого начинающего веб дизайнера «вау-дизайнером». Вот ссылка на чувака, который пилит короткие и понятные (если знаете английский) туториалы, очень полезные. Вот и весь вау-эффект. Не знаю, правда, как потом это будут разрабы делать))) Но вам же надо заказчика удивить)
    https://www.youtube.com/playlist?list=PLkiM1tZke4m...
    Ответ написан
    1 комментарий
  • Wow-эффект и веб-дизайнер?

    reddsquare
    @reddsquare
    Как я, веб-дизайнер, да еще и начинающий, могу воплотить эту затею в жизнь?


    С помощью референсов? Просишь референс, узнаешь, что в их понимании "вау-эффект" – делаешь.
    Ответ написан
    1 комментарий
  • Wow-эффект и веб-дизайнер?

    @vladdimir
    Верстальщик
    Я вижу несколько вариантов, как можно сделать:

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

    2. Посмотреть демки всяких вов решений и скинуть ссылки на них верстальщику, написать где и что подключать.

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

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

    @KleoPickman
    UX | UI designer
    • Дизайнер веб-баннеров (бывают на фрилансе такие профи, которые только в одной нише)
    • Дизайнер пользовательского интерфейса
    • UX-дизайнер
    • Проектировщик (тот, кто работает с архитектурой сайта, структурой страниц, делает интерактивный прототип до этапа дизайна)
    • Дизайнер мобильных приложений
    • Дизайнер инфографики
    • Юзабилити-дизайнер


    Сомневаюсь, стоит ли сюда вносить в список продуктового дизайнера, так как встречаю работы продуктовых дизайнеров, которые похожи на работу веб-дизайнера (который UX), но у него более объемные задачи.

    Это основные узкие направления выходящие из профессии Дизайнер - Графический дизайнер - Веб-дизайнер.

    В один уровень с Веб-дизайнером, можно отнести следующие ниши:
    (и они делятся на свои узкие специализации)
    - Иллюстратор (арт, книг, разные стили и техники)
    - Гейм-дизайнер (дизайнер уровней, дизайнер миссий, дизайнер игровой механики и т.п.)
    - Моушн-дизайнер (для клипов, для фильмов, для образования, для сайтов и т.п.)
    - Дизайнер-полиграфии (дизайнер: буклетов/брошюр, постеров/плакатов, визиток, календарей и т.п.)
    - Диджитал-дизайнер или медиа-дизайнер (новости, реклама, афиши и взаимодействие всего этого в единую эко-систему)

    Ну и рядом с графическим дизайном, стоят уже профессии:
    - Промышленный дизайн (3д-моделирование от чашки до космических кораблей)
    - Интерьер дизайнер (моделирование комнат)
    - Дизайнер ландшафта
    - Дизайнер виртуальной архитектуры
    - VR|AR - дизайнер
    - Дизайнер одежды (зимняя одежда, летняя одежда, обувь, купальники, шляпы, аксессуары)
    и прочие.

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

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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Все очень просто, если человек обратился к вам, надо думать, он уже видел ваше портфолио, а значит понимает, на что нужно рассчитывать - иными словами, делайте как привыкли, делайте так, чтобы ваше внутреннее чувство прекрасного было довольно)
    Ответ написан
    2 комментария
  • Wow-эффект и веб-дизайнер?

    @archelon
    Просто нарисуйте промежуточные варианты анимированных элементов.
    Можно слепить из них гифку, это просто.
    В некоторых случаях можно дать словесное объяснение ожидаемых эффектов, в т.ч. с референсами на другие сайты.
    ===
    Это, если речь идет о технической реализации, а в видеоредакторы вы не умеете.
    За идеями и вдохновением можно пойти сюда: https://www.awwwards.com/
    Ответ написан
    Комментировать
  • Wow-эффект и веб-дизайнер?

    Sanes
    @Sanes
    У каждого свой WoW
    Ответ написан
    Комментировать
  • Печатная продукция. Поможет ли Adobe XD?

    reddsquare
    @reddsquare
    Есть ли такая возможность в Adobe XD

    Вообще он прям далеко не для этого, но в теории это можно.

    Как привести готовый дизайн в векторный файл?

    Либо вывести сразу в pdf - его 99% типографий принимают, либо все скопировать в иллюстратор и оттуда уже в любой другой.

    Сам Adobe Xd экспортирует в SVG, что тоже по сути вектор, но его не примут =\
    Ответ написан
    Комментировать
  • Печатная продукция. Поможет ли Adobe XD?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Основная проблема в том, что Adobe XD не поддерживает профиль CMYK.

    Вам в Adobe Indesign.
    Ответ написан
    2 комментария