כמעצב גרפי, זה נורמלי שתהיה מודע לטרנדים, למעצבים אחרים, מאיירים, קריאייטיבים... ולכן, תשתמש באינטרנט. אבל, האם אתה יודע שיש תוספים בכרום שיכולים לעזור לך, הרבה, בעבודה שלך?
ריכזנו עבורך מבחר של תוספי Chrome הטובים ביותר שתוכל להסתכל עליהם. חלקם אולי אתם מכירים, ואחרים עשויים להיות חדשים עבורכם. הדבר החשוב הוא שתראה שאלו יכולים לעזור לך רבות בעבודתך. שנלך איתם?
Wireframe מיידי
אנחנו מתחילים עם תוסף Chrome אידיאלי עבור אלה שעושים דפי אינטרנט. וזה שעם זה, מה שתוכלו לראות הוא שלד של אתר אינטרנט, כלומר, ה-wireframes שלו. בדרך זו, אתה מקבל מושג כיצד הוא בנוי.
למרות שכרגע אתה לא רואה בזה הרבה הגיון, כשאתה יוצר דף אינטרנט עבור לקוח אתה צריך לדעת איך המתחרים שלך עושים את זה זה יכול לעזור לך לראות היכן עליך למקם את האלמנטים לתוצאה חזותית טובה יותר.
אם יש לך גם ידע על טמפרטורת הצפייה אצל המשתמשים (כלומר, החלקים שהמשתמשים רואים הכי הרבה ברשת) תוכל להשיג תוצאה יעילה מאוד.
מה
עוד מהתוספי Chrome שהייתם צריכים להתקין (זכור שהם בחינם) הוא זה. הוא משמש כדי לגלות באיזה גופן נעשה שימוש בדף אינטרנט, אם כי הוא גם שימושי עבורך, בתוך אתר WhatFont, כדי לברר מהי הטיפוגרפיה של פוסטרים, תמונות וכו'.
במקרה של ההרחבה, כל מה שאתה צריך לעשות הוא לבחור את המקור והוא יחפש מה זה, או לפחות יראה לך כמה דומים מאוד.
זה מאוד שימושי כאשר אתה רוצה גופן שאהבת אבל אתה לא יכול לבלות שעות על גבי שעות בחיפוש אחר זה בעיוורון.
פיקסל מושלם
כשאתה עושה סקיצה ללקוח, הקשורה לדף אינטרנט, אתה יודע שלפעמים זה לא תמיד יהיה אותו הדבר. אבל, אם אתה מאוד פרפקציוניסט, אתה עשוי לעשות הכל כדי שזה יהיה כך.
ובכן, התוסף הזה עוזר לך להשוות בין העיצוב שעשית לבין התוצאה שתופיע במחשב שלך. כך תדעו אם הכל מתאים או שיש משהו לא תקין. אז אתה יכול לגעת בחלק הזה כך שהוא ייראה בדיוק כמו שחשבת והמצאת בהתחלה.
כלי מעצבים
זהו עוד אחד מהתוספים של Chrome שכדאי לנסות. בנוסף, הוא נותן לך כלים רבים באחד: מזהה של הגופן המשמש בטקסטים, אפשרות לעיין בצבעים שנוספו לדפים או אפילו את המגבלות.
אפשר לומר שזה הכל-באחד, מכיוון שהוא כולל הרבה מההרחבות שדיברנו עליהן (ועליהן נדבר בהמשך).
סטיילבוט
האם אתה רוצה לבצע שינויים בעיצוב של רשת כדי להראות אותם ללקוח? ובלי לגעת בכלום באינטרנט? ובכן, זה אפשרי עם הרחבה זו. כדי לעשות זאת, מה שאתה הולך לגעת הם מאפייני ה-CSS ומה שהוא יעשה זה, בהתבסס על מה שאתה שם, לשנות את האינטרנט כדי להציג אותו בתצוגה מקדימה כמו שאתה רוצה שזה ייראה.
ועתה תאמר, ועל מה?
ובכן, יש לזה כמה שימושים:
- מצד אחד, תוכלו להראות ללקוחות פוטנציאליים מה הייתם עושים עם האתר שלהם כדי לשפר אותו (ותאמינו לנו כשאנחנו אומרים לכם שזה טוב יותר מכל קורות חיים).
- מצד שני, כי אתה יכול להראות להם בשידור חי, בפגישה, מה אתה יכול לעשות כדי לשנות את האינטרנט מבלי לגעת יותר מדי. או אם.
שליט עמודים
זהו אחד מההרחבות הפחות מוכרות לכרום, אבל האמת היא שאתה יכול לתת לזה שימושים רבים. ראשית, נספר לכם שהוא משמש למדידת אלמנטים של אתר אינטרנט, לא רק ברמת הפיקסלים, אלא גם את המרחק בין אלמנטים אחרים.
לדוגמה, דמיינו שהכנסתם שלוש קופסאות אופקיות. ואתה רוצה ששלושתם יהיו באותו מרחק זה מזה. ובכן, הכלי הזה עוזר לך לרבוע אותם.
גם אם אתה חושב שזה לא מאוד שימושי, אם אתה פרפקציוניסט ואתה רוצה שזה ייראה טוב, אתה בוודאי תשתמש בו.
לכידת מסך עמוד מלא
זהו אחד הידועים ביותר שיש, והוא מאפשר לך לצלם צילום מסך של דף האינטרנט, אבל לא רק את החלק הנראה בדפדפן, אלא את כל האינטרנט. זה אידיאלי, למשל, כאשר אתה רוצה להציג את הפרויקט ללקוח ואתה לא צריך ללכת לכידה אחר לכידה, אלא מבט כללי יותר של התוצאה הסופית. אותו הדבר יכול לשמש עבור אלה שאתה רואה באינטרנט ורוצים שיהיו להם כאסמכתא, או בגלל שאהבת את העיצוב, הצבעים וכו'.
מנתח ניגודיות צבע
מאוד אהבנו את התוסף הזה כי הוא יכול לעזור לך להתמקד בקהל מסוים. הכלי משמש כדי להבטיח את קריאות הטקסט, כמו גם את הניגודים החזותיים הקיימים באופן כללי.
במילים אחרות, זה יגיד לך אם הטקסט והצבעים שבחרת נראים טוב והכל קריא.
עכשיו, למה אהבנו את זה בגלל שאתה יכול לראות את התוצאה לפי מספר משתנים. לדוגמה, מה אם הרשת מתמקדת באנשים מבוגרים עם קטרקט? ובכן, אתה תראה את זה ככה ותדע אם זה נכון או לא. מה אם הציבור הוא אנשים עם עיוורון צבעים? ובכן אותו דבר.
בדרך זו תשפרו את התוצאה הסופית כי תתמקדו באותן קבוצות.
מחולל לורם איפסום
כפי שאתה יודע, כאשר אתה יוצר דף אינטרנט הוא צריך להיות קצת טקסט כדי לדעת איך הוא ייראה. לשם כך משתמשים ב-Lorem Ipsum, טקסט שכרגע יש בו משתנים רבים.
ובכן, עם Lorem Ipsum Generator תוכלו ליצור את הטקסט לפי מספר המילים, הביטויים, האותיות... וכך תצטרכו רק להעתיק ולהדביק.
ColorZilla
האם אתה זוכר את ההרחבה של מה? עם זה זיהית את הגופן. ובכן, עם זה מה שתעשה זה לזהות את הצבע שבו הם השתמשו. באופן זה הוא ייתן לכם את הקוד כך שתוכלו להשתמש בו בתוכנות עריכת התמונות שלכם ולקבל את אותו גוון צבע שאהבתם.
כפי שאתה יכול לראות, ישנם תוספי Chrome רבים שאם אתה עובד בעיצוב, היית צריך להפעיל אותם. למעשה, יש עוד, אבל הדבר הטוב ביותר הוא לנסות את אלה ולראות אילו מהן הכי מתאימים לעבודה שלך. האם אתה ממליץ על עוד?