Всеееем привет 🙃

И так, хотел бы я рассказать вам про цвет, что это и как его использовать.

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

Психология здесь простая:
🔴 Красный - действие, срочность. Идеален для призывов, но не переусердствуйте, чтобы не раздражать.
🔵 Синий - доверие, профессионализм. Классика для корпоративных сайтов или приложений.
🟡 Желтый - внимание, креатив. Хорошо подходит для выделения, но в меру - он утомляет глаза.
🟢 Зеленый - рост, свежесть. Подходит для эко-проектов или финансов.

И так, как же использовать цвета, чтобы точно передать настроение проекта? Вот несколько шагов:
1. Определение настроения. Если вы планируете делать энергичный дизайн, то используйте яркие темплые тона (красный, оранжевый). Если хотите что-то спокойное, то используйте мягкие, холодные тона (синий, зеленый).
2. Используйте цветовое колесо. Это круг с цветами, аналоговые (соседние, как синий и фиолетовый) для гармонии, комплементарные (противоположные, как синий и оранжевый) для контраста.
3. Палитра. Сначала соберите палитру из 2-3 цветов: основной 60% пространства; вторичный 30% и для акцента 10%.
4. Доступность. Проверьте, читается ли ваш текст на фоне (контраст не ниже 4.5:1 по WCAG). Проверяйте на разных устройствах и экранах (IPS и AMOLED, чтобы точно быть уверенным, что и на этих, и на тех будет видно). На экранах, разумеется, передача цветов будет разной, поэтому лучше проверять на AMOLED дисплеях, потому что естественная цветопередача (черный = черный, а не темно-серый, как на IPS матрицах).

Цвет - это не просто краска или оттенок, это то, что может изменить наше настроение и даже восприятие мира ☺️

Вечер добрый ✌️

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

Рекомендую для начинающих и не только, ведь всегда можно узнать что-то новое ☺️

Утречко! 🙃

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

Шрифты влияют на восприятие вот так:
Serif (с засечками) - солидность, как в книгах. Для важных, доверительных текстов.
Sans-serif (простые) - легкость и скорость. Идеально для экранов, сайтов, приложений.
Script (рукописные) - тепло и личность. Для акцентов, но не много.
Display (декоративные) - яркий эффект. Для баннеров, чтобы запомнилось.

Внедряйте по настроению: жирные шрифты для динамики, мягкие - для спокойствия. Составьте иерархию - большой H1 для главного, средний для подтем, обычный для основы. Держитесь 2–3 шрифтов: базовый, заголовочный и один на изюминку. Google Fonts - отличный старт для теста.

А читаемость - основа: контраст от 4.5:1 (по WCAG), нормальные интервалы. Типографика помогает дизайну говорить с людьми. Загляните в Figma или в любой другой редактор, поэкспериментируйте! 🤩

Вот многие говорят о том, что скоро ИИ заменит все профессии в IT сфере... 😒

По своему личному опыту могу сказать, что он еще лет 20-30 (если не больше) никого заменить не сможет. Почему? Вы вообще видели код, который пишет ИИ? Его же понять невозможно. Со сколькими программистами я бы ни общался, все говорят, что код от ИИ прочитать невозможно, отсюда приходится все время пользоваться им, поскольку человек банально ничего не сможет сделать. ИИ, в свою очередь, не сможет оптимизировать код так, чтобы сайт или приложение быстро загружались, или добавить какую-либо сложную функцию, с которой, разумеется, ИИ не справится. Получается просто кривой до ужаса код, на который без слез не взглянешь.

То же касается и дизайна. Возможно, в инфографике он справляется еще более-менее, но вот сайты и брендинг... тут большие проблемы. Не так давно я решил попробовать ИИ в создании сайта, и, как ни странно, результат был просто отвратительным. Я попросил одно, однако результат был совсем другим. Неправильно написал промпт? Да вроде нет. ИИ просто не знает, как и что лучше использовать. У него есть база, по которой он учился, есть примеры, которые ему показывали, и он делает абсолютно все дизайны такими же, при этом не меняя ничего. Почему? ИИ не может придумывать, как мы, люди. У него нет воображения, поэтому он делает всё так, как ему показывали, не больше и не меньше.

Так что не беспокойтесь, ИИ еще ой как не скоро заменит нас, дизайнеров и программистов :)

Успехов вам 😇

И так, всем привет 😅

Да, я, к сожалению, опять пропал, но объясню почему! Я переезжал, отсюда не было времени что-то публиковать. Надеюсь на ваше понимание 😇

Разработка банковского приложения, к сожалению, пока на паузе, но в скором времени я продолжу разработку!
Пока в планах начать уже адекватно и нормально вести этот канал, по началу у меня получалось (вроде), а перед и после переезда все пошло как-то не по плану что ли 🫨

Так что возвращаемся к тому, с чего начали 🙃

Всем добрый вечер! 😜

Хочу рассказать вам про использование сетки в дизайне. Зачем и как ее использовать правильно!

