31242
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Архив журнала «Техническая Эстетика»
По ссылке представлены сканы выпусков легендарного советского издания о дизайне. Сейчас в коллекции 99 номеров журнала, датированных 1985–1992 годами
Также рекомендуем статью на «Шрифте» об истории ТЭ
#awd_retro #awd_edu #awd_archive
Простое руководство по Webflow для начинающих
Если вы зарабатываете дизайном корпсайтов, лендингов, блогов и магазинов — внимательно присмотритесь. Использование в работе Webflow даёт вам конкурентное преимущество, потому что вы отдаёте клиенту не макеты в Фигме или Иксди, а готовую адаптивную вёрстку, которую клиент может использовать или сразу, или с минимальной доработкой разработчиками. Такой подход сокращает затраты клиента и повышает цену вашей работы
По ссылке ниже переводная статья для тех, кто хочет ознакомиться с этим инструментом. Содержание:
— Что такое WF
— Почему это должно быть вам интересно
— Блочная модель — ЕДИНСТВЕННАЯ техническая вещь, которую нужно знать
— Глубокое погружение в основной интерфейс
— Обзор самых важных элементов и маленькие хитрости
— Первый проект
— Ресурсы и курсы
ux.pub/prostoe-rukovodstvo-po-webflow-dlya-nachinayuschih
#awd_article #awd_tool #awd_webflow #awd_web
Айдентика и упаковка армянского кафе Cafeopia
Над стилем и неймингом работала команда легендарной студии Backbone Branding
В айдентике, как и в упаковке, они применили неожиданный приём — превратили человеческие руки в самостоятельных персонажей, усилив иллюстрации с помощью узоров и цветов. А название Cafeopia сделали созвучным названию страны — Эфиопия
Больше картинок: awdee.ru/identity-and-packaging-of-armenian-cafe-cafeopia
#awd_pack #awd_identity via behance.net/gallery/190464397/CAFEOPIA-(Confectionary)
Айдентика болгарской спешалти-кофейни Sapiens
Заведение находится в Русе — крупнейшем городе Болгарии на Дунае. Неофициально его называют городом первых вещей в Болгарии — там появилась первая телеграфная линия, первый современный печатный станок, первый город с названиями улиц, первая пивоварня... Однако, чего там не хватало, так это первого места для кофе, бранчей, коктейлей и светских встреч. Так в Русе появилась первая спешалти-кофейня
Пример самобытного стиля, построенного на монохромных гравюрах. И палитра здесь интересная — сдержанная и благородная
Больше картинок: awdee.ru/identity-of-bulgarian-specialty-coffee-shop-sapiens
#awd_identity via packagingoftheworld.com/2024/01/sapiens.html
Как выйти за пределы прямоугольника и перестать абьюзить людей плохими устройствами самообслуживания
Саша Ревяко из студии Райт написал обстоятельную статью с примерами об особенностях проектирования интерфейсов для устройств самообслуживания (УС)
К УС относятся: кассы самообслуживания в супермаркетах, билетоматы, паркоматы, электронная очередь в банках, поликлиниках и на почте, киоски самообслуживания в кафе и банкоматы
Статья полностью: right.by/blog/article/self-service-device
Короткая выжимка из статьи:
— УС пользуются все: от продвинутых юзеров до людей, у которых нет практики ежедневного обращения к подобным терминалам
— Нельзя делать интерфейс УС по тем же принципам, что и мобильный. Его использование требует бóльшей концентрации, потому что на человека влияют очередь, шум, усталость, высота устройства, дети рядом, блики солнца, реклама со всех сторон и прочие факторы
— УС находятся в особой среде взаимодействия. К её составляющим относится место, в котором находится устройство, то, в каком состоянии человек использует интерфейс (устал, встревожен, опаздывает), и то, как на него влияет окружение (отвлекает, расслабляет и другое)
— При работе с УС человек задействует всю руку, что кардинально влияет на размер элементов интерфейса и на их размещение. Они должны быть больше, чем в мобильном интерфейсе
— Особенности человеческого зрения не позволяют видеть всё происходящее на большущем экране УС. Поэтому интерфейс должен быть таким, чтобы пользователь даже периферическим зрением понимал, что происходит на экране
— В первую очередь УС должен решать задачи пользователя, а уже потом радовать их анимациями. Анимации делать можно, но для этого должна быть соответствующая технологическая платформа
— Важно помнить, что УС пользуются люди с разными особенностями здоровья, поэтому при разработке интерфейса необходимо проверять контрастность палитры
#awd_article #awd_ux
Устроиться в HR Tech Яндекса за 5 дней
С 26 февраля по 1 марта проводится Fast Track для UX/UI-дизайнеров, которые готовы развивать экосистему внутренних сервисов HR Tech Яндекса.
Ищут продуктовых дизайнеров в HR Tech команды Яндекса
Сервисы для управления кадрами и финансами, системы сопровождения найма и обучения новых сотрудников, экосистема интранета — вас ждёт много интересных задач, связанных с созданием простого, красивого и дружелюбного UI. Вы будете делать продукты, которыми пользуются во всех бизнес-группах, сервисах и проектах.
Как проходит Fast Track
▫️ До 23 февраля нужно зарегистрироваться и отправить своё портфолио с продуктовыми кейсами за последние 2 года
▫️ С 26 по 28 февраля будет проведено три технические секции
▫️ 29 февраля состоятся «финалы» — встречи с руководителями продуктов, где можно будет задать вопросы и узнать про конкретные задачи
▫️ 1 марта победители получат оферы
Все секции пройдут в онлайне.
Узнать подробности, зарегистрироваться и отправить портфолио можно здесь.
#промо
#цитата_дня
Первоначально сетка использовалась в журналах по искусству, архитектуре и дизайну, где модульный подход соответствовал и самому предмету и его подаче. Такие журналы, как Domus в Италии, Design в Англии, Du в Швейцарии и Industrial Design в США, были испытательным полигоном для сетки. Многие годы эти издания постоянно демонстрировали способность сетки придавать современному журналу соразмерность, организованность, порядок
«Сетка», Аллен Хёрлберт
Интуитивно понятный браузерный генератор mesh-градиентов
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
Советские пункты управления
Больше фотографий тут: awdee.ru/sovetskie-punkty-upravleniya
#awd_retro #awd_ui via designyoutrust.com/2018/01/vintage-beauty-soviet-control-rooms
Иллюстрации Кенджи Иида из Токио
Больше картинок: awdee.ru/illustrations-by-kenji-iida-from-tokyo
#awd_illustration via kentoiidaillustrations.tumblr.com
Оформление меню Bob's bar на роскошном курорте The Brando
Курорт находится на коралловом острове Тетиароа во Французской Полинезии. В 1962 году актёр Марлон Брандо частенько посещал Bob's bar во время съёмок фильма «Мятеж на “Баунти”». Через пять лет он купил остров, а курорт получил название The Brando
Меню Bob's bar сделали в виде дневника. Всего выпустили 30 экземпляров, которые собирали и украшали вручную. Внутри меню чего только нет: и почтовые марки, и яркие оттиски, и архивные фотографии, и зарисовки на тему острова. Залипнуть за просмотром можно надолго :-)
Интересный факт: все напитки в меню названы в честь фильмов с участием Брандо
Больше картинок: awdee.ru/bobs-bar-menu-design-at-the-brando-luxury-resort
#awd_print via behance.net/gallery/188734625/Bobs-Bar-The-Brando
📖 Неприятные касания маринованных огурчиков и терминалов самообслуживания — Журналус № 392
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Мартины Лаученгко «Продуктовый маркетинг по любви. Как создавать и продвигать продукты-бестселлеры»
— Первые обзоры Apple Vision Pro
— Что такое ментальная модель в контексте дизайна интерфейсов
— Будущее развития ИИ-инструментов по мнению экспертов
— Хорошие и плохие практики в визуализации данных
— Особенности проектирования интерфейсов для устройств самообслуживания
— Советы и принципы для структурированного нейминга дизайн-токенов
— Сборник из 30 философских бритв и принципов жизни
— Как выбрать инструмент прототипирования
— Как разобраться в задаче и сократить количество правок. Мини-курс
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Реклама ИП Олейниченко, ИНН 781697320774, erid: Kra23gh5z
Ruri Splines — веб-сервис и Figma-плагин для создания градиентных сплайнов
Платная подписка — 16,80 $ в год — открывает доступ к шаблонам и другим настройкам
Веб: ruri.design (там же есть Gradiator — для генерации круговых фигур со сложными градиентами)
Плагин: figma.com/community/plugin/1094343067414782306/Ruri-–-Splines
#awd_tool #awd_figma
#цитата_дня
Российский психолог Блюма Зейгарник установила, что неоконченные дела постоянно крутятся у нас в мозгу. Это оставляет ощущение беспокойства и мотивирует нас закончить дело.
Если вы обозначите поведение как последний шаг, необходимый, чтобы завершить дело, то усилите мотивацию своего посетителя: ну же, ты почти у цели, ещё всего один клик. Airbnb делает это очень толково — вас не просят оставить отзыв после рейса, а стимулируют с помощью умной фразы: «Один последний шаг, чтобы завершить ваше путешествие»
«Онлайн-влияние. Как управлять поведением людей, чтобы они совершали покупки в онлайне», Бас Вютерс и Жорис Гроэн
Лекции, интервью и обзоры на тему моушен-дизайна
Мы собрали лекции, интервью и видео с экспертами в области моушен-дизайна. Они рассказали о том, что такое моушен-дизайн, какие направления есть в моушен-дизайне, как получать знания в этой области и о многом другом
🙂️️ awdee.ru/lectures-interviews-and-reviews-motion-design
#awd_motion #awd_edu #awd_lecture
Дизайн-кейс студии дизайна Chipsa, который создает ощущение свободы и отсутствия всяких границ.
https://www.behance.net/gallery/191474807/AC-Concierge
Разработка эстетически привлекательного сайта для визового центра с современным, удобным и минималистичным дизайном. При создании концепции ребята искали идею-метафору, которая могла бы дополнительно украсить проект, подчеркнуть его оригинальность и в то же время нести в себе тот внутренний посыл, который будут считывать посетители сайта.
Реклама. ООО «Чипса», ИНН 2466279665, erid: 2SDnjezjPtU
#цитата_дня
Наивно ожидать от людей хороших результатов, если в течение дня они не имеют возможности сосредоточиться на работе.
Например, у нас в компании не бывает планёрок. Все знают, как они проходят: сначала один озвучивает какие-то планы, потом следующий делает то же самое. Сбор сотрудников в одном месте только кажется эффективной мерой — на самом деле это пустая трата времени и к тому же дорого обходится. Потеря времени восьми человек, собранных в переговорной, составляет не один час, а все восемь
«Не сходите с ума на работе», Джейсон Фрайд и Дэвид Хайнемайер Хенссон
Оформление банок немецкой крафтовой пивоварни The Mansory plant
Компания использует натуральные ингредиенты и любит экспериментировать со вкусами напитков
Банки оформлены в минималистичном стиле с утилитарной типографикой, цветовым кодированием и модернисткой вёрсткой
Больше картинок: awdee.ru/cans-decoration-of-german-craft-brewery-the-mansory-plant
#awd_pack via dprofile.ru/case/51967/the-mansory-plant
#цитата_дня
Решение задач конструирования очень похоже на блуждание по лабиринту. Стоит художнику выбрать путь, как возникают преграды, и он вынужден возвращаться и начинать всё сначала, и так до тех пор, пока найдёт верный путь к решению. То же и с сеткой. Если художник выберет её, не продумав до конца принцип своей конструкции, то может оказаться, что именно сетка преградит ему путь к правильному решению
«Сетка», Аллен Хёрлберт
Как разобраться в задаче — бесплатный мини-курс на Tilda Education
Веб-дизайнер и основатель студии «Имя» Даниил Клинчук выпустил семь лекций о том, как подготовиться ко встрече с клиентом и удачно её провести. Он рассказал, зачем проводить интервью с заказчиком, как подготовить вопросы к клиенту, сделать общение комфортным для всех, согласовать понимание задачи и в результате сократить количество правок
Длительность всего курса составляет чуть менее часа
tilda.education/task-understanding-course
#awd_edu
Сайт о маринованных огурчиках Thick Pickle
Ироничный дизайн-проект от американской студии Study Hall, где дизайнеры экспериментируют с разными дизайн-решениями
Небольшой, но запоминающийся сайт, где сразу бросаются в глаза сочные 3D-визуализации, стильная болдовая типографика и разнообразие анимаций по скроллу
thickpickle.com
#awd_web #awd_site
Сколько денег просить на собеседованиях
Основатель Карьерного Цеха Глеб Кудрявцев и владелица кадрового агентства Леся Набока обсуждают, как на собеседовании согласовать желаемый размер зарплаты и при этом не вызвать негативную реакцию работодателя
Спикеры подсвечивают вопрос обсуждения зарплаты и с позиции HR, и нанимающего менеджера, и кандидата
Короткая выжимка из выпуска:
— Заранее подготовьтесь к вопросам о желаемой зарплате, о размере зарплаты на прошлом месте работы, о том, проходите ли вы собеседования в других компаниях
— Чтобы оценить стоимость своего труда, рассчитайте собственный МРОТ (минимальный размер оплаты труда) и обязательно сопоставьте его с рынком. Мониторьте средние зарплаты по отрасли, узнайте, сколько просят ваши конкуренты, спросите в чатах про размер зарплат у коллег по цеху, обратитесь к карьерному консультанту
— Лучше сразу сказать о своих предварительных зарплатных ожиданиях и узнать размер зарплаты, который готова предложить компания. Это позволит не тратить время на общение, если ваши ожидания не совпадут с предложением работодателя
— Конкретный размер зарплаты и условия работы обговаривайте с HR-ом. С нанимающим менеджером и с командой обсуждайте ваши hard- и soft-скиллы, продукт, взаимодействие в команде, процессы, но только не деньги
— Важно обсудить: серая или белая зарплата, на руки или gross, распределение зарплаты на оклад и премию
— Уже после получения оффера торгуйтесь, чтобы получить более выгодные условия по будущей зарплате. Не бойтесь просить больше денег. Это навык и его нужно прокачивать
📼️️️️️️ youtube.com/watch?v=KWU0dIWlCiI
#awd_edu #awd_lecture #awd_career #awd_summary
Для тех, кто стремится сделать свой продукт удобным
У создателей есть возможность не игнорировать неудобства и боль пользователя, а анализировать и улучшать продукт. На этом построена суть эргономики всего: рабочего стола и стула, кнопки на сайте, упаковки для печенья и самого печенья, унитаза и дивана, компьютерной мыши и автомобиля, сайта и систем управления, дома и городского пространства — всего, что захотите. Всего, с чем мы взаимодействуем.
Эргономисты дизайна и архитектуры Виталий и Юлия Шалетри выявили принципы, которые отличают удобные предметы и сервисы, сайты и архитектуру от неудобных. На основе принципов запустили телеграм-канал по эргономике. Вместе с подписчиками ребята замечают неудобства, анализируют и исследуют, изобретают и улучшают продукты. Их цель – побудить создавать и производить удобное.
Из постов канала:
Как фокус мышления влияет на продукт. Принцип «Не тупой»
Как заодно из продукта получить суперфункцию
Сравнение зубной щетки и девятиэтажки
Как принцип «Соответствие» поможет улучшить варочную панель
Разбор проблемы «Бесит заправлять одеяло в пододеяльник»
Если вы тоже верите, что среда, которая нас окружает может быть удобнее и комфортнее — присоединяйтесь!
Реклама. ИП Шалетри Виталий Викторович, ИНН 400305657970, erid: 2SDnjcJ1ZRa
#цитата_дня
Почему, к примеру, читатели в интернете менее усидчивы, чем простые читатели бумажных изданий? Традиционно считается, что с экрана читать гораздо сложнее, чем с отпечатанного краской листа. Тем не менее исследования, проведённые в конце 1980-х, доказали, что чёткий чёрный шрифт на белом фоне читается одинаково хорошо и с бумаги, и с монитора.
Нетерпеливость тех, кто читает с экрана, объясняется культурными, а не технологическими особенностями. У цифровых и бумажных читателей совершенно разные ожидания от чтения. Первые находятся в режиме поиска, а вторые — в режиме обработки информации. Пользователи интернета готовы к тому, что прочитанное их разочарует, отвлечёт или заведёт не туда
«Шрифтовое мышление», Эллен Лаптон
#цитата_дня
Если вы чувствуете, что потеряли мотивацию, пришло время взглянуть правде в глаза: вы, вероятно, давно не учились ничему новому
«Без обид! Как эмоциональный интеллект помогает общаться с коллегами и руководством», Лиз Фосслиен и Молли Вест Даффи
#цитата_дня
В компьютерной индустрии широкое хождение имеет такой анекдот: человек, пилотирующий небольшой самолёт, заблудился в облаках. Он снижается и замечает офисное здание неподалёку. «Не подскажете, где я нахожусь?» — кричит он человеку в открытом окне. Человек отвечает: «Вы в самолёте, примерно в тридцати метрах над землей». Пилот немедленно ложится на верный курс, находит аэропорт и совершает посадку. Его пассажиры в изумлении интересуются, как он определил, куда лететь. И пилот говорит: «Ответ этого человека был абсолютно точен и правдив, однако совершенно бесполезен, поэтому я сразу понял, что это разработчик программного обеспечения из Microsoft, а я знаю, где находится здание Microsoft по отношению к аэропорту»
«Психбольница в руках пациентов. Алан Купер об интерфейсах»
Акварельные котики сербского художника Эндре Пеноваца
Больше котиков: awdee.ru/endre-renovac-illustrations
#awd_illustration #awd_art via instagram.com/endrepenovac
Февральский старт в Бюро Горбунова: мастер‑классы бюрошников, минимальная стоимость обучения в школах и восемь курсов с возможностью сэкономить до 30%
Открыт набор в новый 20 поток Школ Бюро Горбунова и запись на девять дистанционных курсов. Чтобы поддержать студентов и участников курсов, преподаватели бюро и партнёры школы проводят бесплатные мастер‑классы. В конце каждого мастер‑класса — сюрприз!
ПТ 9 февраля 18:00 мск. Переговоры, Илья Синельников.
ВТ 13 февраля 20:00 мск. Презентация, Илья Бирман и Миша Нозик.
ЧТ 15 февраля 17:30 мск. Управление проектами, Николай Товеровский.
ПТ 16 февраля 18:00 мск. Текст и редактура, Катя Безручко, шеф‑редактор «Палиндрома».
ПН 19 февраля 12:00 мск. Текст и редактура, Максим Ильяхов.
ВТ 20 февраля 20:00 мск. Типографика и вёрстка, Миша Нозик.
СБ 24 февраля 13:00 мск. Разработка, Игорь Петров.
Записаться на мастер-классы
Реклама. ООО «Дизайн-бюро Артема Горбунова». erid: 2SDnjcZmB9A
Горячие клавиши графических редакторов Adobe
В pdf документе шпаргалки с горячими клавишами по 7-и популярным редакторам Adobe СС: Fireworks, Illustrator, Flash, InDesign, After Effects, Premiere Pro и Photoshop.
Привыкнув к постоянному использованию горячих клавиш, вы значительно увеличите скорость и эффективность своей работы. Учите, запоминайте и применяйте на практике.
🔗 Ссылка на документ
Тема: #program, рубрика: #literature, #guide
12 приёмов рисования хороших эскизов сайтов и интерфейсов
Тезисный пересказ статьи «Sharpen your sketching skills: 12 simple techniques to push your sketching skills to the next level».
1. Рисуйте уверенные, ровные линии. Можно сначала пару раз провести линию по воздуху, без нажима
2. Не бросайте линии, соблюдайте одинаковый нажим, чтобы линия имела равномерную толщину по всей длине
3. Оторвите запястье от листа, линии будут ровнее
4. Ведите линии к себе, а не от себя
5. Найдите оптимальную скорость рисования линий. При медленных движениях линии получаются волнистыми
6. Не рисуйте «волосатые» линии из нескольких штрихов. Старайтесь рисовать линии одним штрихом
7. Рисуйте прямоугольники в четыре штриха, а не в один
8. Не оставляйте в прямоугольниках разорванных углов
9. Аккуратно и плотно штрихуйте заглушки заголовков
10. Не углубляйтесь в детали, рисуйте только самое важное
11. Для тренировки рисуйте скетчи существующих сайтов и приложений
12. Держите в голове того, кому будете показывать эскизы. Рисуйте для конкретного человека и только то, что ему важно
Статья целиком на английском: creativebloq.com/how-to/sharpen-your-sketching-skills
#awd_note #awd_article #awd_edu