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

 

וואָס זענען די באַקגראַונדז פון דעם פּלאַץ?

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

אין פאַקט, עס איז פיל מער צו דעם פּאָנעם יקערדיק אַספּעקט פון וועב פּלאַן ווי איר זאל טראַכטן. עס איז נישט גענוג פֿאַר דיין וועבזייטל ס הינטערגרונט צו קוקן גוט. פּונקט ווי ווען איר גיין אויף אַ ערשטער טאָג אָדער אַ אַרבעט אינטערוויו, איר דאַרפֿן צו מאַכן זיכער אַז איר דערציילן דיין געשיכטע, באַשטעטיקן אַז דער אָרט איר באַגעגעניש איז צוטריטלעך, און מאַכן זיכער אַז די אנדערע מענטש געניסן זייער דערפאַרונג מיט איר. פּונקט אַזוי, וועבזייטל באַקגראַונדז זענען דערוואַרט צו צושטעלן אַ גוט באַניצער דערפאַרונג (UX) און זיין ליינעוודיק דורך דיין וילעם.

בייקט גוט אַבאָנעמענט צו וועבזייטל סערוויס הינטערגרונט

 

וועבזייַטל באַסיקס

איידער מיר באַקומען אין די עצות, עס איז וויכטיק צו באַקומען די באַסיקס פון די וועג.

טרעפן צוויי טייפּס פון וועבזייטל באַקגראַונדז

גוף הינטערגרונט

דער גוף הינטערגרונט איז דער געגנט וואָס קאָווערס רובֿ פון די פאַרשטעלן. דאָ איר וועט געפֿינען באַקגראַונדז קאַנסיסטינג פון אילוסטראציעס, טעקסטשערז, פול בילדער אָדער קאָליר גראַדיענץ. אָפט עס איז נאָר ווייַס.

הינטערגרונט אינהאַלט. וועבזייַטל הינטערגרונט

דער אינהאַלט הינטערגרונט טוט נישט דעקן די גאנצע פאַרשטעלן, אָבער גאַנץ סעראַונדז אַ געגנט אַרום אנדערע סעקשאַנז, אַזאַ ווי אַ בילד אָדער טעקסט. דאָס גיט סטרוקטור און העלפּס צו הויכפּונקט און באַזונדער די פאַרשידענע סעקשאַנז פון דעם פּלאַץ.

ביר גוף סאָרט

העל ביר סאָרט

 

גרונטייגנס אינהאַלט הינטערגרונט וועבזייַטל הינטערגרונט

טשיקאַווע אינהאַלט

 

ניצן כעדליינז פֿאַר עקסטרע פּאָפּולאַריטעט

דיין כעדער איז דער שפּיץ פון דיין בלאַט און איז אַ וויכטיק וועג צו ווייַזן דיין פּלאַץ ס פּערזענלעכקייט. דאָס איז אַ גרויס אָרט צו נוצן אויג-קאַטשינג עלעמענטן ווי אילוסטראציעס אָדער אַ שפּריצן פון קאָלירן ווייַל עס מיסטאָמע וועט נישט דיסטראַקט פון די אַנדערלייינג אינהאַלט.

קיטעבאָאַרדינג וועבזייַטל הינטערגרונט

אַטראַקטיוו וועבזייטל כעדער

באַמערקן די קאַנטראַסט

מאַכן זיכער איר נעמען קאָליר קאַנטראַסט אין חשבון. פאַלש קאַנטראַסט קענען מאַכן די אינהאַלט אויף דיין וועבזייטל שווער צו לייענען, וואָס מאכט עס ינאַקסעסאַבאַל פֿאַר וויזאַטערז, אַזוי זיין זיכער צו קאָנטראָלירן דיין קאַנטראַסט פאַרהעלטעניש.

גיין גראַפיקס. וועבזייַטל הינטערגרונט

ניצן גראַפיק עלעמענטן גיט דיין וועבזייטל אַ אָפּשיידנדיק קוק און דערציילט אַ געשיכטע מיט בלויז וויזשאַוואַלז. אָבער מאַכן זיכער אַז די נוסח פון ניצן גראַפיק עלעמענטן שוועבעלעך די קוילעלדיק נוסח פון דיין וועבזייטל אַזוי אַז איר צושטעלן ניצערס אַ קאָנסיסטענט דערפאַרונג.

