Code Breakers | No-code solutions
5.32K subscribers
379 photos
3 videos
368 links
Download Telegram
💻 UI дизайн для No-code разработчика: теория цвета

Для создания дизайна приложений ноукодеру достаточно кратко изучить основные моменты:
🟣 теорию цвета;
🟣 основы типографики;
🟣 законы Гештальта.

Сегодня остановимся на первом пункте — теории цвета.

В каждом цифровом продукте есть основной цвет. Как правило, он оговаривается с заказчиком, потому что выбирается на основе брендбука компании или предпочтений к проекту, если брендбука нет. К основному цвету нужно уметь подбирать один или два дополнительных цвета, которые сочетаются с основным. И есть ещё базовые цвета — чёрный, белый, серый. Они нужны для текстов, фона и обводки.

И снова хорошая новость — вам не нужно полагаться на свой визуальный вкус или теоретические знания. В наши дни есть множество готовых решений, приёмов и программ, которые помогут решить, какие цвета вам нужны.

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

Важно учитывать и контрастность цветов — чтобы один цвет хорошо был виден и хорошо читался на другом. Для этого есть специальные сервисы, например:
🟣 Coolors.co.
Он помогает подобрать контрастное сочетание цветов и даёт оценку, насколько удачно это сочетание.
🟣 Color Contrast Cheker.
Он показывает сочетание оттенков в шестнадцатеричном коде.

Как использовать цвета?
Например, принято, чтобы основной цвет был связан с главными элементами (вот и сошлись UX и UI). То есть, главные кнопки, привлекающие внимание баннеры, главные по смыслу карточки и проч. должны быть основного цвета.

Дополнительные цвета в этом случае будут поддерживать интерфейс, выделяя второстепенные элементы. Элементы, вроде неактивных кнопок и чекбоксов, можно делать в оттенках основного цвета — например, если основной у вас салатовый, то неактивная кнопка может быть бледно-зелёного цвета.



Конечно, это далеко не все нюансы цифрового дизайна. Если вы хотите освоить все тонкости цифрового дизайна, научиться делать красивые, эффективные и высокооплачиваемые IT-проекты в любых форматах, — тогда ждём на курсе «Профессия No-code разработчик», который стартует в следующий четверг, 3 августа!

💵 Хочу стать востребованным специалистом: codebreakers.tech/profession
👍3🔥1
3 мифа о No-code разработке

No-code — это очень прогрессивный и быстро развивающийся способ разработки, который дизраптнул рынок IT и изменил правила игры. Поэтому вокруг него так много вопросов, непонимания и мифов. Сегодня развенчаем 3 основных из них ⬇️

Миф 1: No-code подходит только для создания прототипов продуктов, что-то серьёзное на нём не сделать.

Это огромное заблуждение, которым часто пугают начинающих ноукодеров. На No-code вы можете создавать продукты различной сложности: от онлайн-магазинов до маркетплейсов, SaaS-продуктов и LMS с различными ролями пользователей, функционалом и интеграциями с внешними сервисами, включая дизайн. При этом стоимость и время, затрачиваемые на такую разработку, в 10-30 раз меньше, чем в традиционной.

🟣 Кейс компании Flexiple показывает, как ребята полностью на No-code создали и вырастили стартап до выручки в $3 млн, при этом платя за ежемесячную подписку на No-code инструменты всего лишь $60 в месяц.

Миф 2: нет смысла создавать приложение на No-code, т.к. скоро всё равно придётся переходить на классическую разработку.

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

Опасность состоит в том, что 90% проектов проваливаются в первый год, соответственно нет смысла выкидывать миллионы на классическую разработку. Лучше начать с No-code и, если ваша идея полетит и No-code действительно окажется в дальнейшем бутылочным горлышком, то вы параллельно сможете частями начать переход на классическую разработку, при этом продолжая вести бизнес и зарабатывая деньги.

Но, как показывает практика, 90% всех, даже прибыльных стартапов, остаются в дальнейшем на No-code, потому что не вырастают до такого размера, чтобы действительно понадобилась классическая разработка.

Миф 3: No-code подходит только для стартапов, для корпораций ему нет применения.

