VITRUVIUS · DESIGN FORUM

פורום עיצוב — כינוס 001

סיכום הכינוס הראשון של פאנל העיצוב הקבוע: כיוון, 10 אתרי השראה אמיתיים, ומפת דרכים לבניית שפת עיצוב חדשה מאפס.
firmitas · utilitas · venustas
כיוון: Architectural Modernism מצב: Dark-first נקודת פתיחה: HTML Hub תאריך: 06.2026
00 · INTRO

למה פורום, ולא עוד CSS

הבעיה האמיתית לא הייתה "מכוער" — אלא ששפת העיצוב הקודמת נבנתה לתרשימים, לא למוצר, וכל אפליקציה המציאה לעצמה עיצוב. הפורום הזה הוא הפתרון לטווח ארוך: צוות יועצים קבוע שאתה מכנס בכל החלטה עיצובית, מבלי שתצטרך ללמוד UI/UX בעצמך. אתה הבמאי — הם המומחים — אני המפיק. תפקידך פשוט: להגיב.

הכינוס הראשון התכנס סביב שאלה אחת: איך בונים שפת עיצוב חדשה לכל האקוסיסטם, מאפס. חמישה חברי-מקצוע חקרו את הרשת החיה והביאו השראה אמיתית; עשרה אדריכלי-לקוח יוקרתיים מספקים את רף הטעם.

01 · THE PANEL

חברי הפורום — אנשי המקצוע

חמישה לנסים מקצועיים. כל אחד שומר על זווית אחת ולא מוותר עליה.

חוקר UX/UI

RESEARCH · USABILITY · RTL

זרימת משתמש, ארכיטקטורת מידע, נגישות, ועברית/RTL. שואל תמיד: "האם זה ברור, ומה הצעד הבא?"

לא מוותר על: ספריית רכיבים אחת לכל האפליקציות — אפס חריגים.

מעצב UI/UX

DESIGN SYSTEM · TOKENS · THEME

אסתטיקת ממשק, מערכת טוקנים, רכיבים, סקאלת טיפוגרפיה ומרווחים, בהיר/כהה.

לא מוותר על: מקור-אמת אחד לטוקנים שמייצר גם CSS וגם Flutter.

מעצב גרפי

IDENTITY · TYPE · GRID

זהות מותג, טיפוגרפיה כאמנות, רשת שוויצרית, אייקונוגרפיה, ואיכות-דפוס (ל-PDF).

לא מוותר על: רשת אמיתית — הכל מתיישר לקווים, גם עברית רגל-ימין.

מנהל שיווק ומיתוג

POSITIONING · VOICE · TRUST

מיצוב, קול מותג, תפיסת-יוקרה, השוק הישראלי המקצועי, ועמודי נחיתה שממירים.

לא מוותר על: תוצאה לפני פיצ'רים, ואמון לפני יופי.

לקוח — פאנל 10 האדריכלים

THE TASTE BAR · LUXURY CRITIQUE

עשרה "סטאראדריכלים" בהשראת 10 המשרדים הנחשבים בעולם. כל אחד נושא עיקרון אחד בלתי-מתפשר ובוז אחד. הם מספקים את רף הטעם היוקרתי — והמתח ביניהם (חד מול זורם, מלא מול ריק) הוא בדיוק מה ששומר עלינו כנים.

02 · THE CLIENTS

פאנל האדריכלים — 10 דמויות

בהשראת מנהיגי 10 המשרדים המפורסמים בעולם. כל דמות תבקר כל מסך שתביא — מהזווית שלה, בלי רחמים.

נורמן · ההנדסי

INSPIRED BY · FOSTER + PARTNERS
עיקרון: ביצועים שאפשר למדוד. בוז: לכל מה שלא מצדיק את עצמו תפקודית.
"אם אתה לא יכול למדוד למה הכפתור הזה כאן — הוא לא צריך להיות כאן."

פטריק · הזורם