וואָמען ס רייזער וועבזייטל הינטערגרונט מיט גראַפיק עלעמענטן

מאָדערן וועבזייטל הינטערגרונט מיט גראַפיק עלעמענטן

פֿאַרבעסערן דיין הינטערגרונט

ווייַס וועבזייטל באַקגראַונדז זענען אַ פּשוט און ייביק ברירה. אָבער פול גוף באַקגראַונדז אין וועב פּלאַן (אַזאַ ווי ניצן אַ גראַדיענט, אַ פול בילד אָדער אַ האַרט בלאָק פון קאָלירן) קענען האָבן אַ ריזיק פּראַל ווען עקסאַקיוטאַד ריכטיק. מאַכן זיכער אַז די בילד איז נישט צו ליכטיק אָדער האט טונקל ספּאַץ אַזוי עס טוט נישט דיסטראַקט פון דיין אינהאַלט. איר ווילט אַז דיין יוזערז קענען לייכט און טייקעף לייענען וואָס דיין געשעפט איז וועגן.

גאַנץ טעקסט פון דעם פּלאַץ פּלאַץ הינטערגרונט

גאַנץ טעקסט פון דעם פּלאַץ

 

זאָגן העלא צו די כיילייץ

כיילייץ (זייער דין שורות וואָס צונויפשטעלנ זיך פון פאַרשידענע פארבן פֿאַר יחיד סעקשאַנז פון דיין פּלאַץ) העלפֿן צו ברעכן די מאַנאַקראָומאַטיק בלאַקס און פֿאַרבעסערן די לייענען.

יקערדיק אינפֿאָרמאַציע וועגן דעם פּלאַץ פּלאַץ הינטערגרונט

 

8 עצות פֿאַר קריייטינג די שליימעסדיק וועבזייטל הינטערגרונט
-

1. ניצן אַ קלוג קאָליר צובינד

טשאָאָסינג פארבן און קאָליר קאַמבאַניישאַנז ווען עס קומט צו וועב פּלאַן באַקגראַונדז איז וויכטיק ווייַל זיי ביישטייערן צו ווי יוזערז לייענען דיין פּלאַץ. קאָליר אין וועב פּלאַן קענען העלפן צוציען ופמערקזאַמקייט, יוואָוק עמאָציע, שאַפֿן פאַרלאַנג, צוציען ופמערקזאַמקייט און געווינען באַניצער לויאַלטי.

רויט וועבזייטל הינטערגרונט

רויט וועבזייטל הינטערגרונט

 

2. מאַכן דיין הינטערגרונט בילד סופּער ליינעוודיק. וועבזייַטל הינטערגרונט

די שליימעסדיק הינטערגרונט בילד זאָל קוקן גוט, אָבער מער ימפּאָרטאַנטלי, עס זאָל קוקן גרויס. עס איז קיין פונט אין טשוזינג אַ שיין הינטערגרונט בילד פֿאַר דיין וועבזייטל אויב איר קענען נישט לייענען דעם טעקסט אויף שפּיץ. אויב איר האָט געפֿונען די שליימעסדיק בילד אָבער דיין טעקסט איז נישט ליינעוודיק אויף שפּיץ פון די אינהאַלט, פּרוּווט ניצן ווייכווארג צו פאָטאָ עדיטינג אָדער CSS צו טוישן זאכן ווי קאַנטראַסט, אָופּאַסאַטי, אָדער אפילו לייגן שיכטע מאַסקס. אויב דאָס קען נישט העלפן, פּרובירן צו קלייַבן די רעכט שריפֿט און די שריפֿט גרייס פֿאַר די אינהאַלט זיך.
וועב פּלאַן אויף לאַפּטאַפּ, טעלעפאָן און טאַבלעט

Cidery וועבזייטל הינטערגרונט בילד מיט גרינג צו לייענען שריפֿט פֿון גאָטזאַ

3. געבן אַ האַרט הינטערגרונט פֿאַרב

