יסודות חיוניים נדרש ליצור אתרים גדולים
כאשר אתה יוצא ללמוד עיצוב אתרים, הדבר הראשון שאתה צריך לזכור הוא עיצוב אתרי אינטרנט דומה מאוד לעיצוב ההדפסה. את כל היסודות הם אותו דבר. אתה צריך להבין את שטח ופריסה, איך להתמודד עם גופנים וצבעים, ולשים את הכל ביחד בצורה מספקת את המסר שלך בצורה יעילה.
בואו נסתכל על אלמנטים מרכזיים להיכנס ללמוד עיצוב אתרים. זהו משאב טוב למתחילים, אבל אפילו מעצבים מנוסים עשויים להיות מסוגלים לחדד כמה מיומנויות עם עצה זו.
Friday of 07
אלמנטים של עיצוב טוב
עיצוב אתרים טוב הוא כמו עיצוב טוב בכלל. אם אתה מבין מה עושה משהו עיצוב טוב, תוכל ליישם את הכללים האלה לאתרים שלך.
האלמנטים החשובים ביותר בעיצוב אתרים הם ניווט טוב, דפים תמציתיים ויעילים, קישורים לעבודה, וחשוב מכל, דקדוק ואיות טובים. שמור את הדברים האלה בחשבון כמו שאתה מוסיף צבע וגרפיקה ואת אתר האינטרנט שלך יהיה מחוץ להתחיל נהדר. יותר "
02 of 07
כיצד פריסת דף אינטרנט
אנשים רבים חושבים כי הפריסה של דף אינטרנט הוא העיצוב, ובמובנים רבים הוא. הפריסה היא האופן שבו האלמנטים ממוקמים בדף, היא הבסיס שלך לתמונות, טקסט, ניווט וכו '.
מעצבים רבים בוחרים לעשות את הפריסות שלהם ב- CSS . זה יכול לשמש גם עבור אלמנטים כמו גופנים, צבעים, וסגנונות מותאמים אישית אחרים. כך תוכל להבטיח תכונות עקביות וקלות לניהול בכל האתר שלך.
החלק הטוב ביותר של שימוש ב- CSS הוא שכאשר אתה צריך לשנות משהו, אתה יכול פשוט לפנות CSS והוא משתנה בכל דף. זה באמת חלקלק ולמידה להשתמש CSS יכול בסופו של דבר חוסך לך זמן לא מעט בעיות.
בעולם המקוון של היום, חשוב מאוד לשקול עיצוב אתרים תגובה (RWD) גם כן. ההתמקדות העיקרית של RWD היא לשנות את הפריסה בהתאם לרוחב המכשיר המציג את הדף. זכור שהמבקרים שלך יראו אותו במחשבים שולחניים, בטלפונים ובטאבלטים מכל הגדלים, ולכן זה חשוב יותר מאי פעם. יותר "
03 מתוך 07
גופנים וטיפוגרפיה
גופנים הם האופן שבו הטקסט שלך נראה בדף אינטרנט. זהו מרכיב חיוני כי רוב דפי האינטרנט כוללים כמויות גדולות של טקסט.
כאשר אתה חושב על עיצוב, אתה צריך לחשוב על איך הטקסט נראה על מיקרו ברמת (גופן גופנים, משפחת גופן, וכו '), כמו גם את רמת מאקרו (בלוקים מיקום של טקסט והתאמת גודל צורת הטקסט). זה בהחלט לא פשוט כמו בחירת גופן וכמה עצות יעזרו לך להתחיל. יותר "
04 of 07
ערכת הצבעים של אתר האינטרנט שלך
הצבע נמצא בכל מקום. ככה אנחנו מתלבשים בעולם שלנו ואיך אנחנו רואים דברים. צבע יש משמעות מעבר רק "אדום" או "כחול" וצבע הוא אלמנט עיצוב חשוב.
אם אתה חושב על זה, כל אתר יש ערכת צבעים. זה מוסיף לזהות המותג של האתר זורם לתוך כל דף, כמו גם חומרי שיווק אחרים. קביעת ערכת הצבעים שלך הוא צעד חיוני בכל עיצוב צריך להיחשב בזהירות. יותר "
05 מתוך 07
הוספת גרפיקה ותמונות
גרפיקה הם חלק מהנה של בניית דפי אינטרנט. כמו שאומרים "תמונה שווה 1,000 מילים" וזה נכון גם בעיצוב אתרים. האינטרנט הוא מדיום ויזואלי מאוד, המושכים את העין תמונות וגרפיקה באמת יכול להוסיף את מעורבות המשתמש שלך.
שלא כמו טקסט, מנועי החיפוש יש קשה לספר מה היא תמונה של אלא אם כן אתה נותן להם את המידע. מסיבה זו, מעצבים יכולים להשתמש בתכונות תג IMG כמו תג ALT כדי לכלול את הפרטים החשובים. יותר "
06 מתוך 07
אין לנווט ניווט
ניווט הוא האופן שבו המבקרים שלך מגיעים מדף אחד לאחר. הוא מספק תנועה ומספק למבקרים הזדמנות למצוא אלמנטים אחרים של האתר שלך.
אתה צריך לוודא כי המבנה של האתר שלך (ארכיטקטורת מידע) הגיוני. זה גם צריך להיות מאוד קל למצוא ולקרוא כך המבקרים לא צריך להסתמך על פונקציית החיפוש .
המטרה הסופית היא כי הניווט שלך וקישורים מוטבעים לעזור למבקרים לחקור את האתר שלך. ככל שאתה יכול לשמור אותם, כך גדל הסיכוי שתקבל אותם לקנות כל מה שאתה מוכר. יותר "
07 מתוך 07
תוכנה לעיצוב אתרים
רוב מעצבי אתרים מעדיפים לעבוד ב- WYSIWYG או "מה שאתה רואה זה מה שאתה מקבל" עורכי. אלה מספקים ממשק חזותי לעיצוב ולתת לך להתמקד פחות על קידוד HTML .
בחירת הזכות עיצוב אתרים תוכנה יכול להיות אתגר. מעצבים רבים מעדיפים Adobe Dreamweaver כי זה קל לשימוש וכולל כמעט כל תכונה שאי פעם תצטרך. אבל זה מגיע במחיר, אבל יש ניסיון ללא תשלום זמין.
מתחילים אולי כדאי להסתכל לתוך עורכי אינטרנט בחינם או באינטרנט . אלה מאפשרים לך dabble עיצוב אתרים ולבנות כמה דפים מדהימים בבית ללא עלות. יותר "