http://readcereal.com если вам хочется добавить немного журнальной верстки, или вы делаете минимализм с минимумом цветов и чистыми фотографиями.
Если вам понравится, то обратите внимание еще и на http://www.kinfolk.com, они можно сказать «братья по крови».
Дорогие дизайнеры, менеджеры, верстальщики и все, кто нас читает. Этот пост — важная информация для всех нас: Гугл объявил о том, что в самом ближайшем будущем приоритет выдачи перестанет строиться на оценке релевантности десктопной версии сайтов, а перейдет на релевантность мобильной. Сам гугл называет это «Mobile-first Indexing». Это означает, что качество отображения контента на мобильных устройствах (полнота, удобство и т.д. — совокупное понятие) впервые начинает играть более важную роль, чем тот же совокупный параметр на полной версии сайта.
Это не звонок, это уже звук горна для нас и наших заказчиков (которым, во многом, мы говорим «что нужно делать») о том, что мобильное представление более абсолютно не отделимо от дизайна основной версии.
Учитывая опыт послених лет, можно почти со 100% вероятностью говорить, что Яндекс объявит о подобном решении в ближайшие полгода-год. Это называется качественный переход.
https://webmasters.googleblog.com/2016/11/mobile-first-indexing.html
Новозеландская студия Gladeye в 2016 сделала для Huffington Post сайт книги Стивена Брилла. На мой взгляд — это прекрасный пример сочетания опыта чтения бумажной книги с сегодняшними интерактивными возможностями (timeline, шкала прочтения главы, подробности об упоминаемых личностях и т.д. Масса отличных UX и UI находок. Да и просто взгляните на детали: ссылки, типографика, анимация про скролле, иллюстрации, обложки — все на очень высоком уровне. Работа удостоилась высоких оценок на Awwwards и заслуженно.
http://highline.huffingtonpost.com/miracleindustry/americas-most-admired-lawbreaker/
http://www.jolie.it — это элементарная анимация по слайдам с одним объектом, но как же она помогает не потерять нить и понять, не вчитываясь, что от нас хотят и примерно о чем идет речь.
Читать полностью…С кириллическими шрифтами всегда проблема. Шрифтовых дизайнеров в России не так много. Сегодня даем ссылку на более чем 50 бесплатных шрифтов от Ивана Гладких (со-основателя школы TypeType) http://www.typetype.ru/free-fonts Все шрифты высокого качества, включают латиницу и кириллицу и имеют открытую лицензию. Пользуйтесь.
Читать полностью…С подвалами дизайнеры обычно поступают вот так «ну что-то надо туда добавить, давайте продублируем пункты из шапки». Но в последние время, особенно если у сайта меню свернуто в бургер, вижу очень большие и подробные подвалы. Сделано это с целью, если вы даже пролистав главную не нашли нужную точку выхода, могли снавигироваться из подвала. Просто один из примеров http://mtcubacenter.org
Читать полностью…Есть тип дизайнеров, которые больше по UX и не очень могут визуализировать. Так вот сегодня я нашел сайт, который с минимальным количеством цветов и не выглядит как прототип http://sneakpeekit.com/ Ну как всегда, все дело в деталях
Читать полностью…И снова Тобиас. На этот раз 72 прекрасные цветовые пары. Пользуйтесь! Один из лучших веб-дизайнеров мира подбирал их для нас всех больше четырёх лет. http://www.vanschneider.com/colors/
Читать полностью…Если вдруг вы пропустили, то летом сайт FWA поностью обновился. Они делали его 3 года вместе с UNIT9 (одна из лучших студий мира). У нас по UX-у вопросы есть, а вот с точки зрения дизайн-решений, что посмотреть есть. https://thefwa.com
Читать полностью…Победитель Webby Award 2016 и одновременное People's Voice в номинации Best Navigation — сайт студии Abbey Road, на которой писались The Beatles и многие великие музыканты.
Создатель (Google) демонстрирует нам возможности сайтов на основе панорам, но и без этого работа изобилует хорошими приемами в анимации, пошаговости повествования, сочетаниями звука и видео с современным цифровым интерфейсом. Да и вообще, решение достаточно нетривиальное, тем не менее органичное — проникаешься духом студии, хочется ходить, изучать уголки, подглядывать за играющими музыкантами : )
https://insideabbeyroad.withgoogle.com/en
Когда визуальльно все просто, но хорошо работающие анимации и интерактив оживляет картинку http://www.thieb.co/works
Читать полностью…Вдруг кто-то пропустил, новые кейсы у Fantasy. Среди них есть даже Facebook
http://fantasy.co/work/facebook
http://fantasy.co/work/internetorg
http://fantasy.co/work/weather
Последнее время унификации, универсализации, UI-kit'ы, шаблоны сделали почти весь интернет одинаковым. Вдохновлятся стало сложнее, потому что везде видишь все больше одни и те же приемы. И мы, в частности я, заметили, куда смотрят те, кто это почуствовал и решил продолжать делать новое. Это, как не странно, граф. дизайн (все эти постеры, плакаты, открытки), книги по искусству и журналы. И чаще стали появляется именно те приемы, что можно встретить именно в оффлайне, которые не найти в вебе или их так мало, что не находясь в конкретном поиске, вряд ли найдешь. Вот один из примеров такого сайта, чьи слайды напоминают скорей журнальные развороты, нежели flat, material или что-то сейчас модное http://mediaelection.com
Читать полностью…На дня стартовал People's Lovie Awards, и мы публиукем самые любопытные на наш взгляд работы.
Сегодня сайт от Because Music. Комментировать можно долго — масса всего. Наиболее интересное: взаимодейтсвие с длительными нажатиями (своего рода 3dtouch в вебе), игра с цветом-звуком-скоростью, зависящими от действий пользователя, крутые подсказки, ну и много чего ещё. Развлекайтесь : ) Всем хорошего дня!
http://www.because-recollection.com
Пятница и отличная музычка на отличном сайте музыкальной группы.
- видео завоевывает веб, признайтесь. Отмечаем удачное совмещение одновременного проигрывания сразу нескольких видеороликов
- очень гармоничное сведение действий пользователя с непрерывным! звуковым рядом
- лого-меню — а почему нет? да!
- титры тоже отл!
Пожалуй, лучший сайт группы, который доводилось встречать. Легко, атмосферно, все что нужно есть. Пойду слушать альбом : )
http://www.grundlos-ep.de
Всем хороших выходных!
А как вам такой скролл? http://durimel.io/about На что не пойдут дизайнеры, чтобы выделиться, но это мы уже про главную http://durimel.io/nel
Читать полностью…Сегодня у нас сайт-портфолио с очень аскетичным дизайном http://www.samdallyn.co.uk Скажу честно, хочется, чтобы все сайты выглядели так, как работы этого дизайнера. Минимум интерфейса и одно сообщение в один момент времени.
+ цитата дня "If you sell something, say something!" 😉
https://www.gosquared.com/software/chat/ пример того, когда много букв, но это не смущает
Читать полностью…Этим сайтом мы хотели сказать, что прием смены фона по блокам еще актуален https://neobi.it Обратите внимание как переставляется placeholder при установке курсора в поле, ничего особенного, но выглядит свежо
Читать полностью…Продолжая тему подвалов, дадим ссылку на одно из лучших креативных агенств мира. Они к тому же немного обновили свой сайт. https://www.mediamonks.com/
Читать полностью…Лучшая презентация шрифта, которую доводилось видеть. Наслаждайтесь прекрасным стилем изложения; массой простых, но уместных интерактивных решений и юмором авторов — http://gt-america.com
Читать полностью…Сами еще не пробовали, но делимся с вами. Живые мокапы для презентации ваших работ https://lstore.graphics/looped/
Читать полностью…Если простыми словами — Тобиас бесплатно фотки раздает http://www.vanschneider.com/goodies/ Но предупреждаем, каждый второй будет их скоро исопльзовать в своих дизайнах.
Читать полностью…Offfitalia. Сайт с трендовыми градиентными цветами, плавными и быстрыми анимациями, модными линиями и сочетаниями шрифтов http://www.offfitalia.com/it
Читать полностью…Удивительно, что здесь так много современных приемов, и они так изящно сочетаются между собой. Лучшее, что видели за последнее время http://www.citroenorigins.co.uk/en/cars/10-hp-type
Читать полностью…Что-то среднее между flat и material. Вроде банальное сочетание цветов, но расположение элементов, яркие цвета и «игручая» анимация дает этому сайту звон https://www.nuageapp.com/#
Читать полностью…Очередное подтверждения тому, что органичное совмещение скроллов имеет место быть и не вызывает никаких плохих эмоций http://clay.global (насколько знаем, это подразделение SFCD)
Читать полностью…Сегодня у нас для вас российские ребята — работы Студии Артема Геллера в кооперации с AIC. Наверянка, вы в курсе, что наше государство уже давно взялось за обновление своих ресурсов в интернете, и надо признать делает это лучше, чем мы привыкли думать о нашей власти. Новые сайты президента и совета федерации вполне заслуженно попадают в наш канал и достойны большой похвалы. Не буду расписывать множество находок и решений в дизайне (о них много написано в сети), но к разбору и внимательному изучению рекомендую точно.
Сайт Прездинта РФ — http://kremlin.ru
Сайт Совета Федераций — http://council.gov.ru
p.s. Кроме того, сейчас вышеупомянутая команда вместе с ParaType ведут работу по созданию шрифта для государства. Большое важное дело. Мы обязательно ещё об этом напишем.
Тот самый дизайнер 2015 года, Тобиас, за прошлый год написал более 120 статей. Аккуратно собрал все в своём блоге и на днях его анонсировал. Тобиас советует читать с desktop, но знаете, и на экране телефона весьма не плохо. http://www.vanschneider.com/blog/
Читать полностью…А ещё вот такие они делают лэндинги
http://www.beoplay.com/landingpages/portraits
http://www.beoplay.com/landingpages/aw16