זה לא סוד, שהתוכן הוא המלך הבלתי מעורער (!) של הרשת ולמרות שלתוכן יש חלק מהותי ביצירת קשר ושייכות באמצעות השפה הכתובה, הרעיונות והאידיאלים שאתם, כבעלי עסק רוצים להציג באתר שלכם בעידן בו מרחק הקליק על האיקס השמאלי קטן מתמיד, חווית הויזואליות הראשונה בה מוצג התוכן, מתגבשת בתת המודע של הגולש בשניות בודדות ולרוב היא זו שתקבע האם כדאי להמשיך להתעמק ולחקור את התוכן באתר אליו הגענו.
גם הטכנולוגיה שמתקדמת בצעדי ענק, משפיעה רבות על הנראות והאווירה על מסך המחשב ועובדה זו מתחזקת לנוכח הנתון שמעל 92% אחוז מהגולשים ברשת, משתמשים במכשירי מובייל למיניהם, פלאפונים וטאבלטים. כך שמלבד אספקט היישום הטכנולוגי, להתאים את התוכן המוצג לכל המסכים וליצור חווית גלישה נעימה ואפקטיבית, אחת השפעות השימוש בסלולרי על העיצוב לדוגמה הוא גלישה לאורך ועיצוב מינימליסטי.
חשוב לציין שלמרות שהטכנולוגיה מאפשרת יישומים מורכבים יותר באתרים, גדלה תשומת הלב לחווית הגלישה, User Experience, ונעשים מחקרים רבים לטובת דיוק החוויה על מנת להאריך את זמן הגלישה באמצעים פשוטים ונוחים ככל האפשר.
רכזנו עבורכם את ה-טרנדים ה-חמים לעיצוב אתרים לשנת 2016 בכל הנוגע לויזואליות ושחקני החיזוק החדשים-ישנים: אנימציה עשירה ועיצוב רספונסיבי.
1. Hero Image
 |
| carnival cruse :: visit site |
בדר״כ התמונה הראשונה שרואים באתר. עוצמתה וחשיבותה רבות שכן היא הראשונה להביע את האוירה והקונספט של האתר. התמונה יכולה להיות סטטית או דינמית והיא מכילה בדר״כ כותרת ו/או שורת טקסט וכמובן שורת הנעה לפעולה
2. שימוש מרובה בטיפוגרפיה
 |
| bolden :: visit site |
שימוש מקורי בפונטים תמיד מקפיץ ומדייק את המסר. הוספת פונטים משדרגת כל תמונה ואילוסטרציה ומאפשרת העברת מסרים בתת המודע אל הרגש. רבות סופר ותואר על נפלאות הטיפוגרפיה. בחרנו כאן אתר עם פונטים ״סטנדרטים״ ורצינו להראות כיצד שימוש חכם ונכון בצבע (ואנימציה) משדרג את הדציבלים בעיצוב ״פשוט״ ו״שטוח״.
island :: visit_site
עיצוב מינימליסטי אוהב ומאפשר מקום לפונטים ״דרמטיים״ ויחדיו הם משדרגים את המסר הויזואלי. השימוש בפונטים הללו נעשה נפוץ יותר ויותר היות והוא מעביר תחושה מוחשית ואישית. ואנחנו? אנחנו אוהבבבות פונטים!
3. וידאו ואנימציה כרקע
 |