Это совершенно не так. Сейчас по всему миру стремительно развивается civil development (гражданская разработка) — это когда сотрудники крупных компаний изучают No-code, чтобы самостоятельно решать свои бизнес-задачи и дополнительно не нагружать разработчиков. Такие специалисты для бизнеса на вес золота, ведь они экономят компаниям огромные деньги, продолжая развивать бизнес и не завися от IT-отдела.

Поэтому, если вы продуктовый менеджер, маркетолог, HR-специалист или операционный директор, — вам обязательно стоит освоить No-code инструменты и внедрить их в своих отделах.



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

💻 Хочу стать веб-разработчиком: codebreakers.tech/bubble
2👍2
Forwarded from No-code Jobs!
🧑‍💻 Сайт онлайн-школы с личными кабинетами учеников до 15 августа

📄 Описание: Разработка сайта онлайн-школы. Предпочтительно на конструкторе сайтов. Это MVP, который будет тестироваться. Проект с нуля. Специализация – обучение детей азам предпринимательства. Игровые форматы обучения.
На сайте должен быть личный кабинет учеников с возможностью отслеживать прогресс обучения. Поскольку предусмотрен индивидуальный формат обучения (то есть по сути репетиторство), то в личном кабинете предусмотреть отправку личных сообщений, составление индивидуальных расписаний. Записанные видео. Тестовые задания с отслеживанием прогресса. Более подробно в техническом задании (приложенный файл). С ИСПОЛНИТЕЛЕМ БУДЕТ ЗАКЛЮЧЕН ДОГОВОР. Статус исполнителя: самозанятый, ИП, ООО

🧮 Модель: нет данных
🛠 Стек: на усмотрение разработчика
🔗 Референс|Материалы: нет данных
💶 Желаемый бюджет: 50'000 ₽ за проект

#проект #fl #web

🤚 Откликнуться на проект
1🔥1
💻 UI дизайн для No-code разработчика: типографика

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

Главные принципы и советы по работе с типографикой в digital-проекте ⬇️

⭐️ Чтение в вебе и на мобилках отличается от чтения книг. Книги читаем построчно сверху вниз, в вебе текст читаем по Z-траектории — когда глаза скользят по веб-странице слева направо, потом делают скачок по диагонали налево, оттуда снова направо. Люди сканируют веб-страницы, так что надо давать то, за что взгляд сможет зацепиться. Поэтому важно уделять внимание вёрстке.

⭐️ Чтобы разнообразить вёрстку и увеличить «сканируемость» страницы, — дробите на абзацы, вводите подзаголовки, работайте с весом шрифтовой группы — увеличивайте и уменьшайте жирность для одного и того же шрифта.

⭐️ Не рекомендуется использовать в проекте более двух шрифтов. А лучше — взять один. Если берётся два шрифта, то они должны сочетаться. Подобрать шрифтовую пару можно, например, на Fontjoy, Typotheque, Mixfont и проч.

⭐️ Учитывайте уместность шрифта. Например, в SaaS-сервисе неуместно использовать рукописный, меловой шрифт. Он подойдёт, к примеру, проекту для школьников. В спортивном приложении странно будет смотреться курсивный шрифт — он лучше подойдёт для книжного приложения, и то для заголовков.

⭐️ Осторожно обращайтесь с декоративными шрифтами. Их избыток повысит когнитивную нагрузку на пользователя и создаст лишний шум.

⭐️ Заголовок — всегда больше основного текста. Подойдёт не просто увеличенный кегль (размер шрифта в пикселях), но и написание капсом или заглавный шрифт.

⭐️ Основной текст плохо читается капсом и курсивом. Капс и курсив уместны в заголовке.

⭐️ В заголовке следует увеличивать межбуквенное расстояние. В основном тексте — межстрочное.

⭐️ В вебе лучше делать более узкие колонки текста, увеличивая межстрочное расстояние. В мобилках текст можно растягивать на всю ширину экрана.

⭐️ Предпочтительный минимальный кегль для веба и приложений — 16рх, для Android — 12рх и для iOS — 11рх.



