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

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

 

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

צבעים.
בעיצוב האתר השתמשו בצבעים תואמים, בעלי הרמוניה וקשר.
בשנים האחרונות גם עולם הפרינט הושפע מאוד מאוירת הדיגיטל המתחדשת,
ותוכלו לראות כיצד צבעים בוהקים ועזים מופיעים גם במגזינים ובמודעות פרסומת.
אם כך- העבודה שלנו בבחירת סקאלות צבעים אמורה להיות אף קלה יותר.
מהצד השני- ישנו טרנד בשנים האחרונות של חזרה למקורות-
צבעים בעלי ניחוח רטרו- וינטאז' של שנות ה- 60 וה- 70 המוקדמות,
שהופיעו במדיות השונות של אז.
אתר טוב לבדיקת התאמת צבעים אפשרית בעיצוב,
יכול להיות לדוגמה האתר הזה: https://mycolor.space/
תוכלו ליצור בו שילובים מדהימים והרמוניים, למצוא צבע משלים לצבעי מותג, ליצור מעברי צבע נכונים ועוד.

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

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

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

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

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

לפניכם רשימת מקורות השראה מרוכזים- לאתרים מקצועיים מרחבי העולם:
www.behance.net
https://dribbble.com/
https://elementor.com/blog/category/showcase/
https://www.designrush.com/
https://www.pinterest.com/
https://www.calltoidea.com/form/
https://www.designspiration.com/
https://bestwebsite.gallery/
https://www.webdesign-inspiration.com/
https://abduzeedo.com/
https://www.cssdesignawards.com/

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

נראות ויזואלית לאתר – עיצוב, השראות ועוד

let's

FLY

שנתחיל להעיף את העסק?