nowhow | Технологии

Telegram-канал nowhow - Now How Channel

26844

Сайты с хорошим дизайном со всего света 🤟 Since 2016 Сотрудничество: @design_manager_bot

Подписаться на канал

Now How Channel

Мы уже писали, что в России создается дизайн-система для государственных сайтов. Сегодня Артем Геллер (да, тот, который сделал сайт Президента) опубликовал видео, в котором делится успехами своего 5-летнего труда с коллегами из AIC и других компаний-участников. Мы считаем, вы должны это знать, это важно для всех нас.

We’ve already wrote that a design-system for government websites is being created in Russia. Today, Artem Geller (yes, designer that made the President's website) published a video in which he shares his success with colleagues from AIC and other participating companies about 5-year work under new design-system for all russian gov-sites. We think you should know this, it's important for all of us.

http://gov.design

Читать полностью…

Now How Channel

Продолжаем рассказывать о сайтах с BPR Spb: промо-сайт Текилы Volcano от Wild Agency из Австрии. Что точно хочется выделить:
- снова звук (скоро перестанем это выделять)
- снова кастомный анимированный курсор
- приятные, уместные переходы и анимации
- простое и интересное решение просмотра больших фото
- неразрывность сценария повествования (хотя это не лендинг)
Результат? Теперь я 100% увижу (среди сотен) эту бутылку в винотеке. А значит один раз-то точно куплю.

We continue to talk about sites with BPR Spb: a promo site of Tequila Volcano from the Wild Agency from Austria. What you really want to highlight:
- again the sound (soon we will stop singling it out)
- again the custom animated cursor
- Pleasant, relevant transitions and animations
- a simple and interesting solution to view large photos
- the continuity of the narrative scenario (although this is not lending)
Result? Now I 100% see (among hundreds) this bottle in the wine cellar. So once I will definitely buy it.

https://www.volcan.com/en

Читать полностью…

Now How Channel

Глубоко уважаемые нами Werkstatt (Париж) похоже сделали что-то действительно новое.. Ощущаешь это уже с главной, и дальше, в каталоге, в указателях, в переходах, в скроллах. Это то, что я люблю больше всего, — из всего доступного уже много лет собрать новое, интересное и очень даже значимое. Попробуйте сами, оно того стоит. Там ещё много умных микро-решений, есть о чем задуматься в общем.

Deeply respected by us, the Werkstatt (Paris) seems to have done something really new.. You feel it already one the homepage, and further, in catalog, in cursors, in transitions, in scrolls. This is what I love most - from all that has been available for many years to collect new, interesting and very significant. Try it yourself, it's worth. There are still a lot of smart micro-decisions, everything is not listed.

https://creationolivierlapidus.paris/fr/

Читать полностью…

Now How Channel

Новая работа Ueno, не знаю, что тут особо скажешь, кроме — less is more.

This is a new Ueno’s work. I don’t know what to say excatly, except one thing — less is more.

https://www.oculus.com/go/

Читать полностью…

Now How Channel

Ощущаю некую утомленность от этих сайтов на которых все прыгает и появляется каким-то странным образом, но с другой стороны даже дикие решения могут натолкнуть на какую-то простую и понятную, а главное совершенно новую идею.

I tired a little bit by the websites where all elements have some strange micro-interactions. But I think these wild ideas can help us to create something simple, clear and, what is more important, find fresh and unique solutions.

http://www.petervanalphen.com/

Читать полностью…

Now How Channel

Давненько не было Metro UI сетки в современных дизайнах. А тут внезапно появилось в свежем сайте Vanity Fair, да конечно, не топовый журнал, но все равно большинство из нас я думаю о нем слышали или видели его в киосках. Не идеальное решение, но даже его я скорей предпочту Медузе или Афише, бэнг-бэнг 🔫

I haven’t seen for ages the Metro UI in modern interfaces. And it’s here, in fresh Vanity Fair website, yes of course, it’s not top magazine, but anyway you heard about it or saw in newsstands. Not perfect solution, but I prefer it to Meduza or Afisha (russian online magazines), bang-bang 🔫

https://www.vanityfair.com/news

Читать полностью…

Now How Channel

Наверняка многие из вас уже знают про Invision Studio. Я не буду высказывать мнение о самом продукте, но вот лэндинг у него очень ничего. На мой взгляд одна из главных ценностей — хорошее сведение скролла и и анимаций, что всегда является проблемных местом сайтов такого рода. Кстати, любопытно, что после загрузки сайт сам себя проматывает на несколько слайдов. В общем, без больше инноваций, но, как я люблю говорить: «просто всё хорошо сделано». Этого часто более, чем достаточно для результата.

Surely, many of you already heard about Invision Studio. I will not talk about the product itself, but promo-site of it is good for it’s task. In my opinion, one of the main values is a good interaction between scroll and animations, which is always a bottleneck for sites of this kind. And interesting thing is that after loading site scroll first slides itself. In general, without innovations, but, as I like to say: "just everything is well done." This is often more than enough for the result.

https://www.invisionapp.com/studio

Читать полностью…

Now How Channel

Очень приятно сделаны переходы между страницами, кроме самих анимаций очень хорошие использованы тайминги, достаточно быстро, но при этом очевидно

This is an example of good transitions between pages, except type of animations, we can find here very good timings, very fast, but you have enough time to feel it

http://north-east-venture.com

Читать полностью…

Now How Channel

Очень странный сайт, не могу сказать, что он мне нравится или нет. Сломанная сетка, немного необычные расстояния и непонятные пустые пространства, при том, что рядом все зажато. Но это дает повод задуматься и посмотреть на это немного под другим углом

Very strange website, I can’t say that I like it or not. Broken grid, a little bit strange intervals beetwen elements and empty spaces when we see that our elements are clamped. But I think this website is different view on typical layout

https://engelbrechts.com/en/

Читать полностью…

Now How Channel

Очень изящный сервис, интересные визуальные идеи для механики «вопрос-ответ», приятный голос на фоне и аккуратные анимации

Very elegant webservice, interesting visualisation ideas for question-unswer mechanics, pleasant voice on the background and neat animations

http://thymia.world

Читать полностью…

Now How Channel

Что делает сайт дорогим, изысканным, классическим и, если можно так сказать, интеллектуальным? Давайте разбираться вместе: пишем черным по белому, используем шрифт с засечками, из акцентных цветов берем только оттенки золотого (бежевый, коричневый и т.п.), никаких скруглений, верстка чаще книжная, реже журнальная, и забываем про какие-либо тени от объектов.

What makes a website look fancy, expensive and classic? Black type on white background, serif fonts and gold (brown, beige etc.) color for details and accents. Sharp corners, book layout and no shadows. I think that’s all.

https://museeyslparis.com

Читать полностью…

Now How Channel

Снова я, и снова два dribbble инвайта, подробности по ссылке

I have two invites for new guys, follow the link to learn more

https://dribbble.com/shots/3864500-two-invites-for-new-guys

Читать полностью…

Now How Channel

Это ребята из Нью-Йорка, которые сделали много классных сайтов: Harry’s, J.Crew, Saturdays Surf NYC и многие другие, которые не раз попадали в канал. Подача достаточно однообразная, но знать такие студии нужно. Я, например, видел почти всех их работы, но не был в курсе, что это сделано одной рукой. Самое интересное, что работы, которые я перечислил сверху, имеют определенную привязку по локации — все из НЙ. Как и сама студия, что, как мне кажется, наиболее четко передает настроение и преемственность их оффлайновых мест.

These guys from NYC have created a lot of great websites like Harry’s, J.Crew, Saturdays Surf NYC and many others. We showed many of their works in the channel before. Grid of the website is very trivial. I saw almost all of their works, but I didn’t know that it was created by one hand. I think it is very interesting that all works from my list above have the same location — NYC. And yes, guys from Gin Lane are from NYC too. I think it helps them to put brand mood in digital space so good.

https://www.ginlane.com

Читать полностью…

Now How Channel

Одно дело модные лэндинги и интерактивные лонгриды, другое — огромные порталы. Мы на своем опыте отлично знаем, как сложно создать дизайн-систему, да ещё и с модными решениями, для большого ресурса. Но студия Locomotive кажется смогла. Встречайте новый крупнейший сайт о студенческом спорте Канады.

Designing fashionable landings and longreads & designing huge portals — very different things. We know from our experience how difficult is to create a design system, and even with fashion solutions, for a large resources. But the Locomotive studio seemed able to. Meet the new largest website about student sport in Canada.

https://usports.ca/en/

Читать полностью…

Now How Channel

Now How Channel
Этот сайт похож на Нью-Йорские сериалы, такие, знаете, трушные, которые мало кто смотрел, типа «Девочки» или «Как сделать это в Америке». Очень хипстовато-андеграудный, чем-то напоминает подкасты от Boiler Room. Если вы ничего не поняли из того, что я написал, просто посмотрите, тут все модненько

This website looks like shows from NYC, true shit shows, you know, like "Girls" or "How To Make It in America". Hipsters, Williamsburg, Bushwick etc. Also reminded me style of "Boiler Room". If you don’t understand what I said just look at it, it’s very stylish

http://manualphoto.com
@

Читать полностью…

Now How Channel

https://www.youtube.com/watch?v=Kq5RKneOOtw

Читать полностью…

Now How Channel

«Say My Name, Say My Name» кто-нибудь помнит чья эта песня? Я теряюсь между N Sync и Spice GIrls. А так, учим английский с Uber.

«Say My Name, Say My Name» who remember who sang this song? My options are N Sync and Spice Girls. By the way, learn English with Uber.

https://ubersignlanguage.com/#saymyname

Читать полностью…

Now How Channel

Ссылочка от Дениса Ломова, креативного директора Red Collar с посылом о том, что у каждого из нас, дизайнеров, всегда есть возможность пойти дальше стандартного: «удобно, функционально, надежно» и завоевывать внимание пользователя чем-то не обязательно большим, но обязательно приносящим удовольствие и остающимся в памяти — значимым.
Промо-сайт от голландской компании Superhero Cheesecake для G-Star выйгравший в сентябре FWA OF THE DAY.

A reference from Denis Lomov, Creative Director of Red Collar with the message that each of us, designers, always has the opportunity to go beyond the standard: "conveniently, functionally, reliably" and win the attention of the user by something not necessarily large, but necessarily bringing pleasure and remaining in the memory - meaningful.
Promo-site from the Dutch company Superhero Cheesecake for G-Star won in September FWA OF THE DAY.

https://www.g-star.com/en_gb/elwood

Читать полностью…

Now How Channel

Питерцы, кто надумал, напоминаем, что в субботу в 13:00 Behance Portfolio Reviews в ОХТАLab.
Всё бесплатно : ) Приходите, там будет вся дизайнерская туса СПб.

