איך לבנות אתר בעצמכם: בחירת העיצוב לאתר שלכם

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

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

אז מהם כללי האצבע של עיצוב אתרים?

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

מבנה ותפריט קלאסיים עובדים הכי טוב

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

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

איך לבחור מערכת צבעים טובה

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

רקע לבן + טקסט שחור + צבע אחד = מתכון להצלחה

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

אסטרטגיית הגוון היחיד

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

לשאול מערכת צבעים מאתר "יקר"

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

תשכחו מלהיות אמנים – קחו תבנית

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

עם אתרים זה דומה. אם אתם משתמשים בכלי אוטומטי כמו Mozello לבניית האתר, בחירה במערכת צבעים מוכנה היא הימור בטוח.

שחור ואפור מתאימים לכל דבר

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

שמרו את הצבעים הזוהרים לאלמנטים מיוחדים

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

אל דאגה, יש חריגים

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

איך לבחור תמונות מתאימות

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

התאמה לטקסט

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

קומפוזיציה וחיתוך

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

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

איכות

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

לא יודעים מאיפה להשיג תמונות לעיצוב? בדקו את pixabay.com (חינם) ואת photodune.com (בתשלום, אבל במחיר נוח), שם תמצאו מאות תמונות איכותיות ובטוח משהו שיתאים לצרכים שלכם.

דוגמה

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

סיכום

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

המאמר הבא יעסוק בשאלה איך למשוך מבקרים לאתר שלכם.