Конечно, это лишь малая часть информации о большом и сложном мире цифрового дизайна. Если вы хотите освоить все тонкости digital-дизайна, научиться делать красивые, эффективные и высокооплачиваемые IT-продукты в любых форматах, — тогда ждём на курсе «Профессия No-code разработчик», который стартует уже в четверг, 3 августа!

💰Стать высокооплачиваемым специалистом:
codebreakers.tech/profession
🔥2👏1
Ловите короткие памятки 🩵
4
Forwarded from No-code Jobs!
👨‍💻 FlutterFlow вебинтерфейс - кто умеет работать пишите, доработки

📄 Описание: FlutterFlow вебинтерфейс - кто умеет работать пишите, доработки
Работа завтра сегодня-завтра, не много доработок в проект не сложная логика
Бюджет 5000 рублей, оплата по факту готовности, без аванс, сроки завтра к вечеру
Оставляйте телеграмм для связи

🧮 Модель: нет данных
🛠 Стек: flutterflow
🔗 Референс|Материалы: нет данных
💶 Желаемый бюджет: 5'000 ₽

#проект #доработка #habr #flutterflow #mobile

🤚 Откликнуться на проект
💻 Чем отличаются No-code и Low-code

Что такое No-code мы уже рассказывали много раз, но давайте сегодня разберёмся в основных отличиях No-code и Low-code ⬇️

🟣 No-code — «нет кода». Это визуальное программирование, когда IT-продукт разрабатывается методом перетаскивания элементов (метод drag-and-drop): кнопок, текстовых блоков, форм для заполнения, фигур, картинок и проч., — того, из чего складывается сайт или приложение, например.

No-code разработчик код не пишет. Ноукодеру уже дали «готовые» элементы, написанные кодом, — а сам код остался за кадром. No-code разработчик настраивает внешний вид продукта, формирует базу данных и задаёт логику использования IT-продукта.

No-code платформы использовать довольно просто, поскольку они ориентированы не на программистов, а на digital-специалистов. Назначение ноукодерских программ — быстро давать функциональные продукты для решения конкретных задач.

🟣 Low-code — «низкий код». Это означает, что некоторые куски кода в создаваемом продукте писать в процессе разработки можно. Заметьте — можно, но не обязательно нужно. Как и с No-code программами, на Low-code платформах IT-продукты создаются перетаскиванием элементов, а не написанием кода с нуля.

Low-code разработчик может «дописать» кодом функциональность и внешний вид продукта. Буквально взять и дописать вручную часть кода, расширив тем самым функциональность — то есть код открытый. В некоторых Low-code программах добавлены готовые шаблоны кода, например, прописанный код кнопки. Код копируют и многократно используют.

Low-code платформы призваны облегчать разработку и как продукт ориентированы скорее на людей с опытом в программировании. Но, чтобы использовать их, не обязательно быть программистом. Лоукодерские платформы также используют и «гражданские разработчики» (пользователи без опыта в IT) — и делают с помощью лоукода полнофункциональные сложные приложения.

Если вы пришли к выводу, что No-code и Low-code максимально похожи — вы правы. В англоязычных статьях о них, за редкими исключениями, говорят как о целостном подходе к разработке.


No-code и Low-code уверенно занимают отдельную нишу — там, где превалируют скорость разработки и гибкость. За эти качества бизнес нередко делает ставку на разработку без кода, а не на программирование. No-code и Low-code легки в освоении и приходятся по душе тем, кто никогда не программировал и не работал с кодом.

Если вы хотите мастерски освоить основные No-code платформы и быстро начать зарабатывать на востребованном навыке, — приходите на наш флагманский курс «No-code разработчик»! Осталось всего 3 места на ближайший поток, оставляйте заявку по ссылке ⬇️

🤩 Хочу на курс:
codebreakers.tech/profession
👍1👏1
Forwarded from No-code Jobs!
👨‍💻 Конструктор видео-сайта на Bubble.io

📄 Описание: Необходимо реализовать конструктор видео виджета по типу marquize/getreview.
Минимальный функционал:
1. Загрузка видео, создание кнопок(с отсылкой на другое видео), форма сбора контактов
2. Тарифы и оплата
3. Минимальная статистика

