Îndrăgostire de web: site-uri web și instrumente inspiratoare

Publicat: 2022-03-10
Rezumat rapid ↬ Cu toții avem nevoie de un mic impuls de inspirație din când în când. În această postare, am colectat resurse inspiratoare de pe tot web-ul pentru tine - bomboane frumoase pentru ochi, sfaturi pentru a-ți provoca abilitățile și instrumente utile care vor stârni idei noi. Bucurați-vă!

Inspirația poate veni din locuri neașteptate - conversațiile pe care le-am avut, punctele pe care le-am conectat în mintea noastră și lucrurile mici pe care le-am văzut undeva. Și, deși uneori avem nevoie de o idee bună pentru o anumită problemă, alteori nu este nimic mai prețios decât să facem un pas înapoi față de sarcina la care lucrăm pentru a ne lăsa mintea să rătăcească liber.

În această postare, am colectat resurse care te ajută să faci exact asta. Veți găsi bomboane pentru ochi în care să vă răsfățați, idei care să vă scoată din zona de confort și să vă provocați , precum și instrumente și resurse care să vă ajute atunci când sunteți blocat într-un proiect. Doar lucruri pe care le-am găsit inspiratoare și utile și care vă pot alimenta și creativitatea. Bucurați-vă!

O lume de minuni în miniatură

Te-ai gândit vreodată că broccoli pe care îl pregătești pentru cină arată ca o pădure de copaci? Sau că frunzele care plutesc pe suprafața iazului de rațe din parcul tău local seamănă cu bărci mici? Când vezi lucrurile dintr -o perspectivă diferită , începe să se deschidă o lume complet nouă. O lume de minuni.

Calendar miniatural
Calendarul în miniatură al lui Tatsuya Tanaka ne permite să vedem lucrurile din jurul nostru dintr-o nouă perspectivă.

Tatsuya Tanaka are un ochi foarte special pentru micile minuni care se află chiar în fața noastră. Din 2011, el creează scene în stil dioramă în miniatură din lucruri simple de zi cu zi și figuri minuscule imprimate 3D și pictate manual. În universul în miniatură al lui Tatsuya, vei descoperi scene de grătar în care agrafele de hârtie se transformă în scaune și mese de picnic și capse metalice în grătarul de grătar, vei găsi un pachet deschis de chipsuri care formează un skatepark, o paletă de fard de pleoape și un ruj care se transformă în un birou mic sau un burger într-un carusel. Imaginația este singura limită. Tatsuya publică o nouă dioramă în miniatură în fiecare zi în Calendarul său în miniatură. Acum, dacă acesta nu este modalitatea perfectă de a începe o nouă zi gândind în afara cutiei, ce altceva este?

Flori de foc

Sași care se învârtesc, porumbei zburători, baterii de polka, Fântâni aztece, lumini din Bengal — varietatea de artificii este la fel de bogată ca și numele care le descriu. Cu toate acestea, dacă ați încercat vreodată să fotografiați un spectacol de artificii, știți că poate fi destul de greu să captați această bogăție. Exact asta face ca o serie de reclame din catalog pentru artificii japoneze din secolul al XIX-lea să fie atât de fascinantă: fără nicio așteptare de fotorealism, ilustrațiile din cataloage evocă un sentiment unic de uimire.

Catalog japonez de artificii
O bucată unică de bomboane pentru ochi: ilustrații dintr-un catalog japonez de artificii din anii 1880.

Digitalizate de Biblioteca orașului Yokohama, cataloagele datează din anii 1880 și prezintă nu numai artificii așa cum le cunoaștem astăzi, ci și așa-numitele „focuri de artificii de zi ”. Focurile de artificii la lumina zilei își aveau originile în Japonia și nu foloseau efecte pirotehnice, ci un proiectil care conținea un balon în formă de animal, persoană sau alte forme care se deschidea și se umfla pe măsură ce se întorcea pe pământ. Bomboane pentru ochi!

Peisaje urbane bazate pe cărți antice