INSPIRED BY · ZAHA HADID ARCHITECTS
עיקרון: רציפות — כלום לא חד, כלום לא קופא. בוז: לקופסאות ישרות.
"פינות חדות הן הודאה בכישלון. הכל צריך לזרום." — הקול החולק עלינו.

ביארקה · הפרגמטי

INSPIRED BY · BIG
עיקרון: רעיון אחד שאפשר לצייר בסקיצה אחת. בוז: למורכבות בלי תכלית.
"תסביר לי את כל המוצר בשרטוט אחד. לא יכול? עוד לא סיימת לחשוב."

רם · המתגרה

INSPIRED BY · OMA / KOOLHAAS
עיקרון: קונספט לפני משטח. בוז: למילה "יפה".
"'יפה' זו עלבון. תגיד לי למה זה ככה."

ז'אק ופייר · אמני החומר

INSPIRED BY · HERZOG & DE MEURON
עיקרון: כנות חומרית — לעולם לא לזייף מרקם. בוז: לצללים מזויפים.
"אם זה משטח שטוח — שיהיה שטוח. אל תזייף עומק שאין."

שייטיל · ההומניסט

INSPIRED BY · SNØHETTA
עיקרון: עיצוב לכולם, והערכים גלויים. בוז: לעיצוב למעטים.
"אם אדריכל בן 60 בשמש לא קורא את זה — נכשלת."

דיוויד · אמן הצמצום

INSPIRED BY · DAVID CHIPPERFIELD
עיקרון: להוריד עד שנשאר רק ההכרחי. בוז: לטרנד ולקישוט.
"תוריד עוד. ועוד. עכשיו תוריד את מה שנשאר."

קנגו · האטמוספרי

INSPIRED BY · KENGO KUMA
עיקרון: להמיס את המסה — אור ואוויר. בוז: לבלוקים כבדים ואטומים.
"המסך שלך כבד מדי. תן לו לנשום."

טאדאו · אמן הריק

INSPIRED BY · TADAO ANDO
עיקרון: לשלוט בריק ובקרן-אור אחת. בוז: לעומס.
"הריק חשוב מהמלא. איפה הריק שלך?"

מָה · הרגשי

INSPIRED BY · MAD ARCHITECTS
עיקרון: שירגיש חי ורגשי, לא מכני. בוז: לרציונליזם קר.
"זה נכון — אבל אין לזה נשמה. איפה הרגש?"
המתח הוא הפיצ'ר: דיוויד, טאדאו ונורמן ידחפו לכיוון המודרניזם הישר והנקי שבחרת; פטריק, קנגו ומָה ימשכו לצד השני. כשהמסך עובר את שניהם — הוא באמת טוב.
03 · REFERENCES

10 אתרי השראה — לגנוב מהם