די פאָטאָ איז נישט פּאַסיק פֿאַר דיין פּלאַץ? פארוואס נישט פּרובירן צו נוצן איין האַרט קאָליר פֿאַר די הינטערגרונט פון דיין וועבזייטל. דאָס איז יוזשאַוואַלי אַ גרויס וועג צו ענשור דיין וועבזייטל איז לעדזשאַבאַל אַזוי לאַנג ווי די קאַנטראַסט איז ריכטיק. נאָר מאַכן זיכער אַז די קאָליר גלייַכן דיין סאָרט, אינדוסטריע און רושם פון דיין געשעפט. פֿאַר בייַשפּיל, וואַרעם פארבן ווי רויט און ראָזעווע האָבן אַן ענערגעטיק ווירקונג אויף די באַניצער און קענען זיין נוציק פֿאַר טויגיקייט בראַנדז, בשעת קיל פארבן ווי גרין און בלוי טענד צו האָבן אַ קאַמינג ווירקונג און זענען פאקטיש די מערסט פּראָסט פארבן געניצט אויף וועבסיטעס.

האַרט קאָליר פֿאַר וועגאַן קיך

וועגאַן קוויזין. האַרט וועבזייטל הינטערגרונט פֿאַרב

4. ויסמיידן פאַרנומען און קלאַטערד בילדער

דאָס איז ספּעציעל וויכטיק ווען אַדינג טעקסט אויף שפּיץ פון אַ בילד. אפילו אויב איר ווילן צו קלייַבן אַ סטרייקינג בילד פֿאַר דיין וועבזייטל, עס זאָל נישט דיסטראַקט פון די אָנזאָג און געשיכטע איר ווילן צו דערציילן. פֿאַר בייַשפּיל, לאַנדסקייפּס קענען מאַכן ויסגעצייכנט הינטערגרונט בילדער פֿאַר וועבסיטעס ווייַל זיי זענען אַטראַקטיוו און נישט קלאַטערד.

ינגקאַנספּיקוואַס הינטערגרונט פון די וויקינג פּלאַץ

ריין וועבזייטל הינטערגרונט

5. מאַכן עס מאָדערן

א וועבזייטל הינטערגרונט וואָס איז טרענדינג קענען מאַכן דיין פּלאַן קוקן מאָדערן און נייַ. פּרוּווט ניצן עטלעכע פון ​​די ביגאַסט טרענדס אין וועב פּלאַן, דזשיאַמעטריק שאַפּעס, יממערסיווע 3 ד עלעמענטן, גלאָוינג, גלאָוינג קאָליר סקימז, טונקל מאָדע אָדער ניצן פּאַנטאָנע פארבן יאָרן אין זייַן פּלאַן. נאָר געדענקען אַז ניצן עפּעס טרענדי אין אַ ייביק פּלאַן קען מיינען אַז איר וועט האָבן צו דערהייַנטיקן דיין הינטערגרונט גיכער ווי שפּעטער.

וועבזייַטל אין טונקל מאָדע

נודנע פינצטער וועבזייטל הינטערגרונט

6. מאַכן אַן אַנאַמיישאַן. וועבזייַטל הינטערגרונט

אַן אַנימאַטעד וועבזייטל הינטערגרונט איז אַ טאַקע גוט וועג צו ברענגען דיין וועבזייטל צו לעבן. נאָר זיין זיכער צו מאַכן זיכער אַז די אַנאַמיישאַן איז סאַטאַל אַזוי אַז עס טוט נישט דיסטראַקט פון די הויפּט בילד אָדער מעסידזשינג אָדער גיין ווייַטער פון די פאָרגראַונד פון די פּלאַן. זינט אַנאַמיישאַן האט אַזאַ אַ ענערגעטיק געפיל, עס איז אַ גוטע געדאַנק צו אַרייַננעמען אַ סאַטאַל קאָליר פּאַליטרע.

7. גיין מיט אַ גראַדיענט. וועבזייַטל הינטערגרונט