Cărțile anticare sunt cunoscute pentru că au titluri lungi și pagini de titlu destul de modeste, în ciuda bogăției de cunoștințe pe care o prețuiesc în interiorul coperților lor. Pentru a ilustra cunoștințele unice pe care cititorii le-ar găsi în ele, Nicholas Rougeux a început un proiect cu totul special: Orașele de titlu.

Titlu Orașe
Title Cities reimaginează titlurile de cărți antice influente ca peisaje urbane moderne.

Title Cities reimaginează paginile de titlu ale cărților științifice antice ca peisaje urbane colorate, bazându-se exclusiv pe cuvintele de pe pagina de titlu. Fie că este vorba despre despre originea speciilor a lui Charles Darwin sau despre Opticks ale lui Isaac Newton, pentru fiecare carte, Nicholas a desenat casete în jurul cuvintelor de pe pagina de titlu și le-a codificat cu culori după prima literă. Menținându-și dimensiunile originale una față de cealaltă, el a aranjat apoi cutiile în peisaje urbane abstracte. Un exemplu frumos că inspirația poate fi găsită peste tot.

Ilustrații de mineralogie sortate după culoare

Ți-a trecut vreodată în cap o idee pe care nu ai putea-o renunța? Când Nicholas Rougeux a dat peste colecția masivă de ilustrații minerale pe care naturalistul și ilustratorul britanic James Sowerby a creat-o la începutul secolului al XIX-lea, s-a întrebat cum ar arăta acestea aranjate după culoare într-un colaj mare. Și, ei bine, și-a petrecut următoarele patru luni făcând exact asta: aranjând toate ilustrațiile lui Sowerby din seria de 718 plăci, British Mineralogy și Exotic Mineralogy .

Mineralogie britanică și exotică
British & Exotic Mineralogy aranjează peste 2.000 de ilustrații minerale desenate manual după culoare.

Rezultatul este proiectul uimitor British & Exotic Mineralogy . O lucrare de artă fascinantă care creează o punte între munca meticuloasă a doi oameni care trăiesc la două secole distanță și tehnicile pe care le-au folosit — de la cutia de vopsea la tehnologiile web moderne. Dacă doriți să aflați mai multe despre abordarea lui Nicholas și despre provocările cu care s-a confruntat pe parcurs, există o postare pe blog însoțitoare în care împărtășește o privire din culise.

Mai multe după săritură! Continuați să citiți mai jos ↓

O galerie de modele îngrijită

Când culorile îndrăznețe se întâlnesc cu paletele subtile, curbele organice apar lângă formele geometrice ascuțite, iar modelele minimaliste se confruntă cu opere de artă jucăușe, inspirația nu este departe. Dacă sunteți pregătit pentru o pungă surpriză cu bomboane pentru ochi , Pattern Collect este pentru dvs. Site-ul organizează modele frumos ilustrate create de designeri din întreaga lume.

Colecția de modele
Pattern Collection este o geantă surpriză minunată de stiluri unice.

Puteți răsfoi prezentarea după etichetă și, dacă vă place o lucrare de artă, un link vă duce la originalul pe Dribbble sau Behance, unde puteți afla mai multe despre ilustrator și munca lor. Cine știe, poate chiar aceasta se va dovedi a fi ocazia de a găsi talent creativ cu care să lucrezi la un proiect viitor?

Gloria vizuală a benzilor goale

Îți amintești casetele VHS goale? Antony Terence le-a dedicat un articol în care subliniază de ce rămân un masterclass în design vizual și astăzi, cu „ relația lor complicată între tipografie și culoare ”, care „le face cu atât mai intrigante”, după cum scrie el.

Gloria vizuală a VHS goală
Casetele VHS goale din anii 80 au și astăzi o fascinație specială pentru ele.

Dacă mai vrei să te inspiri din trecut, ei bine, ce zici de casetele de muzică goale? Blogul japonez Tapefan este dedicat în întregime frumuseții vechilor Sony, TDK, Fujis, Maxells și semenii lor, care obișnuiau să prețuiască muzica preferată a oamenilor înainte ca tehnologiile moderne să le ia locul. O călătorie inspirată înapoi în timp.

