Всё Образование Статьи Вдохновение Инструменты Файлы Популярные

Заметки
35

Смежные рубрики:
Статьи Инструменты Плакаты Лучшее Логотипы

Шпаргалка по стандартным пропорциям дисплеев и их типовым разрешениям

1104

Интересный ход в презентации дизайна нью-йоркского журнала Quoted

Вместо привычных идеальных интерьеров с абстрактными декорациями тут слегка пролитый кофе и булочка с кунжутом.
3769

Спектр Чикина

1083

Графический приём «отрезать половину»

Сергей Чикин советует как поступать, если для изображения слишком мало места: «Чтобы идентифицировать объект, нам необязательно видеть его целиком.
1128

Основные виды градиентов

2779

Манифест ответственного дизайна First Fings First

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

Карточки по инструментарию Фотошопа

Ребята из проекта Post.Scriptum объясняют базовые инструменты и приёмы Фотошопа в формате карточек — одна карточка на один приём. Ничего экстраординарного, зато очень наглядно и понятно.
5991

Шутка Дэвида Карсона

Дэвид Карсон, «крёстный отец Гранжа», был основателем и арт-директором культовго журнала Ray Gun (с которого был скопирован Птюч). Однажды Дэвиду не понравилась статья Брайана Ферри и он напечатал её символьным шрифтом Zapf Dingbats.
954

Основные виды градиентов

1501

Сравнительный анализ графики текстов

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

Карточки по инструментарию Фотошопа

Ребята из проекта Post.Scriptum объясняют базовые инструменты и приёмы Фотошопа в формате карточек — одна карточка на один приём. Ничего экстраординарного, зато очень наглядно и понятно.
8025

12 приёмов рисования хороших эскизов сайтов и интерфейсов

Тезисный пересказ статьи «Sharpen your sketching skills: 12 simple techniques to push your sketching skills to the next level». 1. Рисуйте уверенные, ровные линии. Можно сначала пару раз провести линию по воздуху, без нажима. 2. Не бросайте линии, соблюдайте одинаковый нажим, чтобы линия имела равномерную толщину по всей длине. 3. Оторвите запястье от листа, линии […]
2130

Брутальный редизайн популярных приложений

Пьер Баттин нарисовал, как могли бы выглядеть популярные мобильные приложения в модной бруталистской стилистике. Сам интерфейс он оставил без изменений, просто стилизовал всё при помощи системных шрифтов, базовых цветов и фигур. К этому его подтолкнули размышления о том, чем является это веяние. Это будущее дизайна, или мимолетное увлечение? Будет ли проще пользоваться приложениями в такой […]
997

Как подписывать кнопки

Первая часть составного совета Ильи Бирмана: artgorbunov.ru/bb/soviet/20170418 В большинстве случаев кнопка дает команду машине, поэтому на ней должно быть отглагольное сказуемое, отвечающее не вопрос «Что сделать?»: отправить, купить, настроить. Иногда кнопка отвечает за изменение статуса, и тогда на ней будет ответ на вопрос «Что это? Какое оно?»: это спам, готово, важное, позже, ждёт проверки. Кнопки […]
763

Короткие подсказки, облегчающие работу в «Индизайне»

Сергей Стеблина из Студии Лебедева публикует не только советы по «Иллюстратору», но и по «Индизайну». Новые советы можно получать в телеграм-канале: t.me/ne_znal_indd
1854

Простые и неочевидные приемы в «Иллюстраторе» — 3

Третья подборка советов Сергея Стеблины из Студии Лебедева. В своём Телеграм-канале он публикует классные советы по «Иллюстратору» в формате картинок: t.me/ne_znal_ai Кстати, сегодня он запустил и аналогичный канал с советами по Индизайну: t.me/ne_znal_indd
2181

Простые и неочевидные приемы в «Иллюстраторе» — 2

Вторая подборка советов Сергея Стеблины из Студии Лебедева. В своём Телеграм-канале он публикует классные советы по «Иллюстратору» в формате картинок: telegram.me/ne_znal_ai
2496

Простые и неочевидные приемы в «Иллюстраторе»

Сергей Стеблина из Студии Лебедева завёл в Телеграме полезный канал, в котором публикует классные советы по «Иллюстратору» в формате картинок: telegram.me/ne_znal_ai
2663

Вертикальный и наклонный текст

Игорь Штанг написал, как и когда использовать вертикальные и наклонные надписи. «…Андрей спрашивает: Не смог найти информацию о вертикальных заголовках. Как к ним стоит относиться? Вкратце: вертикальный текст читать сложнее, чем горизонтальный. Если вы это понимаете, делайте что хотите. Есть по крайней мере две «объективные» причины поставить текст вертикально: 1. Это служебный текст, и его […]
1393
Рассылка UX-проектировщика

Рассылка UX-проектировщика

Хочу посоветовать вам рассылку, на которую подписан сам и читаю с удовольствием. Это рассылка Антона Григорьева, автора паблика Заметки UX-проектировщика. Каждое воскресенье Антон присылает уникальный материал: краткий перевод англоязычной статьи, пересказ интересного доклада или собственные мысли и идеи. Материалы нацелены на применение в работе проектировщика, продуктового менеджера или дизайнера. Вот что было в некоторых прошлых […]
791

Анимированные плакаты

