дивéтте о дизайне
62 subscribers
47 photos
17 videos
24 links
Вещаю о дизайнерских материях

Автор канала: @olgadivette
Download Telegram
Откопала достойные примеры того, как можно применять шрифт Montserrat в графическом дизайне. Таких мало. В видео в закрепе — режиссёрская работа о связи Буэнос-Айреса и этого шрифта (Montserrat был вдохновлён типографикой уличных указателей города), выглядит стильно и атмосферно.

Фишка в том, что я терпеть не могу Montserrat и вообще его не признаю) Позже выложу подробный пост на тему его использования. Но признаю вот что: если грамотно обращаться с типографикой и подбирать шрифт, опираясь на его задачу, то даже с Montserrat'ом можно создать сильную работу
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Рождественская ночь прошла в поезде на пути домой под саундтреки из Гарри Поттера 🪟

Вернулась в Омск, хотя прощаться с Тюменью немного тоскливо.

Если резюмировать итоги поездки:

Из всех планов в духе «куда сходить / что сделать в Тюмени» реализовала только два пункта. Но это даже как-то не расстраивает — порой то, что идёт не по «чек-листу», впоследствии оказывается чем-то более приятным и весомым. Ходила вообще по другим местам, или просто целыми днями разговаривали с друзьями, устраивали спонтанные встречи. Импульсивно купили с подругой бутылку вина, просто потому, что нам понравился дизайн бутылки (получается, дизайнер хорошо постарался), и он круто вписался в интерьер. Бутылку, кстати, не распивали, а превратили в симпатичный элемент декора)

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

Так что план на Омск глобально один: реализовывать всё это) А что за планы, и как я буду им следовать — буду поэтапно описывать в Телеграме.

И с Рождеством вас, ребята!
Please open Telegram to view this post
VIEW IN TELEGRAM
9
Поговорим про Montserrat?

Этот шрифт возглавляет мой топ самых часто встречающихся шрифтов. Вижу его везде — на сайтах клиентов, конкурентов, в меню ресторанов и случайно открытых сайтах. Обычно я нервно вздыхаю со словами «Опять Montserrat», потому что терпеть не могу этот шрифт, но это всё субъективщина. Давайте объективно

Что можно сказать про Montserrat

🔹 Он — не нейтральный. Это геометрический гротеск с относительно неформальным характером

🔹 Обладает расширенными пропорциями, поэтому занимает больше места на экране и смотрится крупнее

🔹 Очень светлый в начертании Regular. Его гораздо труднее прочитать, чем какой-нибудь Inter в том же самом начертании

🔹 «Заюзанный», всеми использованный и переиспользованный

Когда уместно использовать Montserrat

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

Когда может быть неуместно использовать Montserrat

🔹 Когда вы работаете с наборным текстом, который нужно прочитать. Особенно с длинным. Наборный шрифт должен быть нейтральным, «никаким», и достаточно контрастным по сравнению с фоном, чтобы легко и быстро считываться. У Montserrat'a более выраженный характер, поэтому он не подходит для набора на стандартных проектах. А начертание Regular может оказаться слишком тонким для читабельного текста.

🔹 Когда у вас мало места, и вам нужно компактно разместить элементы. Например, в плотном интерфейсе, в дизайне веб-сервиса или админки, где много элементов управления, большая часть которых должна быть видна на одном экране. Montserrat сильно усложнит эту задачу — он занимает много места.

🔹 Когда вы хотите сделать дизайн, «не как у всех», отстроиться от конкурентов, сделать выразительную типографику. Это сложно сделать с Montserrat'ом, когда он используется на каждом втором сайте

Можно ли на всё это забить

Можно. Можно с любым шрифтом сделать выразительную типографику. Можно отстроиться от конкурентов не только за счёт шрифта. У вас также может быть необычная задача, творческий проект, где не так важна читабельность наборного текста

Что важно помнить

Цитату Александры Корольковой. «Чем хуже шрифт, тем больше придётся приложить усилий, чтобы его обыграть»
91
«Есть идея — реализуй сразу же». Эти слова я сказала самой себе в начале года.

Поэтому как только мне пришла идея купить консультацию у Жени Бондаря — очень крутого дизайнера из агентства Wemakefab, я практически сразу её реализовала. Несколько месяцев как читаю Телеграм-канал Жени, и недавно случайно наткнулась на пост о том, что он ведёт платные консультации для джунов и миддлов. Запросы, с которыми он работает, мне максимально откликнулись, и я оперативно записалась.

Впервые в жизни купила консультацию, так что имела мало представления о том, в каком формате проводятся такие менторские сессии. Но всё прошло легко, душевно, а главное — полезно. Женя в жизни оказался таким же, каким транслирует себя в своём телеграме, ответил мне на те вопросы, что больше всего волновали. Сегодня на один вопрос отвечу я:

Что бы я сказала себе сегодня?


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

«Не недооценивай свои сильные стороны»
Поняла, что мой скиллсет куда шире, чем я думаю (синдром самозванца, узнали?) Но услышать объективное мнение от другого специалиста помогает более трезво взглянуть на вещи.

«Грамотно преподноси свои сильные стороны»
Важно не только знать их, но и уметь правильно подать. Поговорили на консультации о том, что система грейдов супер-абстрактна и не имеет чёткой структуры, мол, если ты миддл, то ты должен делать вот это и вот так. Можно считаться миддлом как раз благодаря качественной самопрезентации и активном задействовании тех скиллов, которые у тебя хорошо развиты.

На самом деле этих тезисов я унесла с собой куда больше, но оставлю их пока себе: хочу лучше всё осмыслить. А если личный скиллсет, подход к работе или мир дизайна в целом для вас полон загадок — рекомендую менторские сессии, можно многое для себя открыть. Жене — ещё раз выражаю огромное спасибо!
10🔥1
Аудит сайта как инструмент продаж, повышения лояльности клиента и даже ваших хард-скиллов

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

Зачем вам это

• Сделать бесплатный аудит сайта на этапе до продажи — простой и быстрый способ для клиента соприкоснуться с вами. А в маркетинге чем больше точек касания с вашим продуктом/услугой, тем лучше
• Клиент может на деле, а не только на словах, убедиться в вашей экспертности, когда увидит, что вы понимаете, какие проблемы есть сейчас, и как их можно решить
• Для дизайнера это дополнительная возможность проанализировать сайт, разобрать его «на атомы» и научиться видеть больше деталей. Кстати, это качает ещё и ваш скилл давать обратную связь другим дизайнерам, потому что вы уже понимаете, на что обратить внимание при разборе работ

Как провести хороший аудит

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

• Сначала обращайте внимание на скорость сайта, и можете ли вы, как дизайнер, на неё повлиять (либо же вы работаете в команде, и её оптимизировать можно с помощью разработчиков). Если сайт грузится вечность, а у клиента нет продаж или заявок — то обычно в этом и заключается основная проблема. Можно оценить скорость сайта (и что на неё влияет) с помощью сервиса от Google: https://pagespeed.web.dev/

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

• Анализируйте не только сам сайт, но и сайты конкурентов — некоторые решения можно оценить только в сравнении и с более глубоким погружением в бизнес клиента. Например, предложить решения, чтобы отстроиться от конкурентов, или добавить что-то, что уже имеется у конкурентов и потенциально важно для ваших пользователей. Глубина анализа здесь зависит от того времени, которое вы можете потратить на аудит. Если это крупный клиент или очень интересный проект, то можно копнуть глубже)

• Структурируйте свои аудиты, чтобы их было удобно читать и открывать. Обычно я использую Google Documents — ссылку всегда проще открыть, чем файл (не нужно ничего скачивать). А еще можно настроить навигацию по разделам. Но альтернативой может быть и какой-нибудь Notion. Делите текст на абзацы и подпункты, смысловые части — всегда думайте о том, как упростить жизнь клиенту, который будет всё это читать
5
Мастхэв для дизайнера (а еще редактора, копирайтера и любого, кто работает с текстом) — типографская раскладка Ильи Бирмана

Устанавливается и скачивается просто и быстро: https://ilyabirman.ru/typography-layout/

Дизайнеру почти всегда нужны кавычки-ёлочки, длинные тире, какие-то спецсимволы по типу знака копирайта. На Винде горячие клавиши для типографских символов супер-долго вводить. Alt + 0151 — длинное тире, и это только один код. На Mac'OS точно не знаю, но вроде бы, с зажатым альтом тоже можно использовать спецсимволы, правда клавиши расположены не особо удобно. Если установите раскладку, то вам нужно зажать две клавиши, чтобы ввести тире или знак рубля (а еще их легче запомнить)

Что здесь есть: длинное тире и минус (— и −), кавычки-ёлочки («»), знаки копирайта и торговой марки (© и ), валютные знаки (₽, £, €), неразрывный пробел, знак градуса (°) и ещё очень-очень много всего, что вы сможете быстро ввести с клавиатуры. Даже буквы из церковнославянского языка

Как вам поможет: сэкономит ваше время каждый раз, когда нужно вводить длинные и неудобные коды для знаков. А если вы не знаете код, то не нужно запоминать сложное сочетание клавиш или искать символы для того, чтобы скопировать знак
8👍2🔥1
Правила хорошего тона в Фигме

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

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