Filă nouă, opera de artă nouă

De ce să nu condimentăm una dintre cele mai banale acțiuni pe care le facem de nenumărate ori în fiecare zi și să o facem puțin, ei bine, mai incitantă, chiar mai inspirată? Vorbim despre deschiderea de noi file de browser . Dacă v-ați săturat să vedeți același fundal simplu de fiecare dată când deschideți o filă nouă, extensia Google Arts & Cultures pentru Chrome ar putea fi pentru dvs.

Extensie Arte și Cultură
Respiră puțină cultură în ziua ta cu extensia de browser Google Arts & Cultures.

De fiecare dată când deschideți o filă nouă (sau cel puțin o dată pe zi), extensia vă prezintă o nouă ilustrație frumoasă. Lucrările de artă variază de la Van Gogh și Monet până la lucrări contemporane ale artiștilor stradali din întreaga lume. Dacă una dintre capodopere vă stârnește curiozitatea, puteți da clic pe descrierea imaginii pentru a afla mai multe. O modalitate grozavă de a insufla puțină cultură în ziua ta.

Screensaver-uri aeriene pentru Mac

Te-ai săturat ca același screensaver vechi să te întâmpine când te întorci la birou după o pauză de cafea? Aerial este aici pentru a schimba asta. Proiectul open-source vă permite să redați videoclipuri din screensaver-ul tvOS Apple pe Mac.

aerian
Economizorul de ecran pentru Mac cu sursă deschisă Aerial vă permite să explorați Pământul din perspectiva unei păsări.

Printre screensavere, veți găsi videoclipuri aeriene de înaltă calitate filmate în diferite orașe și locații precum New York, San Francisco și China, videoclipuri Earth de la ISS, videoclipuri subacvatice, precum și o selecție de videoclipuri create special pentru Aerial. Toate sunt filmate în 4k, dându-ți senzația că experimentezi cu adevărat locația ca o pasăre care plutește deasupra scenei. Suprapunerile de economizor de ecran vă arată descrieri ale principalelor caracteristici geografice afișate în videoclipuri și, dacă doriți, vă oferă și informații despre oră și vreme și despre ce se redă în prezent pe Apple Music sau Spotify.

Cercul generativ Art

Îți amintești spirografiile? Micile roți și inele din plastic care vă permit să desenați tot felul de forme de flori? Colecția de artă generativă a lui Nadieh Bremer, Rotae, este fratele adult al fascinației bunei vechi Spirograph. „Rotae” înseamnă „roți” în latină și este o odă adusă gamei vaste de forme care pot apărea din procesul aparent simplu de a lăsa cercurile să se rotească pe cercuri.

Rotae
Cercurile care se rotesc pe cercuri se află în centrul colecției de artă generativă Rotae a lui Nadieh Bremer.

Galeria Rotae constă din 529 de ieșiri, toate animate pentru a dezvălui complexitățile căii de bază. Cum functioneazã? Fiecare dintre Rotae folosește un hash ca sămânță, un generator de numere pseudo-aleatorie alege numărul de roți și ce simetrie m-fold să creeze. Roților li se dau apoi aleator razele și frecvențele care vor crea simetria dorită. În rezumatul său al proiectului, Nadieh împărtășește mai multe informații despre tehnologia din spatele capodoperelor vizuale , precum și despre modul în care le-a animat.

Sfaturi de artă generativă și inspirație

Un proiect uluitor care face o punte între o tradiție veche de un secol și codificarea de ultimă generație este {Shan, Shui} . Creat de Lingdong Huan și inspirat de rulourile de peisaje tradiționale chinezești, creează peisaje chinezești generate procedural, cu defilare infinită, în format SVG . Munții și copacii din peisaj sunt modelați de la zero folosind zgomot și funcții matematice. Fascinant!

Shan, Shui
Proiectul de artă generativă {Shan, Shui} este inspirat din picturile tradiționale de peisaj chinezesc.

