Как реализован этот эффект?

dicem, а ещё ссылочек не покидаете посмотреть?)

Какие есть сообщества иллюстраторов (Телеграм, форумы)?

jeruthadam,

недавно закончившие школу

чувак, я проекты даю верстать только окончившим школу, без шуток. так что у тебя старперские представления о молодых. на выходе: качественные сборки.

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

А если брать это в связке с ньюансами SVG - то это вообще эзотерическое знание какое-то

у svg есть спеки

продвинутые анимации SVG

то, что ты привел в пример это не продвинутая анимация.

Кого нанимать для разработки мобильного приложения: фриланс разработчиков или студию?

хотелось бы внести пять копеек:

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

Бюджет на разработку 1-3 тыс. долларов

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

Какие есть сообщества иллюстраторов (Телеграм, форумы)?

можно ссылку-пример на продвинутую анимацию свг?

Какие программы или платформы есть для проектирования и оформления веб-интерфейсов?

Дополню:

чтобы еще автоматически собиралось СЯ и автозапуск бесплатной рекламы с гарантией конверсии лидов

Курсы Contented по интерфейсам?

Rodiosha, если есть самодисциплина и желание, кроме ссылок есть и другие разделы, по композиции, цвету, ролики на ютабе: предлагаю автору дойти до них самому.

+англоязычные страницы, где также всё разжевано

Как грамотно построить и организовать сетку сайтов?

Александр, а что можно покурить про бэкенд: статьи/видосы/ссылочки без эканья мэканья есть? или может как-то инфографично об устройстве бэка для чайников?)

ps. не прогер, дизайнер.

Где найти критерии вёрстки из HTML Academy?

Olek1, только то, что есть выше

Где найти критерии вёрстки из HTML Academy?

Olek1, Базовые критерии
Разметка
Б1. Выполнена HTML-разметка всех страниц и всех элементов на страницах.
Б2. К страницам подключён один стилевой файл (с учётом normalize.css к каждой странице могут быть подключены два файла).
Б3. Стилевой файл подключён внутри .
Б4. Грубые ошибки в разметке отсутствуют.
Б5. Документ проходит проверку на валидность validator.w3.org/nu/.
Стилизация
Б6. Вся собственная стилизация выполнена в одном стилевом файле.
Б7. Раскладка блоков на странице сделана с помощью флексбоксов.
Б8. В CSS отсутствует !important.
Б9. Подключены правильные шрифты, их размеры, высота строк, цвет и толщина равны соответствующим параметрам в макетах и техническом задании.
Б10. Указаны альтернативные варианты шрифта и тип семейства в конце перечисления font-family.
Б11. При наполнении контентом (как в макете) элементы каждой страницы соответствуют макету.
Тестирование
Б12. Вёрстка идентично отображается в последних версиях браузеров Chrome, Opera, Firefox, Safari, Edge, а также в Internet Explorer 11+.
Б13. Сайт нормально смотрится на минимальной для макета ширине.
Разное
Б14. В корне документа имеются папки css, img, js или аналогичные. Главная страница имеет название index.html. В названиях и расширениях файлов нет заглавных букв и пробелов, использованы только латинские символы.
Б15. Единообразное написание и форматирование кода в HTML, CSS и JavaScript.
Б16. Выбран подходящий формат изображений.
Б17. Проект соответствует техническому заданию
Дополнительные критерии
Разметка
Д1. У всех изображений в теге прописан размер.
Д2. Использовано минимально возможное количество HTML-элементов (нет лишних элементов).
Д3. Все скрипты подключены непосредственно перед .
Д4. Названия полей форм привязаны к своим полям с помощью .
Стилизация
Д5. Использован normalize.css.
Д6. Для стилизации не использованы #id.
Д7. Нет вложенности селекторов больше двух.
Д8. При использовании блочно-строчных элементов явно указывайте вертикальное выравнивание
Д9. Для CSS-свойств с префиксом указан его вариант без префикса, и это указание идёт последним.
Д10. Для блока, у которого есть фоновое изображение, прописан фоновый цвет, который соответствует преобладающему цвету изображения (пока изображение не загружено, страница выглядит похоже на макет).
Д11. Все состояния элементов (смотрите styleguide.psd) прописаны в стилевом файле.
Д12. Стилизация нестандартных элементов форм.
Д13. Файл стилей представлен в двух вариантах: с форматированием и минимизированный, к странице подключён минимизированный.
Д25. Нет глобальных стилей тегов.
JavaScript
Д14. Собственные скрипты собраны в отдельном JavaScript-файле, который подключён в HTML перед закрывающим тегом body.
Д15. JavaScript-файл представлен в двух вариантах: с форматированием и минимизированный, к странице подключён минимизированный.
Д16. С помощью JavaScript реализовано открытие/закрытие окна с формой (без вспомогательных библиотек).
Д17. С помощью JavaScript добавлена анимация формы (без вспомогательных библиотек).
Д18. Добавлена интерактивная карта (допускается подключение с помощью iframe).
Тестирование
Д19. Вёрстка проходит тест на переполнение контентом.
Доступность
Д26. У интерактивных элементов при нажатии или фокусе с клавиатуры есть активное состояние.
Д27. Все интерактивные элементы имеют текстовое описание.
Разное
Д20. Критическая функциональность сайта работоспособна без JavaScript (использовано прогрессивное улучшение).
Д21. Отсутствует транслит в названиях классов, атрибутах, названиях файлов и так далее.
Д22. При взаимодействии с элементами (наведение, нажатие) ни сам элемент, ни окружающие его блоки не меняют своего положения (если иное не прописано в техническом задании или styleguide.psd).
Д23. Проведена базовая оптимизация: минифицированы стили и скрипты (при наличии).
Д24. Страницы должны ссылаться друг на друга из главного меню.