Я обычно пишу описание в свободном формате, но вывожу ту информацию, которая может быть важна для разработчиков, менеджеров и дизайнеров в моей команде. Например, что мы вообще делаем — сайт-каталог или интернет-магазин; какой функционал должен быть реализован; какую задачу должен решать сайт. Если есть полезные ссылки, то их тоже стоит закрепить для быстрого доступа: ссылку на ТЗ, на материалы для разработчика, на бриф или что-то еще

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

Я весьма далека от продуктового дизайна, но периодически изучаю что-то по этой теме (кстати, очень советую лекции по дизайну от IT's Tinkoff — много ценной инфы). Углубиться во все метрики и процессы на курсе было бы очень интересно, хотя чую, отбор будет жёстким. Само тестирование обещают не особо объёмное: нужно выполнить небольшое по времени творческое задание и отправить свою анкету, но всё же любопытно, выйдет ли что-то из этого

Так что с 1 февраля готовлюсь испытать себя — если есть классная возможность получить новые знания, грешно таким не воспользоваться)
4🔥3
Митя Осадчук (дизайн-директор Иви, если что) как-то выдал подобную фразу «Дизайнер — это не та профессия, в которой ты перестаешь быть дизайнером после 19:00, когда идешь домой с работы». И к сожалению, и к счастью, это так и есть)

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

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

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

Так что ставлю внутренний таймер 3 дня ровно с момента отправки этого поста и иду пробовать такой непривычный для себя формат отдыха)
7🔥2
Когда хочу поделиться каким-нибудь полезным сервисом, часто думаю: «Блин, ну, наверное, это все уже итак знают и все этим пользуются». Потом тестирую на знакомых — оказывается, что далеко не все. Так что сегодня в топе моих рекомендаций — программа для быстрого и удобного создания скриншотов Lightshot

Её основной плюс в том, что она работает не только в самом браузере, как Google-расширения, а позволяет выделить нужную область для скриншота на всём компьютере и быстро её скопировать. И как приятный бонус — можно сразу чутка порисовать на скрине и выделить что-то важное на нём

Впервые воспользовалась этой штукой, когда только пришла в Asmart, и мне это жёстко упростило жизнь) Очень советую, если у вас ещё не установлено ничего подобного (даже если вы вообще не дизайнер)
💘53👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Пока ещё не кончилась зима, а у меня как раз осталось заготовленное видео с лёгким рождественским вайбом, расскажу немного о том, чем интересуюсь за рамками UX/UI, айти и прочего

Дизайном (забавно, но правда)

Дизайном интерьера. Наверное, через год-полтора после моего погружения в диджитал, меня стало ещё больше волновать то, как выглядит среда вокруг меня. Я стала больше задумываться о том, как и во что одеваюсь, как организую пространство вокруг себя и в каких пространствах оказываюсь

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

В этом году делала ремонт в своей квартире, и мои небольшие познания в интерьерах помогли мне сообразить, как сделать своё «место силы» стильным и комфортным.
Можете глянуть в приложенном видео

Кстати, если эта тема вам вдруг окажется интересной, и вы давно хотите как-то преобразить пространство вокруг себя — то советую канал Shelnat. Спойлер: не всегда нужно тратить очень много денег, чтобы этим заняться, ведь какие-то детали порой существенно меняют всю обстановку
6👍1🔥1
Сегодня — мой последний день в Asmart'е

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

Вроде совсем недавно я делала своё первое тестовое задание, жутко волновалась перед собеседованием (ранее я никогда не проходила их в IT), а уже сегодня меня ожидает последний рабочий день

Безумно благодарна тем людям, которые окружали меня почти год! Наши разработчики и менеджеры многому научили меня, а дизайн-команда в Asmart'е — вообще моя отдельная любовь — это ребята, ставшие для меня хорошими друзьями и теми, с кем можно бесконечно обсуждать дизайн с неподдельным интересом. Про это, может быть, даже будет отдельный пост, но это не точно)

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

О том, куда устроилась и куда переезжаю, расскажу чуть позже, а пока что помянем это фото, которое сделал мой дизайн-лид для блока «Наша команда» на сайте Asmart'а) Быть её частью было круто 💜
17
Fun-факт обо мне — я почти каждый день ем сырки 🫡
Больше сырков люблю только свою дизайн-команду, которые надарили мне их перед грядущим переездом («сухой паёк для переезда в Тюмень — на завтрак, обед и ужин»). А ещё надарили книг о дизайне и рекламе — на них обязательно запилю обзор

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

На контрасте с фрилансом ещё раз скажу, что лучшее, что ты получаешь при переходе в компанию — это возможность получать фидбек, самому учиться его выдавать и находиться в окружении людей, заинтересованных в общем деле
10👍1🤔1
Как дизайнеру написать эффективное резюме? Часть 1

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