יאָ, די '90 ס טרענדס זענען צוריק, אַרייַנגערעכנט דער איינער וואָס גענומען די פּלאַן וועלט דורך שטורעם: גראַדיאַנץ. אויך באקאנט ווי קאָליר טראַנזישאַנז, גראַדיאַנץ זענען די גראַדזשואַל בלענדינג פון איין קאָליר אין אנדערן. זיי זענען וויזשוואַלי אַפּילינג און קענען זיין געוויינט ווי אַ שטיין-אַליין הינטערגרונט אָדער לייערד איבער אַ פאָטאָ צו טאַקע מאַכן דיין פּלאַץ קנאַל.

אַנימאַטעד מיט גראַדיענט

גראַדיענט וועבזייטל הינטערגרונט

8. מאַכן עס רירעוודיק. וועבזייַטל הינטערגרונט

מיר זענען אין 2020. אפילו אויב איר אַנטוויקלען דיין וועבזייטל אויף אַ דעסקטאַפּ קאָמפּיוטער, דער אמת איז אַז רובֿ אָנליין אינהאַלט איז קאַנסומד דורך רירעוודיק דעוויסעס. מאַכן זיכער איר באַטראַכטן די פאלגענדע פּלאַץ מצוות צו מאַכן דיין פּלאַץ רירעוודיק פרייַנדלעך:

  • מאַכן דיין פּלאַץ אָפּרופיק.
  • מאַכן די אינפֿאָרמאַציע וואָס מענטשן זענען קוקן פֿאַר גרינגער צו געפֿינען.
  • דו זאלסט נישט נוצן פלאַש.
  • אַרייַננעמען די Viewport מעטאַ טאַג.
  • געבן אַוטאָפילל פֿאַר פארמען.
  • מאַכן דיין קנעפּל סיזעס גרויס גענוג צו אַרבעטן קאַמפערטאַבלי אויף אַ רירעוודיק טעלעפאָן.
  • ניצן אַ גרויס שריפֿט גרייס.
  • קאָמפּרעס דיין בילדער און CSS.

ווען טשוזינג אַ וועבזייטל הינטערגרונט בילד, מאַכן זיכער אַז איר קלייַבן אַ בילד וואָס וועט וואָג געזונט פֿאַר קלענערער סקרינז. פֿאַר בייַשפּיל, אַ טאַקע ברייט בילד קען נישט אַרבעטן אויף אַ פּאָרטאַטיוו מיטל.

מאָביל פרייַנדלעך קאַנסטראַקשאַן

מאָביל פרייַנדלעך וועבזייטל הינטערגרונט

ווי צו באַקומען די הינטערגרונט פון דיין חלומות אויף דעם פּלאַץ. וועבזייַטל הינטערגרונט
-

טשאָאָסינג די רעכט הינטערגרונט קענען נעמען דיין וועבזייטל פון מיטלמעסיק צו גרויס. געדענקט אַז באַניצער דערפאַרונג איז אַלץ, אַזוי קלייַבן פארבן און בילדער וואָס רעדן צו דיין וויזאַטערז, און מאַכן זיכער אַז ווען איר קלייַבן אַ וועבזייטל הינטערגרונט בילד, איר קענען לייכט לייענען דעם טעקסט אויף שפּיץ.

באַטראַכטן האַרט הינטערגרונט פֿאַרבן, ויסמיידן קלאַטערד בילדער אין אַלע קאָס, און באַטראַכטן ינקאָרפּערייטינג אַ גאַנג אַזאַ ווי אַ גראַדיענט אָדער דזשיאַמעטריק פאָרעם צו בלייַבן מאָדערן און מאָדערן. פּרוּווט דיין האַנט אין אַנאַמיישאַן אויב איר טאַקע ווילן צו שטיין אויס פון די מאַסע, און שטענדיק קלייַבן אַ הינטערגרונט וואָס וואָג געזונט פֿאַר קלענערער סקרינז.

רובֿ ימפּאָרטאַנטלי, געדענקען אַז עס זענען קיין קלאָר כּללים אין פּלאַן. אין פאַקט, די בעסטער דיזיינז אָפט נאָכגיין קיין כּללים. די מערסט וויכטיק זאַך איז דיין באַניצער דערפאַרונג. ניצן די עצות ווי אַ סטאַרטינג פונט און טאָן ניט זיין דערשראָקן צו צוטרוי דיין קינסט ריפלעקסאַז.

דרוקערײ АЗБУКА