ב-Online
 
 
 
 
 
 
 
טרנדי 
עקום הוא הישר החדש: אתרים באלכסון 

עקום הוא הישר החדש: אתרים באלכסון

 
טרנדי |
 

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

 
 
 
 
 
 
 
 
 
 
 

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

   

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

   

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

 

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

   

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

 
 

לוגו באלכסון?

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

 

 
 
 

כשההדר והפוטר נפגשים באלכסון

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

 

 
 

תעתועי עיניים

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

 

 
 

תפריט באלכסון

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

 

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

 

 
 

תמונות על העוקם

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

 

 
 

לסיכום

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

 

                                               

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

 

הכותבת היא מנכ"לית בוטיק בניית אתרי אינטרנט דיינמיק-ווב ומרצה במסלול האינטראקטיבי ובהנדסה במכללת שנקר

 
 
 
@@@@@@@@@@@@@@@@@@@ ilan @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
 
@@@@@@@@@@@@@@@@@@@ ilan @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
 
 
תגובות
הוסף תגובה0 תגובות
הוספת תגובה
מאת
 
נושא
 
תוכן
 
 
 
 
תודה! תגובתך התקבלה.
התגובה תתפרסם בכפוף לתנאי האתר.
 
 
 
 
 

כל הזכויות שמורות 2011 © נענע 10 בע"מ
 
 
 
 
כל הזכויות שמורות © Nana10 בע"מ
Video powered by