Большинство новичков (и не только) игнорируют ее в дизайне, однако она - как скелет у человека, который держит все на месте, делает проект аккуратным и понятным. Без нее элементы разбредаются, как крошки по столу, а с ней дизайн выглядит профессионально, глаз легко скользит, и пользователь не путается. Представьте: сайт или постер, где кнопки, текст и картинки выстроены в ряд! Сразу ведь ясно, куда смотреть и что делать, не так ли?

И так, как же ее использовать?
Все очень просто! Зависит от ваших задач. Например, для веб-дизайна рекомендуется использовать сетку, состоящую из 12 колонн (размеры, расстояния между колонн выстраиваете сами под свои нужды. Я, например, всегда делаю отступ от края страницы 140px, а расстояние между колоннами - 20px. Кому-то это покажется удобным, а кому-то нет. Все на самом деле индивидуально). Для печати лучше использовать модульную сетку (квадраты и блоки), ведь тогда вам будет проще расположить элементы на экране.

Я видел, как многие дизайнеры говорят, что есть якобы какое-то "правило" строения сетки для дизайна, но я вам скажу по личному опыту, что все это брехня. Если вы только пришли в дизайн, то да, лучше использовать что-то, что уже было придумано до вас, т.к. вам будет банально проще. Но если вы уже много лет в этом деле, то выстраивайте ее так, как нужно. Главное ведь что? Чтобы все элементы были ровными и ничего не выперало.

Так что, сетка - инструмент для гармонии, чтоб дизайн не разваливался, а впечатлял ☺️

Доброго всем дня! :)

Я очень сильно извиняюсь, что пропадаю 😖
Я не говорил, но сейчас у нас кипит работа над дизайн агентством, поэтому времени очень мало 😮‍💨

Немного про агентство. Его мы начали разрабатывать вместе с моим другом (он программист) 7 месяцев назад. Все это время мы анализировали рынки, стоимость услуг в других агентствах и многое другое. Также параллельно работали и над собственным сайтом, и над портфолио агентства. На данный момент у нас имеется 7 проектов, из которых 4 фиктивных и 3 коммерческих.

Мы выполняем такие услуги, как веб-разработка (дизайн + код), брендинг, графический дизайн и кодинг (работа с кодом без дизайна).
Наше преимущество в том, что стоимость наших услуг на 25% меньше средней стоимости по рынку. Например, если лендинг (дизайн + код) в среднем по рынку стоит $300, то мы берем за него $220. При этом вы получите качественный продукт. За качество мы ручаемся 😊

Почему так? Все очень просто!
Философия нашего агентства - «Все для людей»! Нам надоело, что многие люди не могут себе позволить ту или иную услугу. Некоторые агентства берут много, но при этом выполняют свою работу не очень качественно. «Так за что человек платит?» — задались мы этим вопросом. Мы решили действовать, а не стоять в сторонке.

В нашей работе задействован искусственный интеллект. Мы не полностью делаем все с его помощью, а лишь используем его на 5-10% в проекте. Остальное делается вручную.
Мы гарантируем вам, что вы получите качественную работу в срок! 😇

#SCВсеДляЛюдей

Всем утречка ☺️

Я тут начал активно разрабатывать банковское приложение (если помните еще 😅). Сделал уже приветственный экран (онбординг) и экраны регистрации (на фото их видно пару штучек всего).
Еще сделал главный экран, но его пока показать не могу. Он не готов до конца! Сегодня по планам сделать еще 3-4 экрана. Также скину, покажу результаты :)

Скоро продолжу делиться с вами полезной информацией касаемо дизайна 😇

#SCВсеДляЛюдей

Утро доброе :)

Тем временем я уже потихоньку начинаю брендировать наше агентство! Кстати да, забыл сказать название - Silent Collective (в переводе «Тихий коллектив»). Это название не только нашего будущего агентства, но и в целом компании! Все проекты, которые мы будем выпускать, будут разрабатываться именно командой Silent Collective. И так же будут управляться прямиком из будущего офиса Silent Collective 🤩

Мы принесем этому миру нечто новое! Нечто, чего еще не было и не будет в ближайшие несколько десятков лет! 🔥

Мы изменим понятие "фриланс-работа". Она не будет нудной, сложной и непонятной. Все будет предельно просто! Ведь все, что мы будем разрабатывать, будет делаться в первую очередь для людей, а не для заработка!

#SCВсеДляЛюдей

Ребят, наверное, многие, кто только начинал свой путь в дизайне, задавались таким вопросом: "А как мне искать заказы? Что мне нужно делать?".
Ответ на самом деле прост. Просто нам порой не от кого его услышать. Отсюда говорю его вам я :)

• 1. Самое важное - оформить портфолио. Без него на вас вряд ли когда-то обратят внимание. Вы спокойно можете сделать 3-5 фиктивных проектов. Возьмите кофейню рядом с вашим домом, барбершоп и т. п. Зайдите к ним, посмотрите. Если вы понимаете, что можно сделать лучше - делайте! Выкладывайте на Behance или любую другую подобную биржу свои кейсы. Показывайте результат «до» и «после», а также не забывайте подробно описывать, почему вы это сделали, как вы это сделали, для чего вы это сделали. И, собственно, все.

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