🧮 Модель: нет данных
🛠 Стек: bubble
🔗 Референс | Материалы: материалы
💶 Желаемый бюджет: ожидает предложений

#проект #fl #bubble #web

🤚 Откликнуться на проект
👍1
Forwarded from No-code Jobs!
👨‍💻 Специалист по Flutter

📄 Описание: Здравствуйте, требуется помощь специалиста по Flutter
Нужно сделать два виджета
1. Custom widget yandex smart captcha(нужно чтобы он был адаптирован под FlutterFlow)
2.Custom widget SDK yandex map (который будет принимать маркеры торговых точек и иметь возможность делать действия с маркерами), также требуется адаптация под FlutterFlow
С радостью отвечу на интересующие Вас вопросы

🧮 Модель: нет данных
🛠 Стек: flutterflow
🔗 Референс | Материалы: нет данных
💶 Желаемый бюджет: 20'000 ₽ - 60'000 ₽

#проект #kwork #flutterflow #mobile

🤚 Откликнуться на проект
🔥1
🔝 5 советов, как No-code специалисту построить крутую карьеру

Сегодня мы поделимся советами от наших лучших экспертов, чтобы помочь вам построить классную карьеру No-code разработчика! И неважно, будете вы работать в найме в крупной отечественной или зарубежной компании, брать проекты на фрилансе или вовсе запустите свой бизнес. Наши советы универсальны для любого типа занятости ⬇️

1️⃣ Развивайте насмотренность
Для No-code специалиста очень важно быть в тренде и понимать, какие продуктовые и дизайнерские решения сейчас в моде и интересны, а также удобны для пользователей. Изучайте user flow (путь пользователя) различных топовых сервисов, таких как Яндекс, Uber, Airbnb, чтобы подсмотреть, что делают лучшие продакты мировых компаний и применить в разработке IT-продуктов для ваших клиентов. Лучшие продуктовые решения формируйте в отдельную папку или документ, чтобы не потерять.

2️⃣ Создавайте шаблонные решения
После того, как вы сделаете 2-3 первых мобильных или веб-приложения, у вас уже будут наработки, которые вы можете реиспользовать в других проектах, чтобы не разрабатывать каждый раз всё с нуля. Очень советуем создавать такую библиотеку шаблонов, чтобы ускорить процесс разработки. Также стоит отметить, что на шаблонах вы сможете даже пассивно зарабатывать, например, разместив своё решение на Bubble Marketplace.

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

4️⃣ Изучайте английский
Знание английского откроет вам путь к гораздо большим деньгам и мировому рынку разработки. Не забывайте также, что за проект в $1 000 на сегодняшний день вы бы заработали уже около 95 000 руб., что на 35 000 руб. больше, чем год назад.

5️⃣ Развивайте личный бренд
Если вы хотите очередь из клиентов и большие чеки, то вам обязательно нужно выходить из тени и заявлять миру о ваших скиллах. Участвуйте в мероприятиях, рассказывайте о ваших кейсах, просите, чтобы о вас разместили статью или опубликовали информацию на лендинге. Например, в нашей школе Code Breakers мы помогаем заинтересованным в этом студентам начать проявляться в мире No-code: рассказываем об их кейсах на нашу аудиторию, рекомендуем заказчикам, отдаём приоритет в получении заказов и приглашаем в качестве преподавателей. Это влечёт за собой формирование собственной аудитории у No-code специалиста.



Если вы хотите стать топовым ноукодером и зарабатывать большие деньги на мировом и российском рынках, то приглашаем вас на наш курс «Мобильная разработка без кода». На нём вы научитесь создавать приложения для iOS, Android, а также PWA, получите навыки продуктового мышления и проектирования сильных продуктов, разберётесь с дизайном приложений и, конечно же, научитесь зарабатывать на своём проекте или находить первых клиентов!

Хочу стать ноукодером: codebreakers.tech/mobile
3👍1
Forwarded from No-code Jobs!
💼 Вакансия "Bubble разработчик"

📄 Описание: Ищем в команду разработчика с опытом от 1 года.
Работаем на no-code платфоме Bubble. Команда русскоговрящая. Клиенты из США и Европы.
На проекте всегда есть ПМ, дизайнер.
Надо уметь:...
Читать далее