Acum, dacă te întrebi cum ar putea funcționa ceva atât de complex, nu ești singur. Victor Shepelev a vrut să intre în spatele secretului lui {Shan, Shui}* și și-a făcut proiectul de advent pentru a înțelege cum funcționează. Și, într-adevăr, i-a luat 24 de zile să sape complet în cod. El și-a rezumat descoperirile într-o serie de articole.

Dacă ești gata să-ți murdărești mâinile cu un mic proiect de artă generativă, articolele lui George Francis cu sfaturi și trucuri pentru a crea artă generativă sunt pentru tine. Pentru mai multă inspirație, asigurați-vă că navigați pe site-ul lui Andrey Andronov. Desfășoară câteva experimente fantastice cu stiluri de artă celebre și noi — de la Mondrian și Bauhaus la suprematism și arta geometrică.

Artă cu CSS

Ați încercat vreodată să creați o piesă de artă CSS de la zero? Dacă nu, Yosra Emad a scris un tutorial ușor de urmat care te-ar putea inspira să începi. În ea, Yosra te duce pas cu pas prin procesul de creare a unei fantome prietenoase numai cu CSS. Ea arată totul, de la împărțirea unei schițe inițiale în straturi și planificarea marcajului până la codificarea fiecărui detaliu al operei de artă. Nu este doar o mică provocare de codare distractivă, ci vă ajută și să vă duceți abilitățile de poziționare CSS la nivelul următor.

Ikko Tanaka CSS pur
Chuan Yuan a recreat faimoasa grafică a designerului japonez Ikko Tanaka cu CSS.

Dacă sunteți în căutarea unei surse de inspirație pentru arta CSS, contul Codepen al lui Chuan Yuan este un cufăr de comori plin de modele de fundal CSS uimitoare, precum și lucrări de artă CSS statice și animate . Asigurați-vă că nu ratați Codepenul unde Chuan a recreat faimoasa grafică a designerului japonez Ikko Tanaka doar cu CSS.

Houdini Paint Worklets inspiratoare

Houdini este un set de API-uri de browser de nivel scăzut care vă oferă acces direct la modelul obiect CSS și vă permit să scrieți cod pe care browserul îl poate analiza ca CSS. Dacă sunteți deja puțin mai familiarizat cu conceptul, este posibil să fi auzit de Paint Worklets. Ele oferă o modalitate de a desena imagini care răspund dinamic la schimbările din CSS.

Houdini.cum
Houdini.how dispune de Paint Worklets cu care să se joace.

Pentru a aprofunda modul în care funcționează worklet-urile, Houdini.how oferă câteva Paint Worklet-uri drăguțe cu care să experimentați: fundaluri strălucitoare , confetti, degrade sub formă de pudră, sublinie, sfaturi și multe altele. Un tutorial vă ajută să puneți totul în funcțiune, iar o umplutură polivalentă completează suportul lipsă în Firefox și Safari.

Un bot Twitter care creează palete de culori

Inspirația de culoare se află peste tot. Uneori, chiar și într-o imagine, cineva a inclus într-un tweet. Pentru acele ocazii, Color Parrot este noul tău cel mai bun prieten. Doar menționați botul Twitter într-un răspuns și vă va răspunde cu o paletă de culori pentru imagine.

Papagal de culoare
Tweebot-ul Color Parrot creează palete de culori din imagini.

Când cereți ajutor Color Parrot, puteți specifica numărul de culori pe care doriți să le obțineți de la bot. Doar includeți numărul în tweetul dvs. „@color_parrot care sunt acele culori? Am nevoie de 6 dintre ele.”, de exemplu. Povestea din spatele robotului este, de asemenea, una interesantă, apropo: David Aerne, creatorul său, menține o listă open-source de nume de culori care este folosită de multe aplicații și site-uri web. Pentru a măsura, ce nume sunt mai bune decât altele, el adună aprecieri și reacții la fiecare culoare. Deci, folosind botul, contribuiți activ la proiectul open-source. Câștig-câștig.

Gradiente de plasă îngrijite manual