• 3. Пишите мелким бизнесам. Предлагайте им свои услуги за почти гроши. Например, если проект на деле стоит $500, то попросите за него $200 + отзыв. Таким образом, шанс того, что они согласятся, увеличивается! Вы и без денег не останетесь, но при этом получите и реальную работу, и еще и отзыв! Не круто ли? :)

• 4. Не зацикливайтесь на крупных заказах. Берите мелкие. Так вам проще будет их выполнять, так еще и в самом начале у вас не будет жестких дедлайнов.

Через время вы увидите, как заказчики пишут вам сами, когда вы сидите на диване, смотря сериал и попивая свой вкуснейший кофе 😜

#SCВсеДляЛюдей

Утречка всем ✌️

Работа над банковским приложением продолжается! Сделано несколько экранов. Пока показываю только главный экран.

Что скажете? Хотели бы вы попользоваться таким? 🤔

#SCEverythingForPeople

Какими инструментами нужно владеть, чтобы без проблем создавать дизайны? 🤔

Я думаю, что чем их меньше, тем проще. Потому что если вы каждый элемент делаете в разных программах, то это занимает больше времени, да и неудобно.
Лично я пользуюсь только Figma и Photoshop (иногда illustrator, но когда надо работать с печатью). В Figma есть множество плагинов, которые заменяют большинство программ.
Вот список самых важных плагинов, на мой взгляд:

1. Iconify - более 200 тысяч иконок под любой вкус и цвет.
2. Unsplash - качественные фотографии (если у вас есть подписка, то можете просто генерировать с помощью ИИ от Google «Nano Banano» внутри самой Figma).
3. Photopea - все те же функции, что и в Photoshop, только бесплатно и сразу под рукой.
4. Stark - проверка контраста. Лучше проверить сразу, чтобы потом не переделывать.

Еще можно в принципе добавить сюда и ИИ, но об этом не сейчас.
Figma вам заменит почти все. Там и растровая графика, и векторная. Есть все то, что нужно. Если бы меня спросили: «Каким инструментом в первую очередь нужно научиться пользоваться новичку в дизайне?», то я без сомнения бы ответил: Figma. Он крайне прост в освоении и многофункционален, так еще и бесплатен.

Если интересно, могу создать рубрику, где буду рекомендовать хорошие плагины для Figma (исходя из личного опыта, вашего интереса и направления) 😇

А так, ребят, ответ на вопрос крайне прост. Все зависит от того, чем вы занимаетесь.
Инфографика, работа с печатью - Photoshop + Illustrator (хотя инфографику можно делать и в Figma).
UI/UX дизайн - Figma для разработки самого дизайна + Photoshop для работы с мокапами.
3D графика - Blender.
Моушн-дизайн - After Effects.

К слову о мокапах. Хотите, чтобы я выкладывал хорошие и качественные мокапы тут? Если да, то пишите в комментариях об этом! Обязательно выполню вашу просьбу 😇

Всем доброго утра ☕️

Дорогие мои, знаете ли вы, где вообще искать заказы? «На фриланс-биржах!» - возможно, скажете вы. И будете правы! Но на каких именно, знаете? Если нет, то я вам сейчас помогу!

1. fiverr.com - самая популярная биржа для фрилансеров. Тяжелый порог входа. Если повезет, то можно будет хорошо зарабатывать там. Хочу отметить, что, чтобы работать там, вам нужно пройти верификацию с паспортными данными (в РФ, увы, нельзя). Иначе, увы, никак нельзя 😢
2. upwork.com - тоже довольно популярная и хорошая биржа. Есть минус: для того чтобы откликаться на заказы, вам нужно купить отклики... да...
До сих пор не понимаю, для чего это 🤷‍♂️
3. freelancer.com - менее популярная, но хорошая биржа.
4. behance.com - да, там можно не только выкладывать свои проекты, но и получать оттуда заказы 😁
5. kwork.ru - популярная фриланс-биржа в странах СНГ, особенно в РФ. Чем-то похожа на fiverr.com, за исключением того, что там не нужно регистрироваться с паспортными данными.

Все эти биржи легки в регистрации. Вам остается лишь оформить свое портфолио, загрузить работы, и все! Можно начинать искать первые (а может, и не первые) заказы 🧑‍💻

Надеюсь, смог вам помочь! Если будут какие-то вопросы - пожалуйста, задавайте!
Пишите в комментариях или в личные сообщения - @merkin_r

Успехов вам 🕺

#SCВсеДляЛюдей

Теперь добрался до чехлов 😅

Осталось только распечатать и проверить в деле! Вы что думаете по этому поводу? Так себе или сойдет? :)

Утро доброе!

А мы продолжаем работу 🔥
Желаю всем продуктивного и хорошего дня 🥰