שימוש ניגוד בקדמת רקע צבעים בעיצוב אינטרנט

שפר את הקריאות של האתר שלך ואת חוויית המשתמש עם ניגודיות נאותה

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

ניגודיות נמוכה שווה חוויית קריאה גרועה

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

לגבי ניגוד

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

בחירת צבעים

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

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

כלים מקוונים

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

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

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