אתרים אמיתיים, חיים, מאומתים ע"י חברי הפורום. לכל אחד: מי המליץ, ומה בדיוק לקחת.
01
LinearUX · UI · BRAND
linear.app · /brand
לגנוב: משמעת כהה-ראשונה — סקאלת אפורים כמעט מונוכרומטית עם אקסנט אחד בלבד, היררכיית-מישורים לפי גוון+קו (לא צללים), ותנועה מהירה כמעט בלתי-נראית. זה הדגם הקרוב ביותר לכיוון שבחרת.
02
Vercel · GeistDESIGN SYSTEM
vercel.com/geist
לגנוב: מערכת טוקנים מתועדת לחלוטין עם בהיר/כהה אוטומטי, ומשפחת-גופן אחת שעושה גם תצוגה וגם מונו. המודל ל"להפסיק לעצב כל אפליקציה בנפרד".
03
IBM CarbonUI · TOKENS
carbondesignsystem.com
לגנוב: ארכיטקטורת טוקנים בשכבות (background → layer-01 → layer-02) וצבע מוגדר לפי תפקיד ולא לפי hex — בדיוק מה שמרפא לתמיד את ה"מצב הבהיר שבור". מורשת שוויצרית טהורה.
04
StripeUX · TRUST
stripe.com
לגנוב: דפוס ה-metric callout (מספר גדול + תווית קטנה) למדדים, חשיפה הדרגתית כך שמסך לעולם לא מציף הכל, וכותרת שמובילה בתוצאה — לא ברשימת פיצ'רים.
05
SnøhettaARCHITECT · DARK
snohetta.com
לגנוב: ערכים שבאים לידי ביטוי דרך ה-UX עצמו (מצב כהה אמיתי, מצב "מפושט", הפחתת-נתונים), היררכיה טיפוגרפית מעודנת, וגלריות scroll מלאות-רוחב. המודל הכי טוב ל"יוקרתי + כהה + עם עקרונות".
06
Foster + PartnersARCHITECT · GRID
fosterandpartners.com
לגנוב: רשת תמונות מודולרית ממושמעת, טיפוגרפיה ענקית ובוטחת, ושטח לבן אכזרי. תבנית ל"יוקרה הנדסית" — הכל מובחר, כלום דקורטיבי. (האתר בהיר — קח את המבנה והביטחון, הפוך לכהה.)
07
David ChipperfieldARCHITECT · RESTRAINT
davidchipperfield.com
לגנוב: צמצום רדיקלי — ניווט שקט, כמעט בלי קישוט, והוכחה שאיפוק נקרא כיוקרה. התרופה לעיצוב-יתר. (בהשראת רם/OMA אפשר גם oma.com לאותו שיעור, חד יותר.)
08
Studio KilnGRAPHIC · TYPE
studio-kiln.com
לגנוב: אמירה טיפוגרפית אחת גדולה ובוטחת לכל מסך + שטח שלילי עצום. "venustas דרך איפוק" — לא להעמיס מסך.
09
Klim Type FoundryGRAPHIC · SPECIMEN
klim.co.nz
לגנוב: רעיון ה-specimen כפריסה — גופן בכמה גדלים, מטא-דאטה במונו, ריווח-שורות נדיב. תבנית למסמך ה-Brand Guidelines שלך ולשער ה-PDF של VitSiteReport.
10
MorpholioMARKETING · AEC
morpholioapps.com
לגנוב: ההשראה הכי רלוונטית — כלי מובייל פרימיום לאדריכלים. מבססים כל עמוד על עבודה אמיתית של משתמשים בשם במקום תמונות סטוק, ובונים יוקרה דרך אמינות עריכתית. ל-VitSiteReport: דו"ח אמיתי (אנונימי) + שם משרד מוכר.
למחקר נוסף (לא נספרים בעשרה): ארכיון הרשת השוויצרית לשפת הצבע והגריד של מולר-ברוקמן, ו-Material 3 color לדפוס תפקידי-הצבע (לקחת את המבנה, לדחות את האסתטיקה המעוגלת).
04 · DIRECTION

הכיוון המסונתז — נקודת הפתיחה

מה ש-4 אנשי המקצוע הסכימו עליו, מתורגם לספֵק קונקרטי שאפשר להתחיל לבנות ממנו. הכל ניתן לשינוי — זו טיוטה ראשונה.

טיפוגרפיה — ההחלטה הכי חשובה

שתי המלצות, שתיהן טובות. צריך להכריע:

מסלול A · אופי Space Grotesk (תצוגה/לוגו, אופי אדריכלי) + Heebo (עברית UI) + IBM Plex Mono (קודים) + Frank-Rühl Libre (גוף ה-PDF בלבד). — זה מה שראית במוקאפ ואהבת. יותר ייחודי.

מסלול B · אחידות משפחת IBM Plex אחת לכל: Plex Sans + Plex Sans Hebrew + Plex Mono. — אפס אי-התאמה בין לטינית לעברית בשורה מעורבת, רישיון אחד. בטוח יותר.

המלצת הפורום: מסלול A — האופי של Space Grotesk תואם בדיוק לכיוון האדריכלי ולמה שכבר הגבת אליו חיובית. כל הגופנים חינמיים (OFL) לאפליקציה, web ו-PDF.

צבע — מערכת מבוססת-תפקיד (לא קשת)

