דף הבית » עיצוב אתרים » 20 תעשיה אינטרנט עיצוב תנאי לקוח Clueless

    20 תעשיה אינטרנט עיצוב תנאי לקוח Clueless

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

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

    “אנימציה”

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

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

    “Breadcrumb”

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

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

    “העומס”

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

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

    “סכמת צבעים”

    א אוסף של צבעים הרמוניה המשמש ליצירת זהות המותג.

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

    “בניגוד”

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

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

    “מדינה ריקה”

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

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

    “פריסה קבועה”

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

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

    “עיצוב שטוח”

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

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

    “פריסת נוזל”

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

    היחידות היחסיות הנפוצות ביותר עבור פריסות נוזל הן אחוזים, אבל ems ו rems יכול לשמש גם. פריסת נוזל resizes (stretches and shrinks) כאשר רוחב התצוגה משתנה. שלא כמו פריסות תגובה, פריסת נוזל אינו משתמש בשאילתות מדיה. המכונה גם פריסה נוזלית.

    “מקפלים”

    החלק התחתון של החלק הגלוי של המסך.

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

    IMAGE: globaldots.com

    מומלץ למקם רכיבי מיתוג (למשל הלוגו), ניווט באתר, ו תוכן מפתה מעל לקפל על מנת לגרום למשתמשים להבין במהירות את מטרת האתר להיות מעוניין שאר התוכן.

    “הדרדרות חיננית”

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

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

    “גיבור תמונה”

    גדול מדי באנר תמונה ממוקם מעל הקפל.

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

    “דף נחיתה”

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

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

    “טעינה איטית”

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

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

    “שאילתת מדיה”

    תכונת CSS שעושה עיצוב אינטרנט תגובה אפשרי על ידי מתן אפשרות למעצבים ליצור עיצובים שונים עבור מידות מכשיר שונות (רוחב ו / או גובה), כיוון (לרוחב או לאורך) וסוגי מדיה (הדפסה, מסך וכו ').

    IMAGE: gskinner.com

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

    “שיפור פרוגרסיבי”

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

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

    “עיצוב תגובה”

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

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

    “Skeuomorphism”

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

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

    “מעבר”

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

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

    “שטח לבן”

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

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