В конце прошлой недели Airbnb провел в LA презентацию по сути новых себя: «Homes, Experiences, Places, Flights, Services. We're now a trip platform» — сказал Брайн Чески со сцены.
Для нас интересны изменения в веб и мобильном дизайне:
- новый подход к работе с цветом (фон и обработка изображений)
- куча оригинальных постеров (снова «привет, граф.дизайн»)
- все больше видео, вертикального! (привет, Убер)
- анимация только по делу
Как резонно заметил один из коллег "Главные референсы у AirBnb были: Spotify и последние обновления iOS"
https://www.airbnb.ca/new
Когда-то, ещё до того, как мы решили делиться своими мыслями о дизайне сайтов в нашем канале, мы восторженно обсуждали дизайн http://www.hopesandfears.com — одно сообщение в один момент времени, отличная ротация блоков по дизайн-приемам, прекрасные анимированные иллюстрации, ёмкие врезки цифр и т.д.
К сожалению H&F больше не развивается, но заговорили мы о нем, потому что сегодня делимся сайтом Quartz.
Его дизайн нам тоже очень по душе: интереснейшие хаверы (понаводите в разные места), смелые разрывы изоражений, выноски, врезки, интерактивная инфографика в купе со стильной типографикой и многим другим. http://qz.com
Ребят, честно, я ни черта не понял. Но выглядит это прикольно http://electionrewind.com
Читать полностью…Мне кажется, что в будущем мы будем видеть больше сайтов, которые берут приемы из граф. дизайна. Элементы постеров и конечно больше журнальной верстки http://nicolasparies.com
Читать полностью…Мы обычно с вами делимся только классными сайтами, но очень часто мы встречаем не менее круто сделанные кейсы, которыми тоже хочется поделиться. Должны ли мы ограничивать себя только онлайн сайтами? Конечно нет, поэтому вот https://www.behance.net/gallery/43605653/BigDropInc
Читать полностью…Apple сделала страничку Holiday Gifts http://www.apple.com/shop/gifts Новый прием в виде кубиков-коробок скоро будем встречать мы видимо постоянно 😜
Читать полностью…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
Читать полностью…Органичное использование ограниченного количества приемов и цветов https://articulate.com Не перестаем восхищаться, как можно делать бело-серые сайты, на которых приятно находиться.
Читать полностью…Свежо, хорошо и универсально выглядят все preview-кейсов http://nacachedesign.com А то мы, как и вы наверное, устали от этой плиточной подачи у всех тех, кто делает портфолио
Читать полностью…Вот и сайтики под анаглифные очки начинают появляться. С коротким жизненным циклом, конечно, но не иначе, как нас начинают приучать, что в будущем всё чаще будет что-то на голове : ) И это не только VR, но и MR (mixed reality) и другие «ар». http://conference.awwwards.com
Читать полностью…Друзья, впервые нам хочется поделиться своей работой — Переосмысленный интерфейс карточки товара. В кейсе собрали основные механики в небольшое видео (лучшие смотреть со звуком) https://www.behance.net/gallery/44980477/Reinventing-the-product-card
Работа заняла около 2 месяцев, и результат — не просто видео, а полностью готовый к внедрению интерфейс: учтены длины заголовков, характеристик, текстов, фоток, разные статусы, маркеры, подписи и т.д. и т.п. — вся, вся вариативность. В итоге получилось более 70! макетов. Покрыты все состояния карточки товара в интернет-магазине, которые нам только известны.
И вообще будем рады вашим комментариям на наших Behance и https://dribbble.com/aidem
Наткнулся на сайт с приятными приемами http://www.doomsdayent.com Представленные видео-работы делались для таких брендов как Nike, Beats by Dre и др. Меня лично порадовало присутствие в этом списке, пожалуй одного из лучших сериалов этой осени, Атланты
Читать полностью…Не идеально визуально, но есть, что взять и додумать, согласны? https://dixonandmoe.com/
Читать полностью…А как вам такой скролл? 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
Читать полностью…