Sergiu Vasiliev & Webcase
Открыть в Telegram
Învață UI/UX Design în Figma împreună cu Webcase. Tutoriale/tips-uri/resurse și evenimente gratuite în acest channel. Curs avansat — UI/UX Designer — bilet spre libertate 4.0: https://www.webcase.md/course1
Больше1 781
Подписчики
Нет данных24 часа
-197 дней
-2430 дней
Загружаем данные
Похожие каналы
Облако тегов
Нет данных
Возникли проблемы? Пожалуйста, обновите страницу или обратитесь к нашему support-менеджеру .
Входящие и исходящие упоминания
---
---
---
---
---
---
Привлечение подписчиков
ноябрь '26нояб. '26
ноябрь '260
в 0 каналах
октябрь '26
+38
в 0 каналах
Get PRO
сентябрь '26
+25
в 0 каналах
Get PRO
август '26
+40
в 0 каналах
Get PRO
июль '26
+48
в 0 каналах
Get PRO
июнь '26
+21
в 0 каналах
Get PRO
май '26
+30
в 0 каналах
Get PRO
апрель '26
+18
в 0 каналах
Get PRO
март '26
+73
в 0 каналах
Get PRO
февраль '26
+52
в 0 каналах
Get PRO
январь '26
+56
в 0 каналах
Get PRO
декабрь '25
+26
в 0 каналах
Get PRO
ноябрь '25
+29
в 0 каналах
Get PRO
октябрь '25
+59
в 0 каналах
Get PRO
сентябрь '25
+39
в 0 каналах
Get PRO
август '25
+38
в 0 каналах
Get PRO
июль '25
+60
в 0 каналах
Get PRO
июнь '25
+54
в 0 каналах
Get PRO
май '25
+53
в 0 каналах
Get PRO
апрель '25
+57
в 0 каналах
Get PRO
март '25
+51
в 0 каналах
Get PRO
февраль '25
+36
в 0 каналах
Get PRO
январь '25
+17
в 0 каналах
Get PRO
декабрь '24
+9
в 0 каналах
Get PRO
ноябрь '24
+14
в 0 каналах
Get PRO
октябрь '24
+18
в 0 каналах
Get PRO
сентябрь '24
+28
в 0 каналах
Get PRO
август '24
+12
в 0 каналах
Get PRO
июль '24
+104
в 0 каналах
Get PRO
июнь '24
+43
в 0 каналах
Get PRO
май '24
+144
в 0 каналах
Get PRO
апрель '24
+67
в 0 каналах
Get PRO
март '24
+59
в 0 каналах
Get PRO
февраль '24
+1 907
в 0 каналах
| Дата | Привлечение подписчиков | Упоминания | Каналы | |
| 06 ноября | 0 | |||
| 05 ноября | 0 | |||
| 04 ноября | 0 | |||
| 03 ноября | 0 | |||
| 02 ноября | 0 | |||
| 01 ноября | 0 |
Посты канала
Claude poate să-ți deseneze iconițe. Și le lipești direct în Figma.
Iconițele sunt de fapt cod (formatul SVG). Iar codul AI-ul îl scrie bine.
Promptul:
Fă-mi 6 iconițe SVG pentru o aplicație de livrare: casă, coș, ceas, card, hartă, profil. Toate 24×24, linie de 1.5, capete rotunjite, fără umplere, culoare currentColor. Dă-mi codul fiecăreia separat.
currentColor = iconița ia culoarea textului de lângă ea.
Copiezi codul, mergi în Figma și dai Ctrl+V (Cmd+V pe Mac). Apare ca vector, pe care îl editezi cum vrei.
De ce merge: toate regulile sunt în prompt, așa că iconițele ies din aceeași familie.
Nu vor fi la nivelul unui set desenat de un designer de iconițe. Pentru un prototip, un proiect de portofoliu sau iconița care îți lipsește din set... sunt super.
🔥 = încerc azi
👍 = știam deja
@webcasedesign| 2 | 5 zile până dispare cadoul din Black Friday.
Merge vorba de Upwork Sprint. 14 zile cu Daniel Pușcaș, pe contul tău real de Upwork, site-ul unde freelancerii găsesc clienți din toată lumea.
Daniel are statutul Top Rated Plus și peste 70.000$ câștigați acolo.
Ce primești:
- analiză video a profilului, până e gata de lucru
- 4 întâlniri live, seara, cu înregistrări
- ajutor cu portofoliul: ce pui, în ce ordine, cum descrii
- grupă de Telegram pe durata Sprintului
Sprintul nu se vinde separat. Vine doar cu cursul UI/UX Designer: Bilet spre Libertate 4.0, la -35%, și se oferă o singură dată.
Se ține în mai 2027, după ce termini cursul și iei diploma.
Oferta se închide pe 10 noiembrie, la 18:00.
👉 VREAU CURSUL + UPWORK SPRINT 👈 | 140 |
| 3 | Un prompt bun are 5 părți. Majoritatea scriem doar una.
Scriem „fă-mi un text pentru Instagram” și apoi ne mirăm că sună a robot.
AI-ul nu te cunoaște. Știe doar ce i-ai scris.
Formula pe care o recomand:
1. Rolul. „Ești copywriter pentru o cafenea mică din Chișinău.”
2. Contextul. „Clienții sunt studenți, vrem să vină și dimineața.”
3. Sarcina. „Scrie 3 variante de text pentru o postare.”
4. Formatul. „Maxim 3 rânduri, fără emoji, o întrebare la final.”
5. Exemplul. Lipești un text care îți place, ca să prindă tonul.
Partea 5 schimbă cel mai mult rezultatul.
Și tocmai pe ea o sare toată lumea...
Data viitoare când AI-ul îți dă ceva banal, verifică ce parte lipsește.
Salvează postarea, o să-ți trebuiască 📌
@webcasedesign | 149 |
| 4 | Partea cea mai grea la primul design? Culorile și fonturile.
Stai o oră și tot arată ciudat...
Două tool-uri cu AI te scot din blocaj. Amândouă sunt gratuite.
Khroma (khroma.co)
Alegi 50 de culori care îți plac, iar AI-ul învață gustul tău și îți propune combinații noi. La fiecare pereche vezi codurile culorilor și dacă textul se citește bine pe fundal.
Fontjoy (fontjoy.com)
Apeși Generate și primești fonturi care merg împreună. Îl blochezi pe cel care îți place și generezi din nou restul. Poți scrie și textul tău, ca să vezi cum arată.
"nu am ochi pentru asta"
Ochiul se antrenează. Când vezi zeci de combinații bune, începi să înțelegi de ce merg.
Pune-le la un proiect de practică, chiar azi.
Trimite-i asta cuiva care se chinuie cu paleta 🫶
@webcasedesign | 175 |
| 5 | De ce îi explici lui AI cine ești la fiecare chat nou?
Fă-o o singură dată. Scrie asta într-un chat:
Intervievează-mă ca să faci un fișier despre mine ca designer. Pune câte o întrebare, maxim 15: servicii, prețuri, clienți ideali, tonul în care scriu, lucrări, ce refuz. La final scrie totul ca o singură notă clară, pe care s-o pot lipi în orice chat.
Răspunzi la întrebări, salvezi nota, și gata.
La următoarea cerere o lipești prima. Sau o pui în Project, dacă folosești Claude sau ChatGPT, și nu mai faci nici asta.
Diferența o simți imediat. Propunerile pentru clienți și textele de pe site încep să sune a tine.
Două reguli:
- fără parole și fără date de client în notă
- o actualizezi când îți schimbi prețurile
Ai o oră liberă duminică? Mai bine o investești aici.
🔥 = o fac azi
@webcasedesign | 181 |
| 6 | Ați votat mai mult AI, și freelancing.
Hai să le punem împreună.
Upwork, unul dintre cele mai mari site-uri unde freelancerii găsesc clienți, a publicat în iulie raportul pe 2026.
Cine folosește AI în lucrări câștigă cu 34% mai mult pe oră.
Dar partea interesantă vine acum.
Lucrările simple de tipul „generează-mi ceva cu AI” au crescut cu 90% ca număr. Plata pe contract a scăzut cu 13%.
Lucrările complexe, unde AI-ul doar ajută un om care știe meserie, au crescut la câștig cu 45%.
Mai pe scurt...
Butonul „generează” îl are oricine. Clientul plătește pentru cel care știe ce să ceară și ce să arunce.
Dacă abia începi, asta e o veste bună: partea de meserie o poți învăța.
Salvează postarea, te mai întorci la cifrele astea când îți faci prețurile.
@webcasedesign | 182 |
| 7 | Câte minute ai pierdut ultima dată căutând un logo curat?
Intri pe Google, găsești un PNG mic, cu fundal alb, tăiat prost...
Există o soluție mai bună: svgl.app
E o bibliotecă gratuită cu 676 de logouri de companii și tool-uri: Stripe, Figma, Trello, Photopea și multe altele.
Le cauți după nume sau pe categorii și le iei direct de pe site, în format SVG.
SVG e un format de imagine care rămâne clar la orice mărime. Îl faci cât un perete și nu se strică.
Multe logouri au și două variante, pentru fundal deschis și închis.
Mie mi se pare util la secțiunile „lucrăm cu” sau „tool-urile mele” din portofoliu.
Dacă abia începi, îl folosești deja la primul proiect de practică.
Un singur lucru: logoul rămâne marca firmei. Chiar svgl scrie că ai nevoie de permisiune ca să-l folosești.
Trimite-l unui coleg care încă salvează logouri din Google 🙌
@webcasedesign | 186 |
| 8 | 8 animații care fac un site să pară scump.
Până nu demult, pentru așa ceva aveai nevoie de un developer sau de câteva zile de tutoriale.
Acum scrii o frază în Claude.
În video ai toate 8: scroll fin, poză care crește din scroll, titlu care apare rând cu rând, buton magnetic și altele. Lângă fiecare e promptul exact.
Cum le folosești:
1. Deschizi proiectul în Claude Code
2. Copiezi promptul.
3. Îi spui unde să-l pună: în ce secțiune, pe ce buton.
Eu aș alege 2 sau 3 pe un site.
Toate opt deodată obosesc omul, iar pe telefon pot să meargă greu.
Lenis și GSAP, bibliotecile din spatele a trei dintre ele, sunt gratuite.
Salvează video-ul. La final ai toate prompturile pe un singur ecran.
@webcasedesign | 203 |
| 9 | De o lună postăm de două ori pe zi. Vreau să știu ce vă ajută cu adevărat, ca să facem mai mult din asta.
Poți bifa mai multe variante. Durează 5 secunde.
Ai o idee care lipsește din listă? Scrie-o în comentarii, le citesc pe toate.
Mulțumesc fiecăruia care votează 🫶 | 210 |
| 10 | „Pe telefonul meu arată altfel.”
Clientul îți trimite captura. Butonul e rupt în două, titlul nu mai încape, meniul acoperă logo-ul.
Tu verifici pe 5 telefoane. Totul e perfect.
Ce s-a întâmplat?
Clientul are textul mărit din setările telefonului. Mulți oameni fac asta, mai ales după 40 de ani.
Ce faci de azi:
- butoane fără înălțime fixă, ca să crească odată cu textul
- testezi și cu textul mărit (pe iPhone: Setări, Afișaj și luminozitate, Dimensiune text)
- în Chrome pe calculator, zoom 200%
Iar data viitoare când clientul zice „pe telefonul meu arată altfel”, întrebi întâi de setări.
🔥 = mi s-a întâmplat
👍 = încă nu
@webcasedesign | 233 |
| 11 | Hey, am aici o invitație pentru tine 👋
Dacă înveți web design sau abia te gândești să începi, ce urmează te privește direct.
Munca de web designer nu înseamnă doar să faci design.
Mai e o parte a meseriei despre care se vorbește mai puțin, deși e la fel de importantă:
📍lucrul cu clienții.
Mulți învață meseria și se blochează când apare primul client: nu știu ce să-i răspundă sau cum să-i ceară banii...
Pe lângă site, trebuie să știi să lucrezi și cu omul care plătește pentru el.
Sunt câteva momente de care trebuie să ții cont:
— când și cum spui prețul
— ce scrii concret în contract ca să te protejeze
— cum emiți factura când lucrezi pe freelance
— cum ceri avansul fără să pară că nu ai încredere în client
Despre toate astea și multe altele vorbim pe 3 noiembrie, la o lecție live.
🤝 Primul tău client ca web designer: contract, factură și Upwork
🎁 Bonus: partea de Upwork
Discutăm ce s-a schimbat pe platformă și cum te poate ajuta Claude ca să-ți analizezi profilul și să scrii aplicații mai bune.
E bine să știi toate astea înainte să ai nevoie de ele.
📅 3 noiembrie, ora 19:00.
🔴 Participarea la training este gratuită, trebuie doar să te înscrii pe link-ul de mai jos 👇
Primul tău client ca web designer: contract, factură și Upwork
Sper să ne vedem live,
Sergiu. | 251 |
| 12 | Textul cu care testezi designul are peste 2.000 de ani.
Lorem ipsum vine dintr-o carte a lui Cicero, filosof roman, scrisă în anul 45 î.Hr. Doar că amestecată, ca să nu se mai înțeleagă.
Problema lui? Pe lorem ipsum orice design arată perfect.
Apoi vine textul real în română:
- titlurile ies mai lungi
- unele fonturi nu au ș și ț corecte
A doua e mai gravă decât pare. Corect se scrie cu virgulă dedesubt: ș, ț. Multe fonturi au doar varianta cu sedilă (ş, ţ), o codiță curbă. Sau nu au deloc literele și apar pătrățele.
Test de 10 secunde înainte să alegi fontul. Scrie:
„Știință, țară, înșelătorie, încă”
Dacă toate literele arată la fel de frumos, e ok.
Dacă una „sare”, cauți alt font.
Salvează testul pentru următorul proiect 📌
@webcasedesign | 242 |
| 13 | De ce cardul tău cu colțuri rotunde arată ciudat?
Pui un card rotunjit în alt card rotunjit. Aceeași rază la ambele, să zicem 24 px.
Și în colțuri ceva nu e bine. Spațiul dintre ele se strânge.
E o formulă simplă:
raza de afară = raza dinăuntru + distanța dintre ele
Exemplu: cardul mare are raza 24 px și padding 8 px.
Atunci cel din interior primește 16 px.
24 = 16 + 8.
Atât.
Colțurile devin paralele, ca la un ceas bun. Merge în Figma, Webflow, CSS, oriunde.
Dacă padding-ul e mai mare decât raza, dinăuntru rămâi cu 0 sau aproape. Acolo ai încredere în ochi.
Apple are chiar o funcție separată pentru asta în SwiftUI, unealta lor pentru aplicații.
Trimite-o cuiva care face carduri zilnic.
@webcasedesign | 239 |
| 14 | Dark mode-ul tău e prea negru.
Tentația e mare: fundal #000000, text alb. Arată „premium”.
Doar că:
- textul alb pe negru pur pare că „curge”, mai ales la oamenii cu astigmatism
- umbrele nu se mai văd, iar cardurile se lipesc de fundal
Google, în ghidul lor de design Material Design, recomandă #121212. Un gri foarte închis.
Și încă două reguli de la ei:
- cardul pus „mai sus” e puțin mai deschis, de exemplu #1E1E1E
- textul principal e alb la 87%, puțin stins
Negrul pur economisește puțină baterie pe ecranele OLED. De asta unele aplicații au și un mod „Black”, separat.
Tu ce pui ca fundal?
🔥 = #121212
👍 = #000000 și nu regret
@webcasedesign | 250 |
| 15 | În Webflow, 7 elemente au devenit unul.
De pe 13 octombrie, în panoul Add apare Box.
El ține locul pentru Div Block, Section, Container, Columns, Grid, V Flex și H Flex.
Tag-ul îl alegi din setări: section, nav, header, footer, main, article și altele. Îl schimbi oricând, fără să ștergi elementul.
Pentru începători: tag-ul îi spune browserului și lui Google ce e fiecare bucată din pagină. Meniul, conținutul, subsolul. Ajută la SEO și la programele care citesc ecranul pentru oamenii care nu văd.
Plus 19 tag-uri noi pe care le stilizezi o dată pentru tot site-ul. De exemplu, „All Sections”.
De știut:
- elementele vechi merg în continuare, doar nu mai apar în panou
- e pe orice plan, inclusiv Free
Box-ul ăsta l-aș fi vrut acum 3 ani ⚡️
@webcasedesign | 253 |
| 16 | Am făcut un skill pentru Claude care găsește greșelile de pe site. Înainte să le găsească clientul.
Formularul care nu trimite nimic. Linkul care pe Telegram apare fără poză. Lorem ipsum uitat. Site-ul ascuns de Google de o setare rămasă de la test.
verificare-site caută greșelile direct în codul paginii: texte, SEO, imagini, linkuri, formulare, mobil, viteză. Merge pe Webflow și pe site-uri în cod.
La final primești un raport în română: ce repari azi, ce poate aștepta, ce e deja bine.
Partea tehnică e adaptată după Addy Osmani (fost Google Chrome, acum la Anthropic, pe Claude Code).
Cum îl pornești:
1. În Claude: Settings, Capabilities, pornești „Create and edit files”
2. Customize, Skills, „+”, Upload a skill, urci ZIP-ul
3. Deschizi un chat nou și scrii: „Verifică site-ul” + linkul
Merge și pe planul gratuit.
Skill-ul e în primul comentariu.
🔥 = îl testez azi
👍 = îl salvez
@webcasedesign | 274 |
| 17 | Ai centrat iconița perfect. Și arată strâmb.
Clasicul: butonul rotund de Play. Triunghiul e fix la mijlocul cercului, cu Align center în Figma.
Și totuși pare mutat spre stânga.
De ce?
Programul centrează cutia invizibilă din jurul triunghiului. Ochiul nostru vede „greutatea” formei. Iar la triunghi greutatea stă în stânga, vârful e aproape gol.
Soluția: muți triunghiul câțiva pixeli spre dreapta. Până arată bine, chiar dacă cifrele din panou zic altceva.
La fel e cu:
- săgeata de lângă textul din buton
- un cerc lângă un pătrat de aceeași înălțime (cercul pare mai mic)
Se numește aliniere optică.
Centrezi cu ochii. Abia apoi verifici cu cifrele.
🔥 = de azi mut triunghiurile
👍 = fac asta demult
@webcasedesign | 270 |
| 18 | Facebook e albastru pentru că Zuckerberg nu deosebește roșul de verde.
A spus-o chiar el, revistei The New Yorker, în 2010. Albastrul e culoarea pe care o vede cel mai bine.
Și nu e singurul. Cam 1 din 12 bărbați are o formă de daltonism (nu deosebește bine unele culori).
Ce înseamnă asta pentru noi?
Un câmp de formular marcat doar cu chenar roșu, pentru el arată ca toate celelalte. Apasă „Trimite” și nu înțelege de ce nu merge.
Culoarea doar ajută. Informația o duce altceva:
- o iconiță lângă câmp
- un text scurt: „Scrie numărul cu 0 la început”
Test rapid: fă un screenshot și pune-l alb-negru. Dacă încă înțelegi tot, e bine.
🔥 = n-am știut de Facebook
👍 = știam
@webcasedesign | 277 |
| 19 | Cardul de cafea cu 2 ștampile deja puse te face să revii mai repede.
Asta au verificat cercetătorii de la Columbia, o universitate din New York, în 2006.
Un grup a primit un card gol, cu 10 ștampile.
Altul, un card cu 12, dar cu 2 ștampile puse cadou.
Ambele grupuri trebuiau să cumpere exact 10 cafele.
Cei cu „avans” le-au cumpărat mai repede.
I se zice efectul gradientului de scop. Cu cât finalul pare mai aproape, cu atât te grăbești spre el.
În design îl vezi des:
- „Profil completat 20%” imediat după înregistrare
- bara de pași la plată, cu primul pas deja bifat
O regulă: progresul trebuie să fie real. Pasul bifat chiar e făcut, de exemplu emailul confirmat.
Salvează postarea pentru următorul onboarding pe care îl desenezi 📌
@webcasedesign | 274 |
| 20 | Butonul de la trecerea de pietoni de cele mai multe ori nu face nimic.
Cel puțin în New York.
În 2004, New York Times a scris că peste 2.500 din cele 3.250 de butoane din oraș erau doar decor. Semaforul mergea oricum după timer.
De ce nu le-au scos?
Pentru că omul care a apăsat butonul așteaptă mai liniștit verdele. Simte că el controlează situația.
Și în interfețe găsești așa ceva. Butonul „Salvează” într-o aplicație unde totul se salvează automat, de exemplu.
Atunci când e ok?
Când butonul liniștește omul și îi spune adevărul. „Salvează” care arată „Salvat” e grijă față de om.
Un buton care promite ceva ce nu face e deja păcăleală.
Recunoaște, și tu l-ai apăsat de 5 ori la semafor 😅
@webcasedesign | 289 |
