פרסומת
כמעצב אתרים, מה התוכנה שבהחלט חייבת להיות במחשב שלך? רוב הסיכויים שזה פוטושופ ואילוסטרייטור. ולמרות שאלו הם היסודות בזרימת העבודה העיצובית שלך, ישנם כלים קטנים יותר שאתה כנראה לא יודע שאתה צריך.
הדבר הטוב ביותר הוא שלא תצטרך אפילו להוריד אותם - פשוט התקן את תוספי Chrome האלה והרחק. החל בזיהוי גופנים בעמודים וכלה במדידת מרחקים בין אלמנטים ברשת, תוספי Chrome אלה לעיצוב אתרים יקלו על חייכם.
1. Dropbox ל- Gmail
Dropbox התחילה כשירות אירוח קבצים, אך עד מהרה התברר כי הקהל העיקרי שלה הוא מעצבים שמשתמשים בשירות כדי לחלוק את עבודתם עם עמיתים. מכיוון שקובצי עיצוב לעיתים קרובות גדולים מדי עבור קבצים מצורפים לדוא"ל, קל יותר לשלוח קישור Dropbox לקובץ.
Dropbox ל- Gmail הופך את התהליך ליותר נוח. כשאתה מקשר לקובץ שלך באמצעות כפתור Dropbox בתחתית חלון הדוא"ל החדש, הנמען מקבל הצצה מה אתה שולח. קישורים לקבצי תמונות יעלו את התמונות ישירות לדוא"ל, וקישורים לסוגים אחרים של קבצים יפיקו תצוגה מקדימה שימושית.
להתקין:Dropbox ל- Gmail
2. פונט פיינס נינג'ה
עם אלפי גופנים זמינים, אפשרויות הטיפוגרפיה שלך הן אינסופיות. במיוחד אם אתה יכול לזהות פונט יפה שאתה רואה איפשהו ולשאול אותו לפרויקט שלך.
FontFace Ninja הוא תוסף Chrome שעוזר לך לעשות בדיוק את זה. כמו כלים שמוצאים גופנים מתמונות WhatTheFont ו -4 חלופות למציאת גופנים מתמונותרוצה למצוא גופנים מתמונות? ישנם כלים מקוונים שיכולים לעשות את זה בשבילך, כולל WhatTheFont וחלופות שונות. קרא עוד זה עוזר לך לזהות את הגופנים שאתה רואה באינטרנט. ההבדל היחיד הוא ש- FontFace Ninja קורא את הגופנים המקודדים ל- CSS של הדף, כמו גופן של כותרות וטקסט גוף.
כשאתה משיק את FontFace Ninja, הוא יראה לך את המידע על הגופן אליו אתה מכוון - ולא רק את הגופן, אלא גם את המשקל, הגודל, הגובה, הרוחב והצבע. כדי לסמן גופן זה, תצטרך חשבון בשירות האחיות, פונט פייסבוק דוג'ו.
להתקין:פונט פיינס נינג'ה
3. טפטפת ColorPick
לא משנה כמה טוב יש לך עין לצבע, קשה ליצור גוון מסוים שראית באופן מקוון, אלא אם כן אתה מכיר את ערכי RGB או HTML. למזלך, אתה לא צריך לנחש אם יש לך ColorPick טפטפת.
כמו אפליקציות בורר הצבעים הטובות ביותר עבור מק חמש אפליקציות בורר הצבעים הטובות ביותר עבור Macצריך למצוא את הצבע המושלם במחשב ה- Mac שלך? נסה את אפליקציות בורר הצבעים של ה- macOS כדי לזהות, לשמור, לעצב ולהעתיק צבעים בקלות. קרא עוד , טפטפת ColorPick תראה לך את הערכים עבור כל צבע שאתה מצביע עליו. ההבדל הוא שהוא תמיד נמצא בדפדפן שלך ולא תצטרך להעלות שום דבר - פשוט לחץ על הסמל והעבר את היעד למקום הנכון.
התוסף קורא צבעים מטקסט, תמונות, וכמעט כל דבר שתראה בדף אינטרנט (אפילו המודעות). לאחר שתצלם צבע, הוא מראה לכם את ערכי ה- HTML, RGB ו- HSL עבורו.
להתקין:טפטפת ColorPick
4. ממדים
תוסף קוד פתוח זה הוא חיפוש עבור מעצבי אתרים, במיוחד אם אתה עושה הופעות חד פעמיות לעסקים קטנים. כאשר לקוח מסייע לך לאתר ללא קבצים ותיעוד קודמים ומבקש ממך לעצב "דף כזה, אבל עם טקסט ותמונות שונות", להבין את הפריסה זה כאב.
מימדים מאפשרים לך למדוד בקלות את הגובה והרוחב של כל אלמנט בדף, כמו גם את השוליים שביניהם. זה מקל על יצירת הדפים הקיימים ובדוק מחדש את העיצובים שלך לאחר שהם יוצאים.
להתקין:ממדים
5. מפקח חזותי
Visual Inspector הוא כלי משוב ושיתוף פעולה רב עוצמה עבור צוותי עיצוב, המשלב את התכונות של שלושת התוספים הקודמים ומוסיף עוד יותר.
בתוך ה בדוק בכרטיסייה, אתה יכול לבחור כל אלמנט בדף כדי לקבל מידע מלא אודותיו, מממדים לשם הקובץ. ה צבעים ו טיפוגרפיה כרטיסיות משנה מאפשרות לך לראות את לוח הצבעים ואת כל הגופנים במבט חטוף נכסים אוסף את כל התמונות בדף במקום אחד.
ה לשתף פעולה הכרטיסייה היא המקום בו אתה יכול לתת משוב ולנהל דיונים עם הצוות שלך, וקל להשאיר תגובה על ידי לחיצה על כל רכיב בדף.
כמו הכלים המתקדמים ביותר, Visual Inspector מגיע עם תג מחיר: תצטרך לשלם מ- $ 9 / משתמש לחודש כדי להוסיף הערות ולסנכרן שינויים. עם זאת, התכונות הבסיסיות שלה כמו בדיקת צבעים, גופנים ותמונות חופשיים לשימוש.
להתקין:מפקח חזותי
6. לכידת מסך קלה
הרחבה של לכידת מסך עשויה להראות מיותרת לוקח צילום מסך ב- Mac - - כיצד לצלם תמונות מסך ב- Mac: טיפים, כלים וטריקים שצריך לדעתצריך לצלם צילום מסך למחשבי ה- Mac שלך? להלן קיצורי הדרך, הטיפים והאפליקציות הטובים ביותר עבור צילומי מסך של macOS. קרא עוד הוא רוח, ו לכידת המסך שלך ב- Windows כיצד לקחת את תמונת המסך המושלמת ב- Windowsהדרך הטובה ביותר לצלם צילום מסך תלויה בגירסת Windows בה אתה נמצא. אנו מראים לך את ההבדלים העדינים, נותנים טיפים לפתרון בעיות וחושפים את מיטב קיצורי המקשים והכלים הטובים ביותר. קרא עוד זה רק קצת יותר טרחה. אבל לכידת מסך קלה יש לא מעט נקודות מכירה.
והכי חשוב, זה מאפשר לך לתפוס את כל דף האינטרנט ולא את האזור שאתה רואה על המסך. זה לא יסולא בפז כשאתה צריך לדווח על מספר נושאים בעמוד ארוך, ולכידת כולם ייקח שלושה עד ארבעה צילומי מסך.
טריק מסודר נוסף הוא היכולת להעתיק את המסך ללוח ולהדביק אותו ישירות בצ'אט או בדוא"ל, במקום לאגור קבצי תמונות חסרי תועלת במחשב שלך.
להתקין:לכידת מסך קלה
7. מוזלי 2
סוף סוף יש משימה אחת מכרעת שעליך להתמודד איתה בכל בוקר: להתנער משרידי השינה ולהיכנס לחריץ. Muzli 2 של InVision ישמש כעיתון הבוקר שלך עם מאמרים אוצרים בנושא אמנות, עיצוב, UX וטכנולוגיה.
Muzli מחליף את כרטיסיית Chrome המוגדרת כברירת מחדל ומאפשרת לך להתאים אישית את מה שאתה רואה שם. תלוי באינטרסים שלך, מוזלי יבחר עבורך עדכונים, עם אתרי אינטרנט החל מכדרור והתנהגות ל- 99 עיצובים וקריאייטיב בלוק. המון השראה לגלול בזמן שאתה לוגם את הקפה הראשון שלך!
אם אתה חושב שלשונית דפדפן שלמה עמוסת תוכן עיצובי היא אינטנסיבית מדי, למוזלי יש גם גרסת לייט. היא לא תבטל את כרטיסיית ברירת המחדל שלך ותוכל לגשת לעדכון מתי שתרצה פשוט על ידי לחיצה על סמל התוסף.
להתקין:מוזלי 2
קבל תוספי Chrome עבור כל משימות העיצוב שלך
תוספי Chrome ברשימה זו אינם תואמים לתוכנת העיצוב שלך, אך הם מכסים את כל התוכן דברים קטנים שבאים עם היותך מעצב - בין אם מדובר בטיפוגרפיה אינטל או בשיתוף פעולה עם שלך עמיתים.
ברגע שתבינו כי חנות האינטרנט של Chrome עמוסה בכלים, זה יכול להיות קשה להפסיק להוסיף חדשים. אז למדו כיצד לנהל את התוספים שלך ל- Chrome כיצד לנהל את התוספים שלך ל- Chrome ללא כל תועלתניהול נכון של תוספי Chrome יכול להפוך את הדפדפן לחזק עוד יותר. להלן מספר טיפים וטריקים חיוניים שכדאי לדעת. קרא עוד לפני שהם יוצאים מכלל שליטה.
אליס היא סופרת טכנולוגיה עם נקודה רכה לטכנולוגיה של אפל. היא כותבת על מק ו- iPhone מזה זמן מה, והיא מוקסמת מהאופן שבו הטכנולוגיה מעצבת מחדש את היצירתיות, התרבות והנסיעות.