Регистрация — http://behance.its.agency/registration

Читать полностью…

Now How Channel

И если вам не хватило, вот вам еще один новостной ресурс. Но предупреждаю он немного странный

If it’s not enough for you, here is another one news website. But be prepared – it may be a little bit weird

https://www.topic.com/

Читать полностью…

Now How Channel

Здесь очень хорошо создано ощущение некого интерактивного пространства, нежели сайта. Ты находишься вне каких-то плоскостей, в невесомости как будто.

Here we can feel something unique from the space of website. We are somewhere, you don’t realise where you are excatly, I think this is a main thing.

http://www.the-artery.com

Читать полностью…

Now How Channel

Ребят остался еще один инвайт, эшкере!

I have one more Dribbble invite, let’s get it!

https://dribbble.com/shots/3888228-dribbble-invite

Читать полностью…

Now How Channel

Пожалуй это самая лучшая интеграция видео в сторителлинг

Perharps this is the best video integration in storytelling ever

https://landing.adobe.com/en/na/products/marketing-cloud/ctir-3108-running-on-experience/

Читать полностью…

Now How Channel

Ребята, очень нужен дизайнер-волонтер в Ночлежку работать над сайтом homeless.ru. Ночлежка — это прекраснейшая благотворительная организация, она помогает бездомным людям, учит десятки других подобных организаций и, вообще, гордость для всех нас. Я помогал ей больше трех лет, но сейчас мне нужна замена. По мере возможности, я останусь консультантом и буду арт-директить работу нового дизайнера.
Работы не очень много: сначала побольше, так как поднакопилось, потом в спокойном режиме. Особенно здорово, если человек будет из Петербурга, но это не строгое условие, — если хотите, пишите в любом случае, над веб-сайтом работают ребята с самых разных городов. Писать нужно Насте nastya@homeless.ru с коротеньким сопровождением почему хотите помогать и какой у вас опыт.
Я думаю, вы понимаете, что это не оплачивается, но Ночлежка будет делать все, чтобы при возможности благодарить вас. От себя скажу, что я ни разу, ни на секунду не пожалел, что тогда, 3 года назад, согласился помогать этим удивительной доброты и чистоты людям, теперь уже моим друзьям. Это что-то большее, чем просто помощь, вы сами увидите. И заранее спасибо всем, кто откликнется, друзья.

