Designer Notes – Telegram
Designer Notes
14.9K subscribers
8.26K photos
729 videos
2 files
3.99K links
Фишки, хитрости и уроки для работы дизайнера.

Сайт: https://dsgners.ru

Реклама/связь: @design_guru_bot

Мы в реестре: https://vk.cc/cGfllL
Download Telegram
«Победа» обновила сайт: упростила бронирование билетов и сделала его быстрее 

Новый сайт увеличит долю прямых продаж до 85%, рассчитывают в компании.

Лоукостер «Победа» (входит в группу «Аэрофлот») представил обновлённую версию своего сайта pobeda.aero. Об этом рассказали в компании.

Сайт работает быстрее, на нём могут одно временно находиться 160 тысяч человек — это в два раза больше, чем раньше, утверждают в «Победе»

Процедура покупки билетов сокращена до четырёх шагов, изменена логика бронирования — сначала клиент выбирает услуги, а затем вводит свои данные, отметили в компании.


«Мы уверены, что новый сайт поможет увеличить долю прямых продаж через pobeda.aero до 85%», — отметил генеральный директор авиакомпании «Победа» Андрей Калмыков.

Скоро на обновлённой платформе запущено новое мобильное приложение, полностью синхронизированное с сайтом, подчеркнули в «Победе». В «личном кабинете» пользователя будет сохраняться история бронирований. Разработку нового сайта и приложения авиакомпания профинансировала в 2019 году.
Сервис доставки продуктов iGooods провёл ребрендинг: изменил логотип и придумал персонажей для бренда 

Компания запланировала расширить «философию бренда» на другие услуги по ведению домашних дел.

Сервис доставки продуктов iGooods провёл ребрендинг: обновил фирменные цвета и логотип. Об этом vc.ru рассказал представитель компании.

Светло-зеленый и малиновый цвета заменили на тёмно-зеленый или Leaf Green («Зеленый лист»), объясняют в компании.

В поисках концепции мы решили использовать самую заметную черту старого логотипа — три буквы О подряд, которые превратились в три овала — развить ее и обогатить смыслом. Три скошенных точки говорят о скорости сервиса (они словно пытаются сорваться с места) и его эмпатичном отношении к клиенту (три точки — это многоточие, как символ набираемого сообщения в мессенджерах). Мы решили использовать более сложную нестандартную палитру, чтобы избежать растиражированных «эко» ярко-зеленых цветов.
Топ-10 лучших сайтов для веб-разработчиков

У каждого веб-дизайнера, независимо от того, является ли он фрилансером или работает в офисе, имеются свои технологии, которые он применяет при создании новых проектов.

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

1. Github.com

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

2. Svgporn.com

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

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

3. Pixabay.com

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

Большой радостью для русскоговорящих веб-дизайнеров станет тот факт, что PixaBay имеет интерфейс на русском языке.

4. Nick-name.ru/generate/

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

Начальную букву пользователь может задать сам. Также можно вручную выбрать любой алгоритм.

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

5. Masonry.desandro.com

А этот ресурс придёт на помощь тем, кто не желает думать над созданием сеток страниц. Здесь можно выбрать любую сетку, и блоки автоматически будут подстроены под нужные размеры.

6. Dummytextgenerator.com

Этот генератор текста примечателен тем, что он способен создавать до 2,5 тыс. слов. При этом можно заранее указать, сколько в тексте будет абзацев. Их максимально возможное количество – 100.

Можно также включить html-теги и жирный текст. Кроме того, генератор способен создавать рандомные заголовки.

7. Premiumpixels.com

Этот ресурс поможет тем, кому требуются PSD-макеты и темы для WordPress. За скачивание материалов ничего платить не нужно.

8. Devdocs.io

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

9. Fontstorage.com

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

Ресурсом удобно пользоваться, так как здесь сразу показано, как будет смотреться шрифт на создающемся сайте.

10. Mapbox.com

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

Стоит сказать, что данный сервис платный. Однако можно взять карты бесплатно, при условии, если они не будут применяться в коммерческих целях.
Ярко и динамично: айдентика Avocado от Idew Media Belarus
Агентство разработало логотип и фирменный стиль Сressperience Bar здорового питания

Сressperience Bar Avacado — это философия правильного, но при этом вкусного питания. Основной принцип бара — 20/80, где 80% - это овощи и фрукты которые помогают раскрыть, дополнить и подчеркнуть вкус основного ингредиента. Сressperience Bar Avacado понравится всем, кто ведет здоровый образ жизни и хочет питаться не только вкусной, но и полезной и здоровой едой.

Задача: разработать айдентику для Сressperience Bar Avacado

Решение: Агентство IDEW MEDIA разработало визуальное решение для всех точек контакта с потребителем: айдентика, шрифтовые решения и сочетания, оформление интерьера и рекламных форматов для online и offline.
Новый логотип Photoshop, Adobe и Creative Cloud
Adobe дебютировал три новых изменения, которые облегчат использование навигации по портфолио для клиентов, при этом сохраняя свежий внешний вид.

С момента запуска Creative Cloud, Adobe постепенно шла в сторону смены «идентичности бренда», выпуская новые логотипы с закруглёнными углами. И недавно они сделали ещё один большой шаг вперёд, перепроектируя логотипы всех своих приложений, включая в себя новый логотип Photoshop, логотип Creative Cloud и даже логотип самого Adobe.

В своём блоге Sonja Hernandez рассказывает, что эти изменения «обеспечат простоту и удобство навигации по нашему портфолио для клиентов, а также сохранение свежего внешнего вида». Три «главных» обновления дебютировали вчера.


Во-первых, логотип Adobe становится одноцветным, полностью красным, и кроме того, этот красный цвет был обновлён, «теперь он кажется теплее и современнее».

Во-вторых, логотип Creative Cloud больше не представляет из себя сочетание белого и красного. Вместо этого фон напоминает разноцветную радугу, которая включает в себя новый логотип Adobe красного цвета, а также различные голубые, пурпурные и зеленые цвета, которые отсылают нас к другим продуктам от Adobe, а именно: Premiere, Photoshop и Dreamweaver.

И наконец, каждый логотип приложений получит более значительный редизайн и первым будет Photoshop. Все углы логотипа будут округлены, яркая цветная рамка вокруг каждого логотипа будет удалена, в некоторые продукты будет добавлена трёхбуквенная мнемоника (Photoshop Camera -> PsC), а цвета логотипа будут обновлены для «организации продуктов по таким категориям как: Video & Motion или Photography».

Пример этих изменений в логотипе Photoshop представлены ниже:

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

Поскольку разрыв между дэсктопным Photoshop, Photoshop на iPad и Photoshop на других компьютерах на базе ARM сокращается, имеет смысл использовать один язык проектирования на всех используемых платформах. Чтобы узнать больше об этих изменениях, зайдите в блог Adobe.