Home-theater-designers
כמעצב אתרים, מהי התוכנה שאתה בהחלט חייב להחזיק במחשב שלך? רוב הסיכויים שזה פוטושופ ואילוסטרייטור. ולמרות שאלו היסודות של תהליך העבודה שלך בעיצוב, ישנם כלים קטנים יותר שאתה כנראה לא יודע שאתה צריך.
הדבר הטוב ביותר הוא שאתה אפילו לא צריך להוריד אותם --- פשוט התקן את תוספי Chrome אלה ותסתלק. החל מזיהוי גופנים בדפים ועד מדידת מרחקים בין רכיבי אינטרנט, תוספי Chrome אלה לעיצוב אתרים יהפכו את חייך לקלים יותר.
1. דרופבוקס לג'ימייל
Dropbox התחיל כשירות אירוח קבצים, אך עד מהרה גילה שהקהל העיקרי שלו הוא מעצבים, שמשתמשים בשירות כדי לשתף את עבודתם עם עמיתים. מכיוון שלרוב קבצי עיצוב גדולים מדי עבור קבצים מצורפים בדוא'ל, קל יותר לשלוח קישור Dropbox לקובץ.
Dropbox for Gmail הופך את התהליך לנוח עוד יותר. כאשר אתה מקשר לקובץ שלך באמצעות כפתור Dropbox בתחתית חלון הדוא'ל החדש, הנמען מקבל הצצה קטנה למה שאתה שולח. קישורים לקבצי תמונות יעלו את התמונות ישירות לדוא'ל, וקישורים לסוגים אחרים של קבצים ייצרו תצוגה מקדימה שימושית.
להתקין: דרופבוקס ל- Gmail
2. FontFace Ninja
עם אלפי גופנים זמינים, אפשרויות הטיפוגרפיה שלך הן אינסופיות. במיוחד אם אתה יכול לזהות פונט יפה שאתה רואה איפשהו ולהשאיל אותו לפרויקט שלך.
FontFace Ninja הוא תוסף של Chrome שעוזר לך לעשות בדיוק את זה. בדומה ל כלים לאיתור גופנים מתמונות זה עוזר לך לזהות את הגופנים שאתה רואה באינטרנט. ההבדל היחיד הוא ש- FontFace Ninja קורא את הגופנים המקודדים ל- CSS של הדף, כמו גופן של כותרות וטקסט גוף.
כאשר אתה מפעיל את FontFace Ninja, הוא יראה לך את המידע על הגופן שאליו אתה מפנה אותו --- ולא רק את הגופן, אלא גם את המשקל, הגודל, הגובה, הרוחב והצבע. כדי לסמן את הגופן הזה, תזדקק לחשבון בשירות האחות, FontFace Dojo .
להתקין: Ninja FontFace
3. טפטפת עיניים של ColorPick
לא משנה כמה טוב תהיה לך עין לצבע, קשה ליצור מחדש גוון מסוים שראית באינטרנט אלא אם כן אתה יודע את ערכי ה- RGB או HTML שלו. למרבה המזל, אתה לא צריך לנחש אם יש לך טפטפת ColorPick.
כמו אפליקציות בוחרות הצבעים הטובות ביותר עבור Mac , ColorPick טפטפת תציג לך את הערכים לכל צבע שאליו אתה מצביע. ההבדל הוא שזה תמיד קיים בדפדפן שלך ואינך צריך להעלות דבר --- פשוט לחץ על הסמל והעבר את היעד למקום הנכון.
התוסף קורא צבעים מטקסט, תמונות וכמעט כל דבר שאתה עשוי לראות בדף אינטרנט (אפילו המודעות). ברגע שאתה לוכד צבע, הוא מראה לך את ערכי HTML, RGB ו- HSL עבורו.
להתקין: טפטפת עיניים של ColorPick
4. מידות
תוסף קוד פתוח זה ממצא עבור מעצבי אתרים, במיוחד אם אתה עושה הופעות חד פעמיות לעסקים קטנים. כאשר לקוח מוסר לך אתר ללא קבצים או תיעוד קודם ומבקש ממך לעצב 'דף כזה, אך עם טקסט ותמונות שונות', להבין את הפריסה היא כאב.
מדוע לא תימסר הודעת טקסט באייפון
ממדים מאפשרים לך למדוד בקלות את הגובה והרוחב של כל אלמנט בדף, כמו גם את השוליים ביניהם. זה מקל לשחזר דפים קיימים ולבדוק שוב את העיצובים שלך לאחר שהם יוצאים לייצור.
להתקין: ממדים
5. מפקח חזותי
Visual Inspector הוא כלי משוב ושיתוף פעולה רב עוצמה עבור צוותי עיצוב, המשלב את התכונות של שלושת ההרחבות הקודמות ומוסיף עוד יותר.
בתוך ה לִבדוֹק בכרטיסייה, תוכל לבחור כל רכיב בדף כדי לקבל מידע מלא אודותיו, החל מממדים ועד לשם הקובץ. ה צבעים ו טיפוגרפיה כרטיסיות משנה מאפשרות לך לראות את לוח הצבעים ואת כל הגופנים במבט חטוף, תוך כדי נכסים אוסף את כל התמונות בדף במקום אחד.
ה לשתף פעולה הכרטיסייה היא המקום שבו תוכל לתת משוב ולנהל דיונים עם הצוות שלך, וקל להשאיר תגובה על ידי לחיצה על כל רכיב בדף.
כפתור חלונות לא עובד במקלדת
כמו רוב הכלים המתקדמים, Visual Inspector מגיע עם תג מחיר: תצטרך לשלם מ- $ 9/משתמש/חודש כדי להוסיף הערות ולסנכרן שינויים. עם זאת, התכונות הבסיסיות שלה, כגון בדיקת צבעים, גופנים ותמונות, ניתנות לשימוש בחינם.
להתקין: מפקח חזותי
6. לכידת מסך קלה
הרחבה של צילום מסך עשויה להיראות מיותרת, מכיוון שצילום מסך ב- Mac הוא משב רוח, ו לכידת המסך שלך ב- Windows הוא רק קצת יותר טרחה. אבל לכידת מסך קלה יש לא מעט נקודות מכירה.
והכי חשוב, הוא מאפשר לך ללכוד את כל דף האינטרנט, לא רק את האזור שאתה רואה על המסך. זה לא יסולא בפז כשאתה צריך לדווח על מספר בעיות בדף ארוך, ולתפוס את כולן יידרשו שלושה עד ארבעה צילומי מסך.
טריק מסודר נוסף הוא האפשרות להעתיק את צילום המסך ללוח ולהדביק אותו ישירות בצ'אט או בדוא'ל, במקום לאגור קבצי תמונות חסרי תועלת במחשב שלך.
להתקין: לכידת מסך קלה
7. קרח 2
לבסוף, יש משימה אחת מכריעה שאתה צריך להתמודד איתה מדי בוקר: ניעור שאריות השינה והיכנסות לתלם. Muzli 2 מאת InVision ישמש כעיתון הבוקר שלך עם כתבות שאוצרות על אמנות, עיצוב, UX וטכנולוגיה.
מוזלי מחליף את כרטיסיית ברירת המחדל של Chrome ומאפשר לך להתאים אישית את מה שאתה רואה שם. בהתאם לתחומי העניין שלך, מוזלי יבחר עבורך הזנות, עם אתרים הנעים בין Dribble ו- Behance ל- 99designs ו- Creative Bloq. הרבה השראה לגלול דרכם בזמן שאתם לוגמים את הקפה הראשון שלכם!
אם אתה חושב שכרטיסייה שלמה של דפדפן עמוסה בתוכן עיצוב היא אינטנסיבית מדי, למוזלי יש גם גרסת Lite. זה לא יעקוף את כרטיסיית ברירת המחדל שלך, ותוכל לגשת לעדכון מתי שתרצה רק על ידי לחיצה על סמל התוסף.
להתקין: קרח 2
קבל תוספי Chrome לכל משימות העיצוב שלך
תוספי Chrome ברשימה זו אינם תואמים את תוכנת העיצוב שלך, אך הם מכסים את כל הדברים הקטנים הנלווים להיות מעצב --- בין אם מדובר בטיפוגרפיה אינטל או בשיתוף פעולה עם עמיתיך.
ברגע שאתה מבין שחנות האינטרנט של Chrome שופעת כלים, זה יכול להיות קשה להפסיק להוסיף חדשים. אז תלמד כיצד לנהל את תוספי Chrome שלך לפני שהם יוצאים מכלל שליטה.
לַחֲלוֹק לַחֲלוֹק צִיוּץ אימייל האם כדאי לשדרג ל- Windows 11?Windows עוצב מחדש. אבל האם זה מספיק כדי לשכנע אותך לעבור מ- Windows 10 ל- Windows 11?
קרא הבא נושאים קשורים- מרשתת
- יְצִירָתִי
- גוגל כרום
- עיצוב אתרים
- הרחבות דפדפן
אליס היא כותבת טכנולוגיה עם נקודה רכה לטכנולוגיה של אפל. היא כותבת על מק ואייפון במשך זמן מה, והיא מוקסמת מהאופן שבו הטכנולוגיה מעצבת מחדש את היצירתיות, התרבות והנסיעות.
עוד מאת אליס קוטליארנקוהירשם לניוזלטר שלנו
הצטרף לניוזלטר שלנו לקבלת טיפים, סקירות, ספרים אלקטרוניים בחינם ומבצעים בלעדיים!
לחצו כאן להרשמה