Читать полностью…

Now How Channel

В прошлом посте говорили о классике, давайте теперь затронем сегодняшний день. Главный тренд этого года — это ломанный минимализм (это я так называю, можете называть этот стиль как хотите). Особенно популярен и развит он среди русских дизайнеров, я думаю именно они его и популяризовали так сильно, если вбить на Behance поиск по запросу minimalism, в топе по вебу будут преобладать именно русские. Если разбираться, то на самом деле все проще чем это кажется: все выстраивается вокруг изображения, оно непременно крутое и достаточно самостоятельное, в пустые зоны, которое оно образуют встраивается текст и другие интерактивные элементы. Стили текста контрастные, самый низкий ранг как правило может быть расположен вертикально. Самое главное сделать так, чтобы все элементы «поддерживали» друг друга, и создавали гармонию общей картины, чаще всего, если отзумится, они должны образовать прямоугольник. Пример ниже.

In the last post I told you about classic, today I want to speak with you about modern style. I think it is the most popular style of this year. I called it broken minimalism (this is how I called it, you can name it as you want). This style is very popular, especially in Russian design community. I think Russian designers made it so famous in web space. If you try to search by minimalism tag on Behance you can find many works from Russian designers. Actually this style only looks very difficult, let’s find out how it works: in the center of composition you need to use an awesome picture and in empty spaces to put all content: texts, lines, interactive elements etc. Size (or style) of the text must be very different and for the less nessesary information you can use vertical orientation. The most important thing is how to put all elements to make a full composition.