Degrade frumoase? Da, te rog! Dacă nu aveți timp să le creați singur sau sunteți în căutarea unei surse de inspirație proaspătă, colecția de gradienți de plasă creată manual de Gene Maryushenko vă va acoperi cu siguranță.

Gradiente de plasă
Mesh Gradients are 100 de degrade pe care le puteți descărca și utiliza gratuit.

Nemulțumit de ceea ce a găsit online, Gene a creat 100 de gradienți care vor face site-ul tău să iasă în evidență, fără a fi zgomotos. Gradientele pot fi descărcate gratuit ca JPEG. CSS și SVG vor fi adăugate mai târziu. Bucurați-vă!

Un generator pentru microcopie prietenoasă

Găsirea cuvintelor potrivite poate fi o provocare. Speak Human ar putea fi locul perfect dacă aveți nevoie de inspirație pentru copywriting. De exemplu, pentru mesaje de confirmare, întreruperi respectuoase și mementouri blânde.

Vorbește uman
Speak Human vă oferă inspirație pentru microcopii pentru diferite cazuri de utilizare.

Pentru a vă inspira, trebuie doar să selectați un scop dintr-un meniu derulant, iar generatorul vă prezintă o bucată de microcopie inteligentă, centrată pe om - o modalitate prietenoasă de a cere utilizatorilor e-mailul, de exemplu, sau o mică bucată de copie de comerț electronic. care iese în evidență din mulțime. Rapid și ușor.

Fonturi în uz

Trebuie să vă decideți asupra unui tip de literă pentru un proiect, dar vă lipsește ceva inspirație? Sau poate aveți un punct favorabil pentru toate lucrurile de tipografie? Oricum, Fonts In Use, ar putea fi exact ceea ce ați căutat.

Fonturi în uz
Fonturi în uz este o modalitate distractivă de a descoperi noi combinații de fonturi.

Fonturi în uz este o arhivă de tipografie indexată după tipare, format, industrie și perioadă. De la facturi de epocă și reclame în ziare de la începutul secolului al XX-lea până la ambalaje de bomboane și secvențe de titluri de film de astăzi, site-ul este un cufăr de comori de mostre tipografice de toate originile. O modalitate excelentă de a descoperi fonturi noi.

Modele de doodle generative

Ce poți crea din forme geometrice de bază? Potrivit Sy Hong și Ye Joo Park, lumi întregi! Designerii s-au reunit pentru a crea Tabbied, un mic instrument care generează doodle -uri geometrice colorate din presetări deja prefabricate . Doar selectați una dintre presetări, personalizați culorile și alegeți setări precum frecvența unui model și grila reală și — ta-daa! — puteți descărca PNG-ul cu doodle-ul dvs. imediat.

Tabbed
Tabbied vă permite să generați doodle-uri geometrice colorate din presetări prestabilite.

Dacă sunteți în căutarea ceva mai avansat, Repper și MagicPattern v-au sprijinit și ele. Și, deoarece nu poate exista suficientă varietate când vine vorba de modele, s-ar putea să doriți să aruncați o privire și la Patternify, un generator de modele CSS care vă permite să definiți un model într-o grilă de 10×10, să previzualizați rezultatul și să descărcați PNG sau CSS. Pentru mai multă inspirație, Hero Patterns vă oferă o colecție de modele de fundal SVG repetabile, iar MagicPattern oferă modele de fundal CSS pure, cum ar fi cele în zig-zag sau diagonale.

Site-uri web de inspirație din întreaga lume

Cât de des întâlniți site-uri chirilice? Dar site-urile japoneze? Sau site-uri din industrii specifice, dar obscure? Când vrem să explorăm modele de design neobișnuite, ar putea fi o idee bună să ne uităm în locuri neobișnuite . De exemplu, Cyrillic.Design prezintă site-uri web chirilice care adesea nu își fac apariția în galerii populare. Toate intrările pot fi filtrate cu etichete și site-uri web noi sunt adăugate în mod regulat.

Design chirilic
Cyrillic Design este o vitrină de site-uri web care de obicei nu își fac apariția în galerii populare.