В блоге «Софт культуры» опубликована заметка про анимацию в современном плакатном дизайне, рекомендую: http://blog.softculture.cc/?p=205 Некоторые примеры анимированных плакатов прикрепляю к посту.
3337

Рома Воронежский о цвете

«Цвет — явление идеологическое. Идеология такая: сам по себе цвет не значит ничего. Вообще ничего. Беседы о том, что какие-то цвета с какими-то не сочетаются или что-то означают в отрыве от контекста — шаманство хуже гороскопов. «Красный означает опасность», — говорит человек, который сегодня утром мужественно съел помидор и не дрогнул. «Черный — слишком мрачный», […]
1249
Чеклист хорошего дизайн-портфолио

Чеклист хорошего дизайн-портфолио

Антон Жиянов опубликовал полезную заметку с выжимкой из мнений экспертов индустрии о том, каким должно быть портфолио соискателя на вакансию дизайнера. Чеклист основан на мнениях ребят из Fjord, SFCD, Creative People, Яндекса. Вот список Антона: 1. В портфолио только лучшие и релевантные вакансии работы. Не слишком много, 5–10 штук. 2. На карточке проекта описаны цели, […]
477
Ода автокомплиту

Ода автокомплиту

Очень люблю, когда у полей ввода есть автокомплит, это очень важная часть интерфейса. Мало что сэкономило мне столько времени, как выпадающие списки с подсказками. Вы тоже наверняка так привыкли ограничиваться 1-2 буквами для того, чтобы найти документ, тег, пользователя в FB или адрес в Gmail, что даже не представляете, что может быть иначе. Чем умнее […]
473

Ничто не оригинально

На приложенной картинке НЕ логотипы Медиума, Эйр-Би-Эн-Би, Флипборда и Битс. Это выдержки из книги 1989 года Trademarks & Symbols of the World: The Alphabet in Design. Источник
466

Справочник: размеры картинок для 9 социальных сетей

Ирина Смирнова из Тильды подготовила полезную справку об оптимальных размерах картинок на социальных сайтах: Фэйсбук, ВКонтакте, Твитер, Инстаграм, Ютуб, Пинтерес, Линкедин, Гугл+ и Одноклассники. По ссылке подробный разбор, но если не хотите вникать в тонкости, просто запомните универсальный размер: 1024*512 пк. Такая картинка будет отображаться корректно в большинстве случаев. http://tilda.education/articles-images-for-social
703

Почти никто не добавляет в дизайн блогов и СМИ возможность сохранить материал в приложения для отложенного чтения.

Хотя стоило бы, ведь это не только удобно для читателя, но и увеличит трафик в долгосрочной перспективе.
378

Размазать вместо заблюрить

Женя Агасьянц делится своим фотошоп-хаком: «Я перестал использовать фотошопский Блюр и перешёл на размазывание. Smudge — да, тот самый палец, но с уменьшенной силой и дополнительным параметром кисти Scattering — разбрасывание. Scattering имеет особенность, он разбрасывает кисть поперёк движения. Работает непривычно, но интересно». Источник
756

Артемий Лебедев обновил своё мнение о мобильных сайтах

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

Действительно гармоничные цветовые схемы

Дизайнер Эрика Шунмейкер поделилась дизайнерским лайфхаком. Чтобы добиться связности и гармоничности любой цветовой схемы, она предлагает наложить поверх схемы цвет (оранжевый, например), и подобрать его прозрачность. По ссылке инструмент, который автоматически делает это с любой заданной цветовой схемой: javierbyte.github.io/cohesive-colors
673

Севшая батарейка в кварцевых часах

Дизайнеру важно уметь придумывать решение задачи, не добавляя новые элементы в существующую систему. Хорошим примером служит индикация севшей батарейки в кварцевых часах Тиссо. Как показать хозяину часов, что батарейку скоро нужно менять? Светодиодом или подсветкой? Звуком? Умное и экономичное решение — сохранить точность хода, но перемещать секундную стрелку только раз в 4 секунды. Источник
427

Виды каллиграфических засечек

Источник
1035
Лишний кабинет

Лишний кабинет

Илья Бирман толково написал про личные кабинеты на сайтах. «На многих сайтах есть «Личный кабинет», а не надо. За ссылкой «Личный кабинет» скрываются разделы, доступные только узнанным пользователям: «Мои заказы», «Отслеживание отправлений», «Пополнение счёта». Но нет причин прятать эти ссылки от всех посетителей (особенно тупо прятать пополнение счёта, конечно). Если человека не узнали, попросить представиться […]
473

Шпаргалка по правильным сочетаниям цветов

1. Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным; 2. Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым; 3. Серый – базовый цвет, хорошо сочетается с капризными цветами: фуксия, красный, фиолетовый, розовый, синий; 4. Розовый – с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым; 5. Фуксия (темно-розовый) – с серым, […]
2188

Что такое «Нобельфайк»?

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

О сайте

Оди — издание для дизайнеров, которое старается помогать им в работе и профессиональном развитии

Главные рубрики

Авторам

Проект Кирилла Олейниченко и команды. Авторство статей и дизайна указано в конкретных материалах. Дизайн сайта — Кирилл Олейниченко, Женя Власов. Айдентика — Саша Швецов. Разработка — Андрей Острин. Фирменный шрифт — Graphik, предоставленный великолепными type.today.
2012—сегодня
Комментарии для сайта Cackle