exm menu

 

exm menu

 

תוספים לדפדפן כרום למעצבים

עמוס זוהר-אידן | 20.09.2018

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

 

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

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

2. קולורזילה

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

Colorzilla

חייך ואמור גבינה באנגלית

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

1. שיפט קליק
כשמו כן הוא. מרגע שהתקנתם את התוסף, כל פעם שתלחצו שיפט+כפתור שמאלי של העכבר (הידוע בכינויו "קליק") בדפדפן על כל תמונה, יפתח לכם חלון של התמונה בגודלה המקורי יחד עם ערכי פלטת הצבעים, מימדי התמונה בפיקסלים, משקל הקובץ, פורמט התמונה, אתר המקור של התמונה ולסיום יכולת לשתף ישר בפינטרסט, פייסבוק טוויטר וטאמבלר.
לצד המידע הנ״ל ממוקם כפתור להורדת התמונה וכפתור נוסף שלחיצה עליו תמצא עבורכם את התמונה בגדלים נוספים.
Shift Click

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

 

גדלים ומידות

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

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

Page ruler


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

Window Resizer


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

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

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


Screen Capture

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

 

כתבות נוספות שיכולות לעניין אותך:

  • כאשר מצלמים סרט וידאו ממספר מצלמות בו-זמנית, נדרשת ׳עריכה מרובת מצלמות׳. בעידן בו לרובינו מצלמת וידאו בטלפון הנייד ומצלמות ״סטילס״...
    20.09.2018 | כתב: עמוס זוהר-אידן
  • הסטודיו לעיצוב חזותי של זגמייסטר & וולש בניו יורק עשיר בעבודות מרתקות. במאמר קצר זה נתמקד במספר עבודות העושות שימוש בטיפוגרפיה...
    20.09.2018 | כתב: עמוס זוהר-אידן
  • ציפורים הן לבטח מבעלי החיים היפים והמסקרנים ביותר בטבע – שלל צבעים, גדלים, מקורים והתנהגויות שמהוות אתגר עבור כל חובב...
    20.09.2018 | כתב: עמוס זוהר-אידן
-

שלח לחבר

מלאו את הפרטים הבאים:

    גללתם 1112 פיקסלים! רוצים שוב?

    להשארת פרטים
    -

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

    • רותם

    • ליהיא



      התקשר

      להשארת פרטים




      אתם מוזמנים למלא פרטים כאן ואנחנו נחזור אליכם