https://www.aristidebenoist.com

Читать полностью…

Now How Channel

Питер! 28 октября буду экспертом в открытой зоне осеннего Behance Portfolio Review. Состав жюри бомбический: Леонид Ивахов (Одноклассники), Гриша Коченов (Agima), Денис Ломов (Red Collar), Олег Турбаба (SFCD+Clay), Inessa Shillo (Nimax), Катя По (ARTW), Вероника Тышко (OLYMPIA)
Место, кстати, ОХТА LAB, тоже отличное.
Подавайте свои работы на ревью и приходите просто так. Это правда хорошее мероприятие: не занудное, полезное, современное и с девочками из RedBull : )
В общем, не поленитесь встать в субботу 28 октября, вы не пожалеете. Тем более, что начало в 13:00.
http://behance.its.agency

Russian, only, sorry : )

Читать полностью…

Now How Channel

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

A very simple and nice website. It has modern and trendy effects which make design more sharp and don’t disturb you. I really don’t know why all news websites in Russia look very typical with a mess of information, so that you really don’t know where to look. But very small portals like this are trying to create some relevenat design for today and tommorow.

http://www.nova.fr

Читать полностью…

Now How Channel

Всегда приятно писать про наших ребят, но особенно, когда они не из Москвы или Петербурга. Агенство ADN из Барнаула сделали не сложный, но интересный по идее и визуалу сайт Zoomanity. Двойной респект за то, что можно ещё и футболки купить с принтами персонажей.

It's always nice to write about our guys, but especially when they are not from Moscow or St. Petersburg. Agency ADN from Barnaul did not complex, but interesting in idea and visual site Zoomanity. A double respect for the fact that you can also buy T-shirts with prints of characters.

http://zoomanity.land/en/

Читать полностью…

Now How Channel

2 ноября в Бельгии пройдет очень крутой фестиваль, на котором нам бы всем по-хорошему оказаться. Помечтали? Хорошо : ) Давайте хотя бы посмотрим на весьма достойный сайт феста, а потом не забудем посмотреть записи выступлений супер состава докладчиков.

November 2 in Belgium starts a very cool festival, at which we would all be in a good way. Dreamed? Okay : ) Let's at least look at a worthy site of this fest, and then not forget to watch main recordings of this super speakers.

http://www.kikk.be/2017/en/home

Читать полностью…

Now How Channel

Отличный пример эффектного и очень точного решения для маленького сайта с конкретной задачей.
Обратите внимание на структуру и переходы — какое всё простое и чистое.

An excellent example of an effective and very accurate solution for a small site with a specific task.
Pay attention to the structure and transitions - which is all simple and clean.

https://insidethehead.co

Читать полностью…
Подписаться на канал