Один из самых любопытных этапов (помимо портфолио, которого у дизайнеров никогда нет 🙂)  — написание резюме. Как бы сказали на инфоцыганских курсах, здесь нужно провести «распаковку личности» — переосмыслить свой опыт и грамотно его преподнести, а это не всегда получается сделать сходу. А ещё хорошо бы знать полезные фишки hh ru и оформления резюме так, чтобы оно работало на вас

1. Пишите резюме на hh.ru

Даже если вы не выкладываете его в общий доступ. Пишите резюме на этой площадке — структура резюме с hh уже привычна для работодателя (как оказалось, резюме в виде задизайненных pdf-файлов мало кто любит), да и вам экономит уйму времени. Можно скачать pdf-файл с hh.ru и скинуть его на сайт/почту компании, либо отправить прямую ссылку на резюме

2. Помните, что «ключевые навыки» — это ключевые слова

Если вы будете рассматривать предложения с hh, то увидите, что некоторые вакансии «подходят вам на 78%». Или на 80, или на 90. Работодатель видит ваше резюме так же — чем больше у вас совпадений по необходимым навыкам, по виду занятости и другим параметрам, тем выше этот процент и ваш шанс быть замеченным. Гляньте вакансии от большинства компаний, либо же от тех, которые больше всего вас интересуют, и посмотрите, какие навыки они указывают в объявлении. Эти же навыки лучше всего продублировать в своё резюме, чтобы площадка «продвигала» вас, как соискателя (если они у вас, конечно, есть)

3. Посмотрите резюме других соискателей

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

4. Структурируйте текст резюме


Базированная база, но очень важная — избегайте полотна текста. В блоке «ключевые задачи на рабочем месте» расписывайте задачи в формате списка и маркируйте их (например, буллитом или длинным тире). Делите текст на абзацы в разделе «О себе», чтобы было удобно считывать его даже при беглом просмотре
Please open Telegram to view this post
VIEW IN TELEGRAM
9
Вот так вот поздравляют в новом агентстве 💜 Сегодня мне 22!
🔥93
дивéтте о дизайне
Как дизайнеру написать эффективное резюме? Часть 1 В этом году я впервые в жизни столкнулась с поиском работы в IT — раньше все предложения поступали мне «случайно», в основном по знакомствам. Так что я накопала много информации по теме трудоустройства: от…
Как дизайнеру написать эффективное резюме? Часть 2

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

— Распишите свои достижения на рабочем месте
Хоть структура резюме с hh и предполагает писать про «ключевые задачи на рабочем месте», можно отбить новый абзац после списка задач и рассказать о своих достижениях. Если думаете, что ничего особо не достигли, то, возможно, для вас «достижение» = награда на Awwwards. Необязательно мыслить в рамках таких масштабов — может, вы внедрили в компанию какое-то крутое нововведение, позитивно повлияли на дизайн-процессы, никогда не срывали сроки, привлекли новых клиентов или собрали от них много положительных отзывов

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

— Не забывайте о базовой грамотности и правилах типографики
Вы же дизайнер, всё-таки 🫡 Если вы претендуете на позицию, где нужно работать с UI, и для вас естественно оформлять текст в своих работах с правильной расстановкой типографских знаков (вроде французских кавычек и длинных тире вместо дефисов и машинописных кавычек), то лучше не забывать об этом и при написании резюме. Возможно, это не смутит HR'а, но как нанимающего дизайнера — меня бы это смутило. А текст с большим количеством орфографических и пунктуационных ошибок точно не презентует вас, как серьезного специалиста. Если с этим совсем плохо, то воспользуйтесь сервисами для проверки текста или попросите более грамотных знакомых пробежаться по вашему резюме

— В «О себе» покажите своё стремление развиваться, опишите хобби или навыки, которые помогают вам в работе
Да кто такой этот ваш «О себе»! Обычно сложнее всего заполнить этот раздел) Если вы ведёте профессиональный блог или соцсети — вы восхитительны, и это сто процентов нужно указать (по моему опыту собеседований, это действительно ценится). Участвуете в дизайнерских ивентах, посещаете лектории, менторите или являетесь спикером — не стесняйтесь писать об этом. Здесь также можно рассказать о своих soft-скиллах, своих планах на профессиональный рост и развитие, но более предметно — избегая шаблонов о «коммуникабельности» и «стрессоустойчивости». А если у вас имеются навыки, не связанные с дизайном, но помогающие вам в работе, то и это будет плюсом — хороший английский, копирайтинг, опыт в разработке или любой другой, пусть даже не связанный с IT
🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
🤔5