אקסנט מותג אחד לכל האקוסיסטם (הכחול המבני #4A90D9) — לכפתור ראשי, פוקוס, מצב-נבחר, קישור. 7 צבעי הקטגוריה אינם קישוט אלא זהות פר-אפליקציה: גוון האייקון/וורדמרק + קו מבני אחד בכותרת + סמנטיקת-סטטוס. לעולם לא 7 צבעים במסך אחד.

תפקידכההבהירשימוש
bg קנבס#0E0F11#F7F6F3רקע, המישור הנמוך
surface-01#16181B#FFFFFFכרטיסים
surface-02#1E2125#F0EEE9קלט, hover
text-primary#F2F1EE#1A1B1Dכותרות, גוף
text-secondary#A9ABAE#5A5C60תוויות
primary#4A90D9 — אקסנט יחיד לכל האפליקציותCTA, פוקוס, קישור

קטגוריות: VitPMIS · VitVital · VitSiteReport · VitClip · Vitruvius · VitruAgent . סטטוס (הצלחה/אזהרה/שגיאה) = סט נפרד, לא מתבלבל עם קטגוריות.

מרווח · פינות · מישורים · תנועה

הזהות החזותית — המוטיב החתימה

"שדה הפרופורציה" — סימן רשת 3×3. ויטרוביוס הוא מקור הגריד המודולרי. ריבוע מחולק ל-9 תאים, תא אחד מלא בצבע, השאר קווי-מתאר. אייקוני האפליקציות: אותו שלד, תא שונה מלא בצבע הקטגוריה לכל אפליקציה — מיד נראים כמשפחה. ב-splash הרשת מציירת את עצמה תא-תא; בכותרות היא מצטמצמת לפינה רומזת.

"ה-Title Block" — פס מטא-דאטה של גיליון שרטוט. הקופסה הממוסגרת מתחתית שרטוט אדריכלי (מס' גיליון / קנה-מידה / תאריך / רישיון), במונו וקווי-שיער. ב-PDF: כל עמוד נושא title-block אמיתי (פרויקט / מס' דו"ח / תאריך / מס' רישיון אדריכל / עמוד). זהו הגשר בין מסך לדפוס — וזה פונקציונלי, לא קישוטי.

אזהרת קיטש (מכל חברי הפורום): אסור עמוד דורי מצויר, מחוגה, או "האדם הוויטרוביאני" בלוגו. ההפניות נשארות מופשטות — הרשת, היחס, גיליון השרטוט, דיו-על-נייר. אם הדיוט מזהה את הסמל — הוא ליטרלי מדי.

ארכיטקטורת מותג

המלצת השיווק: מותג מאשר (endorsed) — "VitSiteReport · by Vitruvius". לא בית-מותגים נפרד (יקר פי-6 לסולו), ולא מותג-על יחיד (ה-fitness יזהם את הרצינות של ה-AEC). שכבת "by Vitruvius" משותפת בונה אמון ומאפשרת cross-sell בין שני מוצרי האדריכלים. מוצרי ה-AEC מקבלים את הטיפול הרציני והמהודק ביותר; אפליקציות הצרכן נושאות אישור קל יותר.

05 · PRINCIPLES & TRAPS

עקרונות מנחים + מלכודות

5 עקרונות-ליבה

3 מלכודות לתקן מיד

06 · HOW IT WORKS

איך הפורום מלווה אותך מכאן

נשמר כסקיל קבוע: פורום עיצוב. בכל החלטה עיצובית עתידית תוכל לכנס אותו:

כל כינוס מסתיים בהכרעה, לא בסקר דעות — המלצה אחת ברורה + הפעולות הבאות.

07 · YOUR CALL

4 הכרעות שממתינות לך

אלה באמת שלך. תכריע, ואני בונה:

FORUM
עיצוב · כינוס 001
MEMBERS
4 + 10
REFS
10 אתרים
DATE
06.2026
Vitruvius Ecosystem · Design Forum · firmitas · utilitas · venustas