האם אתרים ברוטליסטים הם רגע הפאנק רוק של הרשת?

תוֹכֶן

• מקורות הברוטליזם ברשת
• הגדרת מאפיינים של ברוטליזם ברשת
• איך לבנות אתרים ברוטליסטים
• היתרונות של הברוטליזם
• יותר מפאנק רוק?
• לאן הולך טרנד הברוטליזם?

פוסט זה פורסם במקור בשנת 2017.

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

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

מקורות הברוטליזם ברשת

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

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

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

מאז אוצר דוויל את Brutalistwebsites.com, שם הוא אוסף אתרים שמתאימים לרעיונותיו של ברוטליזם ברשת ומראיין את יוצריהם. "זה משמש פלטפורמה מעוררת השראה למעצבים צעירים", הוא אומר, "אני רוצה להחזיר לקהילה."

הגדרת מאפיינים של ברוטליזם ברשת

שיט דרך Brutalistwebsites.com ידגים במהירות שהוא מכסה מגוון רחב של סגנונות ואסתטיקה; אף על פי כן ישנם כמה משותפים.

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

יעקב קורנלי מ"כל סטודיו "בברלין, שמתהדר באתר ברוטליסטי מפואר ומלא באימוג'ים, מצביע גם על השימוש בתנועה בטיפוגרפיה נועזת וקצת רדיקלית. "אבל אפילו יותר מזה", הוא אומר לנו, "אנו מאמינים כי אתר ברוטליסטי דוחף את גבולות המדיום שלו, במיוחד מבחינת האינטראקציה. למרות שעיצוב אתרים קיים כבר זמן מה, האפשרויות האינטראקטיביות והאסתטיות של לעתים רחוקות הוא מנוצל עד תום למלוא הפוטנציאל שלהם. "

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

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

עבור ג'אקומו מיצ'לי, שאתר הפורטפוליו המונוכרומי שלו הוא יצירת מופת בשליח, מדובר בפשטות, ואין בזה שום דבר חדש. "רק תסתכל על דף הבית של גוגל," הוא מציין. "לפני 17 שנה, AltaVista היה דבר ודף הבית שלו היה עמוס בדברים חסרי תועלת. גוגל נכנסה עם אתר שעשה דבר אחד, עשה את זה ממש טוב ולא היה מודאג ממראה יפה. גוגל בהחלט נותנת יותר תשומת לב לעין אלה ימים, אבל הליבה נותרה זהה. "

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

איך לבנות אתרים ברוטליסטים

אולי חלק גדול מהפנייה של הברוטליזם הוא שאתה יכול לעקוף בצורה מסודרת את כל ההכנות הראשוניות שמגיעות באופן מסורתי עם בניית אתר, ופשוט להמשיך איתו. יוצרים רבים של אתרים ברוטליסטים מתגאים במיוחד בעובדה שהם עושים את כל עבודות העיצוב והפיתוח שלהם באותה עמוד התווך המכובד של Windows, Notepad.

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

קורנלי מסכים ומציין כי חלק ניכר מעבודותיו של Any Studio מתמקד בטיפוגרפיה חזקה, במסרים ברורים ובפיתול בלתי צפוי מדי פעם כדי לשמור על דברים מעניינים. "האתר שעיצבנו לאחרונה עבור חברת הפקת הסרטים Very Film מראה גישה זו", הוא אומר לנו, "עם הטיפוגרפיה הנועזת והחדשה בשחור-לבן בשילוב אינטראקציה ייחודית אחת בלבד שמזכירה וילון שנסגר ונפתח. "

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

היתרונות של הברוטליזם

הפילוסופיה של פרדלה מהדהדת רבות מהסיבות שנתנו לנו מעצבים לבניית אתרים הנוגדים כל כך את גרעין עיצוב אתרים מודרני. אז מה היתרונות למושג זה?

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

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

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

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

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

יותר מפאנק רוק?

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

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

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

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

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

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

לאן הולך טרנד הברוטליזם?

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

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

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

מאמר זה הופיע במקור בגיליון 2017 של נֶטוֹ, המגזין למעצבי אתרים מקצועיים ומפתחים. הירשם לרשת כאן.