webdesignbasics | Unsorted

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

2857

tg artist @pochitat_design @podplasch

Subscribe to a channel

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

если за сегодня наберется 1000 подписчиков, то обещаю с завтра перестать постить херню

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

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

#reference
https://www.jester.be/

логоховер кайф

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

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

#reference
https://antwerpart.be/

полосочки кайф

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

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

апдейт по лекциям (plashchplashch">моего несуществущего курса по портфолио)
https://www.figma.com/file/BW5vIROHMSAeCfhEkDzwt0/prtffff


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

докинул ссылок на профили в арене, чтобы подписаться и сразу в ленте видеть что-то (потому что в арене нет рекомендаций и твоя лента пустая на старте)

докинул ссылку на pdf руководство от аре.ны для преподавателей и студентов. в нем есть ссылка на учебную скидку для премиум подписки (за это спасибо @slv_rdchv)

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

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

в третий урок добавил хорошие референсы портфолио

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

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

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

но самое крутое в cables.gl, что все примеры можно как угодно адаптировать под себя. даже без особо глубоких познаний (но можно и cablesgl">по туториалам). потом сохранить кодом и прикрутить к сайту, чтобы впечатления производить

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

https://cables.gl/p/Ms6hGp

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

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

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

https://cables.gl/p/P2xPfj
https://cables.gl/p/u3Og94
https://cables.gl/p/tSfZWV
https://cables.gl/p/uI2uUc
https://cables.gl/p/xybDqN
https://cables.gl/p/8V3UZJ
https://cables.gl/p/O_z6c1
https://cables.gl/p/FpzFNf
https://cables.gl/p/Yo4-z6
https://cables.gl/p/SOySQ-
https://cables.gl/p/PfbJ5G

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

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

everything is temporary joepease

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

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

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

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

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

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


: I don't think everything has to be designed. It would be really boring. it's sometimes interesting to see something plastic, cheap thing, next to a very beautiful designed thing. can be both beautiful

: When a creative mind is given an ever-growing list of tasks, it has little room to explore avenues of ideation

: Fascism is essentially a psychotic reaction to impotence and humiliation

: I kind of draw like you're walking through the forest. where you dont really know where you're going and you just start from some point and randomly trevel through the paper until you get to a place where you finally reach your destination

: “[Teachers] constantly tell us that they are preparing us 'for the outside world,’ but I've never experienced clients who were as contradictory and bad as some of my professors”

: This “apolitical” stance is, of course, highly political

: What people know as rules in systems are nothing more than historically evolved or arbitrarily constructed boundaries

: Keeping up with these new developments might feel like drinking out of a firehose

: Non-native speakers have more lived experience that deepens their empathy around the need for simple, directional language, which is an important part of what we do

: There is no better way to waste everyone's time than frequent meetings

: The worst feeling on your legs is a wet shower curtain touching you - the second is skinny jeans

: We begin in admiration and end by organizing our disappointment

: What cannot be said will be wept

: No matter which hole you’re stuffing, fisting isn’t always possible, and that’s okay. Lubricate, communicate and enjoy the process!

/channel/pochitat_design

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

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

начинаем через 15 минут. вопросы и портфолио можно в комменты под этим постом

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

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

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

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

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

#reference
https://www.centerforphilosophicaltechnologies.org/

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

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

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

#reference #portfolio
https://isthisa.com/

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

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

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

ладно, я вас всех тоже. канал остается

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

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

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

https://www.newyorker.com/tech/annals-of-technology/chatgpt-is-a-blurry-jpeg-of-the-web


если вкратце, то нейронка по своей сути это архиватор, наподобие zip или winrar, с той лишь разницей, что нейронка данные сжимает настолько сильно, что уже не может вернуть оригинал (lossy compression помноженный на бесконечность).

после сжатия, информация сохраняется обобщенными фрагментами. а когда приходит запрос, нейронка находит максимально подходящие под запрос фрагменты и выстраивает их максимально вероятном порядке. а пустоту между ними экстраполирует. то есть пытается простроить словесный градиент между концом одного фрагмента и началом другого используя, обнаруженные на этапе обучения, речевые закономерности (или графические, если мы говорим не про чатGPT, а про midjourney, например). после чего накладывается стилистический фильтры, где какие-то слова и обороты могут заменятся на более уместные для какой-то определенной стилистики (как бы это написал Ник Кейв, например)

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

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

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

хорошим сигналом в пользу качества была бы готовность команды OpenAI использовать для обучения следующей версии GPT текст, который был создан текущей версией. но пока это не кажется реальным. а если они сами не доверяют, почему мы должны (if the output of chatGPT isn’t good enough for GPT-4, we might take that as an indicator that it’s not good enough for us, either)


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

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

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

#reference
https://wiebkegrieshop.com

гигапоинтер кайф

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

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

#reference
https://sunnei.it/

сабскрайб кайф

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

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

а еще все круги заменил на сквиркали (спасибо @IngMaeSing)

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

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

люблю рефы, которые напоминают мне, что не нужно быть прокаченным в 3d, уметь в хромтайп и вообще не обязательно накручивать тонну эффектов, чтобы делать круто

афиша с канала WAVES. норм тема, кстати, брать афиши и переверстывать, если хочется попрактиковаться. ну или просто стилек подсматривать

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

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

и отдельно которые с камерой взаимодействуют

https://cables.gl/p/Mp2f2c
https://cables.gl/p/8rzBia
https://cables.gl/p/olG8Qi
https://cables.gl/p/QtjKDm
https://cables.gl/p/14TrVb
https://cables.gl/p/LZYbCm
https://cables.gl/p/wiVZn_
https://cables.gl/p/6kk1nZ
https://cables.gl/p/TyrGuF

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

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

#reference
https://www.gigastock.net/

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

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

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

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

bram.braam

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

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

rakugaki.dame.zettai
теги и граффити токио

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

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

запись стрима https://youtu.be/Dhcc2uw1-aY

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

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

#reference
https://polygon.org.ua/

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

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

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

в это воскресенье хочу провести следующий и, наверно, заключительный стрим из серии ‘как собрать свой курс по веб-дизайну’ (plashchplashch">записи предыдущих)

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

напоминалка в календарь. лайкшер

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

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

портфолио, как книжная полка. чем круче книги, тем проще, как правило, сама полка. чтобы не оттенять содержимое. не без изящества, конечно, но проще. как Muji Stainless Steel Unit Shelf Oak

возьмем к примеру работы liebermannkiepereddemann и сравним их с портфолио самих ребят

David Liebermann
Jana Reddemann
Maximilian Kiepe

или что-то из моей коллекции

Allan Kristiansen
Kurt Champion
Marcos da Silva Ribeiro
Squama Recordings
Stefania Ruggiero

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

хотя иногда мне нравится и что-то, как у Dmtric

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

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

#reference
https://aintnotrash.com/

опять эти liebermannkiepereddemann сделали что-то, чему я завидую (зацените их сайт-визитку тоже). на этот раз для магазина винтажной мебели ain’t no trash. ъуъ

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

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

короче, жду ваши валентинки. если их будет меньше хотябы сотни, удалю канал (или нет)

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

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

и да, про мои подписки на ютубе. я как-то уже делился, но, кажется, пора освежить (инглишь онли)

Vox">VOX
обо всем подряд. почему что-то так, а не так, журналистике расследования и тд. моё любимое видео who made these circles in the sahara? о том, как чел на гуглкартах в глубине саха́ры нашел какие-то круги и организовал, дистанционно, целую экспедицию к ним, чтобы выяснить, что за они. захватывающе. с него можно и начать

VICE">VICE (VICENews">VICE News, viceimpact">VICE Impact, Broadly">VICE Life, Motherboard">Motherboard)
тоже обо всем, но с уклоном в андеграунд, чернуху и криминал. например, techno, fascism and flakka: georgia’s deadly drug war, про бум техно и синтетических наркотиков в грузии. или the horrors you hear as a 911 operator, про то, как работать оператором 911. ну или sing snapchat to rob influencers, как грабят инфлюэнсеров используя их соцсети

HYPEBEAST">HYPEBEAST
в основном про моду, но мне больше нравится про художников и про студии смотреть. jet le parti: the end of the world is near, например. ну и плейлист hypeart studio visits в целом

dazed">Dazed 
тоже про моду, музыку и искусство. часто клевые музыкальные видео попадаются earl city down by the tree или что-то более бытовое, как, например, boys don't cry про жизнь в москве. ну и документальные dazed documentaries в основном хорошие

Vogue">Vogue
про моду, про моделей и про кучу смежной ерунды, что я не смотрю. но интересно про квартиры, в которых живут модные чуваки.
inside this model's minimalist home или inside designer rick owens’s minimalist home, например. и весь плейлист objects of affection. еще, можно покопаться в локальный вогах и найти что-нибудь любопытное. например, из французского at home with charles de vilmorin in paris мне понравилось. а voguescandinavia">скандинавский вог вообще отдельно стоит, там как будто все видео интересные

nevertoosmall">NEVER TOO SMALL
из недавнего. про дизайн интерьеров в маленьких квартирах. пока любимых нет, но кажется в любое ткни и будет интересно

FutureProofTV">Future Proof
про окружающие вещи. техника, одежда, бренды в целом. например, why is liquid death so popular?, про обычную питьевую воду, которую кто-то придумал продавать в пивных банках и поднялся на этом. или the truth about gore-tex про гортекс

bradhallshoes">Brad Hall
в основном про кроссовки. чел будто под тормозухой, но смотреть забавно. reviewing the yeezy gap balenciaga face mask + flame cap + dove hoodie + cargo pant или this $450 sneaker is the wildest shoe i've seen

ParsonsCommunicationDesign">Parsons Communication Design
канал парсонской школы коммуникационного дизайна (штат вирджиния). в основном смотрю их лекции cd lecture series, но недавно начали и отдельные штуки постить

MagdaReyman">Magda Reyman
дизайнерка польского происхождения (вроде как), но живущая в стокгольме. не часто выкладывает, но если, то всегда что-то интересное можно открыть

Dreadlabs">Dreadlabs
без дредлабса и его эйсид ю2к стилька никуда. не часто смотрю, но мечтаю однажды выделить месяц и устроить себе марафон по всем его туториалами. начав например с how to make tribal shapes in illustrator

intr4">intranetgirl
блендер художница. если честно, смотрю только ее обложки к видео. но, кажется по блендеру давольно прикольная

mugler">Mugler, ariesarisetv2640">Aries Arise TV, celine">CELINE, acoldwall">A-COLD-WALL*, balenciaga">Balenciaga, BrainDeadStudios">Brain Dead, user-fm8ik4rn9h">1017 ALYX 9SM, AcneStudiosOfficial">Acne Studios, cosstores">COS, MaisonMargiela">Maison Margiela, VETEMENTSOFFICIAL">VETEMENTS OFFICIAL, VTMNTS">VTMNTS, Vibram">Vibram, andwander6901">and wander
бренды шмоток

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