webdesignbasics | Unsorted

Telegram-канал webdesignbasics - основы веб-дизайна

2857

tg artist @pochitat_design @podplasch

Subscribe to a channel

основы веб-дизайна

и вдогонку

эйай не заменит хороших художников, фотографов или дизайнеров. я в это не верю. как минимум потому, что искусство это протокол диалога человека с человеком

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

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

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

основы веб-дизайна

новая авка для канала?

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

основы веб-дизайна

#insprrrrr
http://groupeccc.com

4/5
тут все просто. это ребята, которые стояли за сайтом для (la)horde (того безумия для резидентов марсельского национального балета). и как видим за много чем еще. к сожалению, студии больше нет. но картинки посмотреть можно и полезно

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

основы веб-дизайна

#insprrrrr
https://normadesign.it/

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

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

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

совсем конечно отказываться от всего рано, но перегибать зачем

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

основы веб-дизайна

#insprrrrr
https://studiolowrie.com/

2/5
давно умирающий послайдовый формат, но ничего не могу с собой поделать, нравятся эти гигастрелки. и эбаут симпатичный с такими свадебными заголовками. еще забавно, что текст при скролле обтекает название

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

основы веб-дизайна

сегодня по плану сет студий. готовьтесь

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

основы веб-дизайна

а для тех, кто здесь ради моей сексуальности, напоминаю, что у меня есть личный канал, где меня чуть больше @podplasch

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

основы веб-дизайна

#insprrrrr
https://www.ballet-de-marseille.com/

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

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

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

основы веб-дизайна

#insprrrrr
https://beton-roman.fr/

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

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

основы веб-дизайна

по работам похож на vovatsesler

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

основы веб-дизайна

#insprrrrr #prtfffff
https://colorcodecommunication.com/

просто симпатичные ячейки с эффектом бесконечности и svg анимацией по ховеру

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

основы веб-дизайна

https://youtu.be/VBiBzqbld-w

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

основы веб-дизайна

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

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

основы веб-дизайна

#insprrrrr
https://alli.love/

ну и напоследок что-то вроде нет.арта
нужно отгадать все, что любит некая алли
подобрал apple earth и you только
может кто еще что

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

основы веб-дизайна

так можно и в фигме делать

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

основы веб-дизайна

учите веб

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

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

основы веб-дизайна

#insprrrrr
https://pinkessay.space

5/5
ну и напоследок, наверно, самый простой, понятный и приятный для меня сейчас стилек. просто картиночки, фоточки и колоночки. минимум типографики. какой-нибудь один яркий примитивный элемент, но с градиентом, и достаточно. в похожем стиле еще недавно было портфолио виктора х

я бы в такое что-то сейчас старался уходить

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

основы веб-дизайна

вы тоже из этих чтоли

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

основы веб-дизайна

про обтекание это

сделано оно самым базовым свойством css float. единственная проблема что свойство это работает только с элементами в общем потоке контента (друг за другом, сверху вниз), то есть в position: static. а если элемент в статике, то его нельзя просто закрепить в шапке при скролле. для этого используют position: sticky, что вырывает содержимое из общего потока и обтекание не будет с ним работать, так как просто не будет видеть, что там что-то есть

поэтому тут сделали скрипт, который при скролле постоянно высчитывает отступ сверху от начала страницы (на видео расчеты краснеют при скролле). но этот скрипт не очень плавный. поэтому сами слова названия находятся все таки в position: sticky, но под ними невидимые блоки с float (left и right) для который и высчитывается скриптом отступ и именно их обтекает текст

вот так вот. не уверен, что все из вас поняли. но это я больше для себя

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

основы веб-дизайна

#insprrrrr
https://s-y-n-d-i-c-a-t.eu/

1/5
не столько студия, сколько коллаб дизайнеров. один сайт на двоих, почему нет. но необычно, что написать можно каждому по отдельности

нравится еще, что нет сетки. все либо по левому либо по правому флагу. и колонка с нумерацией нравится. двесте девяносто семь работ впечатляет

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

основы веб-дизайна

#tool
https://kaomojicool.club/

от каждого по каомодзи в комментах. го

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

основы веб-дизайна

#insprrrrr
https://www.collectiflahorde.com

и если вам вдруг сайт марсельского национального балета показался безумием, то нет. безумие это сайт резидентов марсельского национального балета коллектива (la)horde

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

основы веб-дизайна

#insprrrrr
https://www.paradigmtrilogy.com/

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

люблю, когда вроде без запары сделано, а вроде и не совсем. вот у нас журнал, вот pdf качай и читай. аудио тоже качай и слушай. а вот видео смотри на сайте. мы его для тебя разбили на главы и описание добавили к каждой. а почему не ютуб с таймкодами, например, следуя той же логике? — загадка, и это клево

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

основы веб-дизайна

#insprrrrr #prtfffff
https://laurenlubell.com/

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

но это все равно не имело бы смысла без этой зеленой улыбающейся гусеницы-меню

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

основы веб-дизайна

#insprrrrr #prtfffff
https://www.viktorh.com/

что-то более традиционное
без ничего лишнего
в тч и верстки
только переливающийся градиент на фоне

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

основы веб-дизайна

#insprrrrr #prtfffff
https://jacobhoving.com/

почти как мои ссылки по хайлайту, но круче

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

основы веб-дизайна

https://youtu.be/CkzbI1Tv_rQ

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

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

‘А это кто решил? Та масса малолеток и школьников, которые и едой с помойки, и говном печеным не побрезгуют, если красиво упаковать?’ Марик, УННВ

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

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

основы веб-дизайна

MotionAmplificationRMSLtd" rel="nofollow">https://www.youtube.com/@MotionAmplificationRMSLtd

показали тут любопытную штуку. motion amplification называется. инженерный софт, которым усиливают движения на видео, чтобы искать дефекты от вибраций и не только

при большом желании можно даже установить себе и поэкспериментировать. видео не нужно какое-то особенное. но так как софт инженерный, просто кнопки скачать и установить нет. придется повозиться

чем-то на таймлэпсы похоже немного

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

основы веб-дизайна

#insprrrrr #prtfffff
https://www.naominakazato.com/

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

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

основы веб-дизайна

#insprrrrr #prtfffff
https://alicegong.com/

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

Читать полностью…
Subscribe to a channel