SiteInspire organizează site-uri web pe industrie și categorie, permițându-vă să căutați site-uri web legate de industria sănătății sau proiecte legate de arhitectură. Design Made in Germany prezintă lucrările realizate de designeri germani, iar Responsive-JP pune în lumină lucrările strălucitoare ale designerilor japonezi. În cele din urmă, puteți găsi o mulțime de pagini de destinație pe Land-Book și One Page Love, în timp ce Personalsit.es colectează site-uri web personale mici și minunate. Acum, asta ar trebui să te țină ocupat o vreme!

Inspirație pentru interfața de utilizare mobilă

Cum au rezolvat alți designeri o anumită problemă de UI? Stephanie Walter a adunat câteva resurse utile care vă vor oferi un pic de inspirație atunci când proiectați pentru mobil.

Inspirație pentru interfața de utilizare mobilă
Stephanie Walter a colectat resurse pentru inspirația pentru interfața de utilizare mobilă.

În lista lui Stephanie, veți găsi mai mult de 15 resurse pentru inspirația pentru interfața de utilizare mobilă, ordonate în diferite categorii: resurse care sunt sortate după modele de interfață de utilizare, tip de vizualizare, componente, fluxuri specifice, precum și categoria de aplicație și inspirația pictogramelor mobile . Și chiar dacă conținutul are deja doi ani, este încă un cufăr de comori pentru toți cei care lucrează la o interfață mobilă.

Podcasturi la care să vă abonați

Ce podcasturi asculți? Ce te inspiră și ce te ajută să descoperi lucruri pe care nu le-ai cunoscut niciodată? Acestea sunt întrebările pe care le-am pus pe Twitter, cu o mulțime de sugestii grozave venite din partea comunității. Work-Life este un podcast minunat cu sfaturi despre cum să vă îmbunătățiți munca , în timp ce Darknet Diaries este o ascultare fascinantă despre hackeri, încălcări, criminalitate cibernetică și toate lucrurile care se află în părțile ascunse ale internetului.

Jurnalele Darknet
Podcastul Darknet Diaries se scufundă adânc în părțile ascunse ale internetului.

Puteți găsi întotdeauna o perspectivă mai bună asupra lucrurilor în Un pic de optimism și puteți învăța să vă îmbunătățiți fluxul de lucru de proiectare cu Podcastul Design Better. Există multe mai multe despre toate laturile designului în Design Matters și 99% Invisible. Toate podcasturile grozave de păstrat în bibliotecă pentru o plimbare în parc, alergare sau doar un pic de gătit seara. Ah, și, desigur, există și propriul nostru Podcast Smashing. Doar zic'!

Descurcă-ți mizeria marcajului

Aveți un sistem dedicat pentru stocarea tuturor acelor instrumente și articole utile care v-ar putea fi utile într-o zi, cărțile pe care intenționați să le citiți, rețetele pe care doriți să le încercați și toate acele mici bucăți de inspirație pe care le întâlniți când răsfoiți internetul? Dacă marcajele tale sunt pline de bunătăți prețioase, dar le-ai pierdut urma, un mic instrument așteaptă să te ajute să descurci mizeria cu marcajele: Raindrop.io.

Picătură de ploaie
Raindrop.io face organizarea marcajelor mai intuitivă.

Raindrop.io vă permite să vă sortați marcajele în colecții și să le alocați etichete care fac mai ușor să găsiți rapid ceea ce căutați și, dacă doriți, puteți chiar să partajați aceste colecții cu membrii echipei și prietenii. Instrumentul funcționează perfect pe toate dispozitivele și este, de asemenea, disponibil într-o versiune premium, care vine cu funcții suplimentare, cum ar fi o căutare de link-uri duplicate și întrerupte, căutare în text complet pentru site-urile pe care le-ați salvat, o copie de rezervă în cloud și multe altele.

Încheierea

Ați întâlnit recent un site care v-a lăsat inspirat? Sau poate un mic instrument la îndemână care te-a ajutat să depășești un dezavantaj creativ? Ne-ar plăcea să auzim despre asta în comentariile de mai jos!