| invsionapp:: visit site |
תמונה שווה אלף מילים, אבל וידאו שווה הרבה יותר. היום, כאשר פס הגלישה רחב וזמן טעינת האתר כמעט מיידי, השימוש המודרני בוידאו מצליח לייצר תחושות אווירה חזקות יותר ויוצר הרגשה של חיות ודינמיות בהעברת מסר קצר וקולע. למרות השימוש בוידאו ניתן לראות שתמיד טוב להעביר מסר באמצעות משפט ״מטרה״ קצר וקולע, משפט הסבר קצר והנעה לפעולה
voda:: visit_site
nyc_pride :: visit_site
שימוש נכון בשני צבעים מנוגדים, Duo_Tones, ובפלטת צבעים מעצים את התחושה והאוירה הכללית שהמותג רצה להעביר באתר ובכך גם מעניק זהות מיתוגית ייחודית המחזקת את הקשר בין הגולש והמותג לדוגמה בתמונה העליונה צבעי הרקע הם צבעי המוצר עצמו.
לגבי התמונה התחתונה, ממליצות לכם להיכנס לאתר המשגע של nyc_pride , שבו השימוש בפלטת צבעים פשוט מהמם ועכשווי ומייצג את המסר הצבעוני של דגל הקהילה הגאה ומצעד הקהילה בניו יורק.
5. Flat + Material Design
waark :: visit_site
תגידו תודה לגוגל שהחלה את הטרנד אי שם בשנת 2014 ובבטחה הוא צובר תאוצה. את הראיה לכך, ניתן לראות איך גוגל בעצמה ״יישרה״ לחלוטין את הלוגו שלה ובעצם מסנתזת בשם החדשנות בין עקרונות העיצוב הבסיסים והטכנולוגיה.
6. עיצוב מינימליסטי + אסימטריות
 |
| beoplay :: visit site |
ובכל זאת נוסיף בקטנה, שמתחזק טרנד הוספת אלמנטים במיקום אסימטרי ביחס לאלמנט קודם. עצם מיקום האלמנטים מעביר תחושה של תזוזה ותנועה ומשמר את השקט והניקיון ללא הצורך באנימציה.
אנימציה עשירה
1. Hover Animation
 |
| make_it_ bright-diadora :: visit site |
פירוש המילה Hover הוא לרחף. Hover Animation משמעותה הוספת אנימציה לאלמנט בעיצוב: טקסט, תמונה וכד׳, כאשר אנחנו ״מרחפים״ מעליו עם העכבר ובכך אנחנו מעצימים את חווית ה- Look & Feel של הגולש, בכדי לקדם את מטרת האתר.
 |
| klm-ifly50 :: visitsite |
כי מה יכול להיות טוב יותר מלרתום את ה״כשלים״ הטכנולוגיים ליתרונות שיווקים ? שימוש מושכל ויפהפה באנימציה מרהיבה נמצא באתר ifly50 , האתר של חברת התעופה KLM, העוצר נשימה ביופיו ומשתמש באנימציה {גם} בזמן הטעינה, Loading , להעברת התוכן ומטרת האתר, החל מהרגע הראשון.
לפני שאתם נכנסים לאתר, כדאי להכין כוס משקה צונן או קפה טוב, Bon Vouge !
🍹☕️✈️
עיצוב רספונסיבי
1. Scrolling + Hamburger Menu
studio-krafwerk :: visit_site
המכשירים הסלולריים כאן להישאר.
מי יודע אם בעתיד לא ימציאו איזה גאדג׳ט כמו המוט של הסלפי... לטובת הגדלת כף היד 😛 .
זו דוגמה מצויינת להשפעת הטכנולוגיה על העיצוב וחווית הזהות באתר כך שנכנס לאתר מהדסקטופ ומהסלולר נשמר את נראות אחידה ואלמנטים עיצוביים זהים כך שחווית הגלישה תהיה אחידה. העיצוב הדסקטופי מושפע מהעיצוב הסלולרי :
Scrolling : גלישה לאורך (גלילה)
2. טפסים על מסך מלא
לסיכום ++
טרנדים באים וטרנדים הולכים... ומעבר לטרנדים והכלים הטכנולוגיים - כשמקימים אתר צריך לזכור את הדבר העיקרי - כיצד העיצוב משרת בראש ובראשונה את הלקוח שנכנס לאתר: כלומר מקדם את מטרותיך מהאתר כבעל העסק.
לא כל טרנד ויישום טכנולוגי מקדמים את חוויית הגלישה של האתר: שימוש מוגזם באנימציה, זמן המתנה ממושך בעת טעינת האתר יכולים להיות ממש מטרידים. חויית הגלישה באתר צריכה להתאים לאופי הפוטנציאלי של קהל היעד, הטיפיקלי לך לעסק, ובהתאם למטרות השיווקיות שתוכן האתר מקדם. לכל אתר יש את ה- less is more שלו
לפרטים נוספים על הקמת ועיצוב אתרים
השאירו מייל וטלפון
נחזור אליכם ברגע הראשון שנתפנה
💎
רמונד ומירה
Kubiyot
for your Enterprise
to Grow