Как грамотно построить и организовать сетку сайтов?

на прогера: 20-25к есть

Где найти критерии вёрстки из HTML Academy?

Olek1, это из личного кабинета на сайте с интенсива

Где найти критерии вёрстки из HTML Academy?

еще один чек-лист

Как грамотно построить и организовать сетку сайтов?

Максим Тимофеев, вот есть курс обучающий, неизвестно, захотят ли они добавлять еще курсы, поэтому создается лендинг узконаправленный.

но если они захотят добавлять еще курсы, то придется делать полноценный сайт с разделом курсы, где будут добавляться вкладки-ссылки на страницы конкретного курса.

каких-то особых наворотов нет. изменения минимальны: заголовки города/фотка
на каждый поддомен: контекстная реклама + SEO

сайт только для сбора заявок: почта, телефон, имя (без личных кабинетов)

Как грамотно построить и организовать сетку сайтов?

crdrads, не привлекать лишнего внимания

Как грамотно построить и организовать сетку сайтов?

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

для детального ответа не хватает данных

если вам не трудно укажите каких, я напишу

Как грамотно построить и организовать сетку сайтов?

crdrads, не девочка, а девушка

Как грамотно построить и организовать сетку сайтов?

1. а почему именно wp? Когда 1 блог - понятно. Но при сложной кастомной структуре готовая cms может оказаться ошибочным выбором.

потому что мне не известно, почему не wp. поясните, почему выбор готовой cms может оказаться плохим выбором?

2. как можно что-то обсуждать при абстрактном "сайт". Где конкретика, взаимосвязи и различия сайтов?

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

С чего начать веб-дизайн?

Максим Поспелов,

Макет (первый) всегда должен быть 1920,

мракобес, не неси чушь. когда ца 50% смартфоновая, уже имеет смысл плясать от mobile first.
твой первый всегда 1920, но эти 1920 ты не используешь, всё что ты умеешь — растягивать говнокартинки по ширине, называя это дизайном под 1920.

и верстальщик не поймет, что должно быть за пределами 1366, если макет будет 1366... и он сделает белые поля.

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

А вот если вы взяли ширину макета 1366, но у вас будут поля из 2000-ых.

мракобес, не неси чушь. огромное количество современных сайтов идут "с полями из 2000", не потому, что они динозавры, а потому, что больше нахрен не надо почти для всех сайтов.
пример, гитхаб. посмотри при ширине 2500.

Шрифты до 16 для текста, и до 30 для заголовков - это рекомендация от меня лично. Знаю что заголовки бывают и больше, что разная плотность шрифтов, но человек который четко спросил - рекомендую со своей колокольни, не навязываю, я это использую.

мракобес, не неси чушь. размеры типографики сайта определяет специфика аудитории и постановка целей, IA (информационная архитектура), атомарный подход к дизайну и т. д., но никак блять не условные 16 или 30, есть такая вещь как литера буквы, при одном и том же значении в px размеры литер могут сильно отличаться, шрифт один 16px выглядит как 22 другой, так же SmthTo упомянул, что есть не только px.

вот прям просто ты нубас еп, ну при чем тут 16 и 30? а почему не 20 и 34? или 26 и 40? очевидно дело в удобстве и контрасте, в габаритах экрана и структуре.

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

мракобес, не неси чушь. любой дизайн/текст/интерфейс нужно начинать с процессов, а не шаблонов/сеток/экранов. фокус на типичных процессах, а не на экранах.

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

врятли ты понимаешь, почему на тостере так много вопросов: А КАК РИСОВАТЬ ДИЗАЙН ЕСЛИ ОБЪЕКТ ВЫХОДИТ ИЗ СЕТКИ?

а как делать боковое меню на сетке бутстрап?
а как рисовать дизайн по сетке бустрап при большой ширине?

может ты забыл про гаттеры? возможно ты стал заложником, сетки и не заметил этого?


вот это дерьмо, это дизайн под 1920? эти уродливые выравнивания по центру, стандарт красоты? эта перекошенная структура заголовков и описаний и есть то самое, что ты советуешь? эти лилипутские буквы и есть асесабилити? это все, не тот самый 2000 год?

а вместо таких советов, добрый человек бы предложил начинающему веб-дизайнеру узнать, про то, как технически верстается сайт, узнать про доступность, про отзывчивость, про адаптивность, про инструменты верстальщика, а лучше пройти за неделю курс html и css, чтобы побывать в шкуре верстальщика. УЗНАТЬ ПРО ПОТОК и что это, про переполнение контента и т. д.

ну конечно это бы не помогло делать дизайн лучше!
вот прям никак не помогло бы)

- отсутствие сетки, и в итоге получается буклет для печати (болезнь всех кто пришел из полиграфии)

мракобес, не неси чушь. флексбоксы+гриды меняют подход к типичному построению сеток, дизайн вообще можно делать без сеток, используя базовые элементы вёрстки и композицию и понимание как это масштабируется и ничего, будет смотреться недурно. вместо того чтобы думать над тем как все уместить и становиться заложником сетки, дизайнеру нужно работать с IA и UX, а сама компановка (или дизайн, как хотите) станет логичным и лаконичным завершением работы.

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

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

p.s без негатива и ненависти :) Ом

С чего начать веб-дизайн?

Артур, предлагаю посмотреть ссылки из моих ответов, там очень много полезных ссылок для старта по веб-дизайну. То, что предложил советчик выше — дичь и дилетанство (чувак вообще не шарит в том, что пишет)

Размер шрифтов - для заголовков от 20 до 35 пикселей.
Для текста - от 14 до 16 (не больше!)

вот это особенно было смешно

В иллюстраторе исчезла функция?

Ctrl + Shift + B попробуй