Лента
Рубрики
Авторы
Всё
Образование
Статьи
Вдохновение
Инструменты
Файлы
Популярные
В
е
б
-
д
и
з
а
й
н
351
Материалы для веб-дизайнеров: примеры крутых сайтов, обучающие курсы, бесплатные исходники
Смежные рубрики:
Айдентика
Статьи
Инструменты
Лучшее
Логотипы
Главная страница нового сайта Utair подкупает своей искренностью
Слоган «Туда, где вас ждут» и живые, «шершавые» фотки настоящих домов доносят главную ценность этой авиакомпании — они летают в такие отдалённые уголки страны, куда не летают остальные.
2830
Typography is the new black
Предлагаю вам переводную статью с коротким обзором трендов в веб-типографике и большим количеством хороших примеров.
1874
10 полезных находок о том, как люди смотрят сайты
В этой переводной статье описаны несколько исследований поведения пользователей интернета и их результаты.
2246
Коллекция Good Web Design
Новый, но уже полезный сайт с примерами хорошего дизайна сайтов. Отличается от остальных коллекций тем, что сайты порезаны на куски и рассортированы по категориям: навигация, шапки, подвалы, отзывы, цены, CTA, вопросы.
2149
CanvasFlip Visual Inspector — новый удобный бесплатный визуальный инспектор для Хрома
Это расширение, по сути, удобный интерфейс стандартного инспектора. Позволяет смотреть полную информацию о любом элементе, параметры типографики и цветовые схемы. Можно менять любой текст, цвета и любые другие параметры. И, конечно, экспортировать изображения.
1319
Конспект курса «Пользовательский интерфейс и представление информации»
Андрей Медведев написал конспект курса Ильи Бирмана. Конспект очень толковый — самая суть, с иллюстрациями и ссылками на сопутствующие материалы. Правда, написана только одна из двух частей конспекта. Всё равно стоит почитать: medvedism.ru/blog/all/birman-ui-and-datavis-course-1
1570
Если бы Сатана проектировал регулятор громкости
На случай, если вы пропустили, есть аналогичная подборка про форму ввода телефонного номера: vk.com/wall-36209322_53763 Скачать: volume9.png
1900
Брутальный редизайн популярных приложений
Пьер Баттин нарисовал, как могли бы выглядеть популярные мобильные приложения в модной бруталистской стилистике. Сам интерфейс он оставил без изменений, просто стилизовал всё при помощи системных шрифтов, базовых цветов и фигур.
3209
Прокрутчик 2.0
Полезный бесплатны скрипт Александра Беспоясова для сайтов, который выстраивает блоки в ряд, добавляет якоря и скроллбар. scroller.bespoyasov.ru
1066
Archetype
Ещё один классный инструмент для проектирования системы типографики на вебе. archetypeapp.com
1018
40 способов увеличить конверсию сайта прямо сейчас
Да, заголовок у статьи желтушный. Прямо ждешь, что во втором абзаце тебе начнут продавать тренинг, как стать успешным веб-дизайнером за неделю. Но содержание, к счастью, толковое. Стоит внимательно прочесть начинающим и быстро пробежать опытным. Первые узнают все основные составляющие эффективного сайта, вторые наверняка найдут пару-тройку дельных приемов в свою копилку. https://goo.gl/YR6Yeb
959
Synscope
Новый инструмент для удобного проектирования модульной системы экранной типографики с гармоничным вертикальным ритмом. По сути, является аналогом сервиса Gridlover.net, но с расширенными настройками. В дополнение ко всему, что есть в Гридловере, тут можно тонко настроить множители заголовков и отступы от них. Больше не придется допиливать систему руками. И ещё есть выбор из пяти популярных гарнитур. […]
1201
CSS Peeper — браузерное расширение для анализа стилей сайтов
Можно смотреть стили любого элемента, сразу видеть всю цветовую палитру сайта, в одном месте собраны все картинки. Очень удобно, отличная замена стандартному инспектору. Работает в браузерах, поддерживающих расширения для Хрома. https://csspeeper.com
2355
Minimum for maximum: подборка из 9 сайтов архитектурных агентств от Losko
1. APPAREIL architecture — appareilarchitecture.com 2. Studiomama — studiomama.com 3. Cobe Architecture — cobe.dk 4. X ARCHITEKTEN — xarchitekten.at 5. Stinessen Arkitektur — snorrestinessen.com 6. Héloïse Thibodeau Architecte — htarchitecte.com 7. Ghafari Associates — ghafari.com 8. Dallas–Pierce–Quintero — d-p-q.uk 9. KIRKOR — kirkorarchitects.com
1016
Новый фирменный стиль Третьяковской галереи
Знак и стиль разработали в агентстве ONY. Вот, что пишет команда о своей работе: «Третьяковская галерея — самая известная и любимая коллекция в России, наследие за тысячу лет. Сегодня галерея развивается, становится ближе к людям, из формата классического музея преобразуется в современное, актуальное пространство, наполненное множеством разнообразных активностей. Для разработки образа, который объединит весь музейный […]
3817
Smashing Magazine выкатили тотальный редизайн
Команда издания запустила «в бой» полностью обновленный сайт, над которым они работали последние 18 месяцев. Изменился не только внешний вид, но и программная часть. Теперь у сайта, по сути, нет бэкенда и он работает как progressive web app. Вордпресса внутри больше нет, а весь контент хранится в виде Маркдаун-файлов, которые специальные скрипты преобразуют в статичный […]
852
Семь свежих симпатичных промо-страниц
1. Talkjs — talkjs.com 2. Nuageapp — nuageapp.com 3. Lingoapp — lingoapp.com 4. Coach — withcoach.com 5. Slack Enterprise — slack.com/enterprise 6. Newton by Cloudmagic — cloudmagic.com 7. Stripe Radar — stripe.com/radar Скачать: talkjs.jpg Скачать: nuage.jpg Скачать: lingoapp.jpg Скачать: coach.jpg Скачать: Slack-Enterprise.jpeg Скачать: Newton.jpg Скачать: Stripe-Radar.jpg
883
Пять свежих сайтов с необычной механикой или эффектами
1. web.nike.com/xp/sbdunk/index.html — сайт про скейтерскую серию кроссовок Найки делает «Олли» при скролле; 2. simonsweeney.me — круговой скролл на сайте ирландского дизайнера и разработчика Саймона Суини; 3. http://bong.international — хватайте и тащите; 4. yokoland.com — на сайте норвежской дизайн-студии мжно рисовать неожиданными кистями; 5. topotopo.io — трехмерная модель любого места в мире.
1543
Стиль и сайт канадской типографии Printed by Somerset
Я вчера включил этот кейс в дайджест, но он настолько классный, что я не удержусь продублировать его здесь. В канадском отделении Leo Burnett разработали стиль и сайт большой типографии, известной широким спектром технологий печати и постпечатной обработки. Чтобы это показать, в агентстве сделали много версий логотипа, «напечатанных» разными способами на разных материалах. Но самая крутота […]
1174
Адаптивные логотипы: использование логотипов на экранах малых размеров
Это перевод двух частей статьи Джереми Франка (Jeremy Frank) Responsive Logos. Часть 1, Часть 2. Я заметил, что когда дело доходит до адаптивного дизайна, логотипы зачастую используются не лучшим образом. В большинстве случаев логотип просто сжимается настолько, насколько это необходимо, чтобы заполнить отведенное ему пространство на странице.
12322
В браузерах появилась поддержка разноцветных шрифтов
Адоби внедряет формат Оупентайп-СВГ (OpenType-SVG). Это обычный Оупентайп, в котором глифы могут заменяются на СВГ-варианты самих себя. Таким образом можно каждый знак красить в несколько цветов, делать градиенты. Пока что это работает в только в Фаерфоксе версий 26+ и Эдже версий 38+, но ожидается, что остальные тоже подтянутся. Формат обратно-совместим с Оупентайпом, поэтому в браузерах […]
967
Resizer — удобный инструмент для проверки адаптивности сайтов
material.io/resizer
1106
Если бы Сатана проектировал форму ввода телефонного номера
Источник
1393
Генератор анимированных CSS-градиентов
Можно задать несколько цветов, настроить угол градиента, угол и скорость анимации. Код совместим со всеми основными браузерными движками. gradient-animator.com
3026
txt.wav
Небольшая библиотека для анимации текста (css и java script). Можно использовать, например, для обозначения обратной связи на сайте. Ну или просто для забавных эффектов. Демонстрация: www.stilllife.studio/txtwav Исходники: github.com/still-life-studios/
993
Прогресс-кнопки: кнопки, совмещенные с прогресс-баром
Элегантное обозначение обратной связи без лишних модальных окон и оверлеев. По ссылке это решение представлено в 18 разных стилях. Интерактивная демонстрация: tympanus.net/Development/ProgressButtonStyles Статья и исходники: tympanus.net/codrops/2013/12/12/progress-button-styles Скачать: ProgressButtonStyles.zip
1062
Пять свежих отличных промо-страниц
1. https://plumewifi.com 2. http://www.beoplay.com/products/beoplayh5 3. https://sonikpass.com 4. http://locolo.me 5. http://tedxwestvancouvered.com
861
Кейс «18 Is You»
Команда из трех римских дизайнеров по заказу Совета Министров Италии разработала фирменный стиль, сайт и приложение программы «18 is You». Программа направлена на продвижение культуры среди молодежи. С 2016 года каждый итальянец, которому исполняется 18, получает специальную карту на 500 евро. Деньги можно потратить на книги, кино, концерты, выставки и другие культурные услуги. Молодые люди […]
1263
9 выдержанных сайтов музыкальной тематики
1. Ableton Loop — loop.ableton.com/2016 2. Fake Music — fakemusic.fr 3. Monday Music — poigneedemainvirile.com 4. Revelator — revelator.com 5. Sound of Change — sound-of-change.com 6. Spotify Year in Music — yearinmusic.spotify.com 7. Apple Music — apple.com/ru/music 8. Music Bed — musicbed.com 9. Glaubber Music — glaubbermusic.com журнал Losko Magazine специально для Awdee
953
Психофизиология графических интерфейсов
Это часть курса ребят из Тильды «Дизайн в цифровой среде». В статье рассматриваются физиологические аспекты взаимодействия человека с графическим интерфейсом. Правило 7±2, геометрическая память, группировка объектов, контрасты формы, цвета, размера и движения, особенности процесса чтения. Очень наглядно и полезно. http://tilda.education/courses/web-design/psychophysiology/
1735
9 сайтов с крупной типографикой
1. The Rivalry — therivalry.co 2. Finesse Design Atelier —finesseatelier.com 3. Poignée de main virile — poigneedemainvirile.com 4. Redoctober Industrie — redoctober.com 5. OVER TIJD — overtijd.be/nl 6. M&C Saatchi Worldwide — mcsaatchi.com 7. Advanced Urban Design — advancedurbandesign.com 8. Curaterz — curaterz.fr 9. One Hundred East Fifty Third Street — 100e53.com журнал Losko Magazine […]
1950
Традиционная подборка минималистичных сайтов от журнала Losko Magazine специально для Awdee.
1. Maria/Maleta — mariamaleta.com 2. ALLT — allt.sk 3. Triner. Type&Face — triner.de/type-face 4. 1961 — 1961.today 5. Benvigut Bisgràfic Barcelona — bbb.cat 6. OUUR — ouurmedia.com 7. Pitchfork — pitchfork.com 8. Andrea Brugi — andreabrugi.com 9. Romlaboratoriet AS — romlab.no
782
Slides design resources
Огромный бесплатный UI-набор, состоящий из 90 слайдов и 15 шаблонов. Для Sketch и Photoshop. Скачать бесплатно: designmodo.com/slides/resources
1074
Микротекст: часть интерфейса, сильно влияющая на UX
Пытаясь спроектировать классное взаимодействие, можно застрять в экспериментах со шрифтами, цветами, потоками, содержанием и так далее. Но есть компонент, с помощью которого легко порадовать пользователей. Возможно, это именно то, что вы искали.
4349
Тафти CSS
Сегодня Эдварду Тафти исполняется 74. Этот американский статистик известен своими книгами по информационному дизайну, они входят во многие списки рекомендованных дизайнерам книг. Например, его книги считают обязательными для прочтения Артём Горбунов и Артемий Лебедев. По этому случаю хочу поделиться ссылкой на небольшой CSS-фреймворк Tufte CSS. Он не преследует своей целью повторить оформление книг Тафти, но […]
1079
9 сайтов русских дизайн-студий и агентств
1. Eskimo Design — eskimodesign.ru 2. Transformer Studio — studiotransformer.ru 3. ONY Studio — ony.ru 4. Hungry Boys — hungryboys.ru 5. 2Nova — 2nova.ru 6. Zero Agency — zero.ru 7. Bread Head — breadhead.ru 8. Fork Studio — madebyfork.ru 9. The Bakery Design — madebythebakery.com журнал Losko Magazine специально для Awdee
1430
предыдущая
1
2
3
4
5
6
7
8
9
10
следующая
Комментарии для сайта
Cackl
e