🤓 Требуемый опыт: 1–3 года
🛠 Технический стек: bubble
👔 Тип занятости: полная занятость, удаленная работа
💶 Размер оплаты: от 1350 $ до вычета налогов

#вакансия #hh #web #bubble #от100к

🤚 Откликнуться на вакансию
🔥2
💻 Законы Гештальта в дизайне для No-code разработчика

Если вы ещё не читали наши прошлые тексты про UI дизайн для ноукодеров, то советуем сначала ознакомиться с постами про различия UI и UX дизайна, про типографику и про теорию цвета, а потом уже переходить к этому тексту. Так у вас будет более полное представление о UI дизайне и тех нюансах, которые необходимо знать сильному No-code разработчику. А теперь переходим к законам Гештальта ⬇️

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

Вот пять законов Гештальта:
1️⃣ Близость.
Элементы, находящиеся близко друг к другу, воспринимаются как связанные.
2️⃣ Сходство.
Похожие по цвету, форме и размерам элементы воспринимаются как единые.
3️⃣ Общая область.
Элементы в одной области воспринимаются как связанные и относящиеся к одной группе.
4️⃣ Завершённость.
Элементы воспринимаются как простые и соответствуют привычным шаблонам из жизненного опыта.
5️⃣ Связь.
Физическая связь элементов позволяет воспринимать их как единое целое.



Конечно, это далеко не все нюансы цифрового дизайна. Если вы хотите освоить все тонкости digital-дизайна, научиться делать красивые, эффективные и высокооплачиваемые IT-проекты в любых форматах, — тогда ждём на курсе «No-code разработчик», на который осталось всего 2 свободных места! Скорее оставляйте заявку по ссылке ⬇️

🤑 Хочу стать высокооплачиваемым специалистом: codebreakers.tech/profession
1👍1
И ловите полезную памятку, как обычно 💙
🔥42
📹 Видеообзор 10 топовых No-code платформ

Мы в Code Breakers постоянно следим за развитием самых сильных ноукод-инструментов. Ведь флагманские No-code платформы в последние годы развиваются семимильными шагами. Так, как не развивается ни одна другая сфера IT и ни один язык программирования 🔥

И сегодня мы расскажем вам о 10 топовых No-code платформах в непривычном для нас формате — видео на YouTube! Речь пойдёт о тех инструментах, на которые точно стоит обратить внимание тем, кто намерен добиться успеха в сфере разработки без кода!

🎦 Посмотреть видео

А если вы поймёте, что вы готовы изучать No-code через флагманские программы, то скорей записывайтесь на один из наших курсов ⬇️

Топовым платформам для разработки мобильных приложений — Glide и Adalo — мы учим на курсе мобильной разработки. Старт обучения в последний день лета — 31 августа. И это отличный повод сделать карьерный рывок уже этой осенью!

📱Стать мобильным разработчиком: codebreakers.tech/mobile

Если вам нравится веб-разработка и хочется освоить самый мощный инструмент в этой нише — Bubble, то ждём на курсе по веб-разработке — он стартует 30 августа!

💻 Стать веб-разработчиком: codebreakers.tech/bubble

А если вы хотите изучить сразу все инструменты — то записывайтесь на курс «No-code разработчик». Обучение тоже начинается 31 августа!

📱 💻 Научиться всему и сразу: codebreakers.tech/profession
🔥2👍1
Forwarded from No-code Jobs!
🧑‍💻 Создание веб-приложения для размещения заказов

📄 Описание: Требуется разработать проект – платформу, на которой пользователи смогут размещать заказы, а другие пользователи могут на них откликаться. Процесс разработки дизайна в настоящее время находится в ходе выполнения. Мы стремимся к функциональности, аналогичной profi.ru, однако в рамках минимально необходимого набора функций, так как наш проект нацелен на быстрый запуск MVP.
Основной функционал включает в себя:.
.Читать далее

🧮 Модель: нет данных
🛠 Стек: на усмотрение разработчика
🔗 Референс|Материалы: нет данных
💶 Желаемый бюджет: 300'000 ₽ за проект

#проект #fl #web

🤚 Откликнуться на проект
1