הסדרת פרופילים טובים יותרנתמך על ידי ג'ילט. למידע נוסף על Gillette והמוצרים שלה בכתובתGillette.com.
אַשׁרַאי:
לעיצוב החדש יש גם ממדים שונים (במקורמבוסס על יחס הזהב) ומתייחס לרקע בצורה מעט שונה. התוצאה היא התאמה אישית בקפידהרקע טוויטרשנראה פנטסטי בטוויטר הישן, אולי לא יעבוד כל כך טוב עם העיצוב החדש. במקרים רבים, הפתרון הטוב ביותר הוא ליצור ערכת צבעים או עיצוב רקע חדש שיתאים לפרמטרים החדשים.
כמו יותר ויותר משתמשיםמקבל גישהלטוויטר החדש, חשבנו שזה יהיה זמן טוב לבקר מחדש את תחום ההתאמות האישיות של טוויטר. למרבה המזל, טוויטר מציעה כעת כמה כלי עיצוב פנטסטיים כדי להפוך את התהליך לפחות מטלה, ויצרנו כמה קובצי פוטושופ (PSD) שמופו לממדים של טוויטר החדש כדי לעזור לך להתחיל בראש.
תכנן את הפריסה שלך
הטוויטר החדש משתמש בפריסה זורמת, כלומר חלון הדפדפן או רזולוציית המסך יכולים להשפיע על רוחב חלק מהעמודות, כמו גם כמה מתמונת הרקע גלויה.
אַשׁרַאי:
בדוק את התמונה הזו שיצרנו כדי להשוויץ בפריסה של הטוויטר החדש. למרות שגודלו שונה כך שיתאים לפוסט זה בבלוג, צילום מסך זה צולם במקור ברזולוציה של כ-1440 פיקסלים ברוחב.
יש כמה נקודות שאתה צריך לזכור בעת עיצוב או שינוי הרקע שלך בטוויטר כך שיתאים לאתר החדש:
לעיצוב החדש יש סרגל כלים עליון קבוע בגובה 40 פיקסלים ומשתרע על כל אורך דף האינטרנט. עבור רוב העיצובים, זה לא אמור להפריע לאף אחד מהאלמנטים שלך, אבל שים לב שהסרגל הזה תמיד קיים. שים לב גם שיש רווח בגובה של 20 פיקסלים בין סרגל הכלים לתחילת שתי העמודות.
המרווח מימין ומשמאל לעמודות הוא נזיל וישתנה בהתאם לרזולוציה ולגודל של חלון הדפדפן. גם המרווחים מצטמצמים משמעותית מהעיצוב הקודם. כדוגמה, בחלון גלישה בגודל 1280x800, בעיצוב הישן, היו כ-251 פיקסלים בכל צד של עמודות הטוויטר. בעיצוב החדש, זה מצטמצם ל-112 ו-113 פיקסלים בהתאמה.
סרגל הצד של טוויטר מימין כעת אטום למחצה. האטימות היא בערך 75%, מה שאומר שבהתאם לצבע שתבחר ולצבע או לסגנון של תמונת הרקע שלך, זה יכול להשפיע על הקריאה.
עמודת ציר הזמן משמאל היא תמיד ברוחב של 540 פיקסלים, אך סרגל הצד עשוי להשתנות. לאחר רזולוציה מסוימת (כ-1130 פיקסלים), היא מתקבעת ברוחב של 500 פיקסלים, אך במסכים קטנים יותר או בחלונות דפדפן קטנים יותר, היא יכולה להיות קטנה עד 380 פיקסלים.
בגלל האופן שבו העמודות פרוסות כעת, תמונות רקע צריכות להיות אריחים רק אם הן דפוסים או חלקות. תמונות גדולות יותר עדיף לעבור לצבע אחיד במקום לחזור.
השתמש בכלי הנושא המובנה של טוויטר
המעולההקרןהכלי של COLOURlovers עודכן עבור הטוויטר החדש. אתה יכול לגשת לכלי על ידי מעבר ישירות לאתר או על ידי בחירת Themeleon בסרגל הצד ב-מדור עיצובשל דף ההגדרות של טוויטר.
אתה יכול להתחבר לטוויטר באפליקציה ולהתאים אישית את הצבעים והרקע שלך תוך כדי תנועה. הדבר הנהדר בכלי הוא שעד שתלחץ על "שמור", אף אחד מהשינויים לא ייכנס לתוקף. חשבו על זה כעל דרך מצוינת לבחון שילובי צבעים ומוטיבים שונים.
אַשׁרַאי:
COLOURlovers סיפקה מספר ערכות נושא איכותיות שנבנו מראש תוך שימוש ברקעים ופלטות צבעים ייעודיים, אך אתה יכול להעלות תמונת רקע משלך ולהגדיר ערכות צבעים משלך. אתה יכול גם לעיין באוסף הגדול מאוד של דפוסי COLOURlovers ותמונות רקע מרוצפות. אחת התכונות האהובות עלינו בכלי זה היא שאם אתה משתמש באחת מהדפוסים הבנויים מראש, אתה יכול להחיל ערכת צבעים שתשנה גם את הגדרת הצבע של הדפוס הזה.
ל-COLOURlovers יש גם המון פלטות צבעים לבחירה ולשחק איתם. אם אתה כבר חבר ב-COLOURlovers, אתה יכול לגשת ללוחות או פלטות משלך שאתה עוקב אחריהם או שסימנתם כ"אהובים". זוהי קהילה חינמית, ובהתחשב בקושי לגלות פלטות צבעים חדשות ביוצר הנושא, אנו ממליצים להירשם כדי שתוכל להעדיף את הסכמות שלך.
מצא את הפלטה המושלמת שלך
COLOURlovers הוא משאב נהדר לחובבי צבעים, אבל יש המון משאבים נהדרים אחרים באינטרנט כדי לקבל את שילוב הצבעים המושלם.
כתבנו על כמה מהאהובים עלינוכלי אינטרנט לעבודה עם צבע, אבל הנה עוד כמה:
צייד צבע- אתר זה מציע כמה פלטות המבוססות על תמונות שהועלו באתר. אתה יכול גם לחפש באמצעות פלטות ולהעלות תמונה משלך כדי למצוא את הפלטה המושלמת.
ColorCombos.com- באתר זה יש רשימה נהדרת של פלטות צבעים שנוצרו על ידי משתמשים, ואתה יכול גם לבדוק את השילובים שלך כדי לראות עד כמה הם עובדים יחד.
PHOTOCOPA- PHOTOCOPA הוא כלי נוסף מבית COLOURlovers והוא עוזר לבחור את הצבעים שבתמונה. מה שיפה בכלי הזה הוא שאתה לא יכול רק להעלות תמונה, אלא אתה יכול גם לקשר או לחפש תמונה מפליקר. לאחר שתמצא את הצבעים שלך ותיצור את הפלטה שלך, תוכל לשמור אותה בספריית COLOURlovers שלך, שאליה ניתן לגשת בכלי Themeleon.
בדוק את הרזולוציה שלך
מכיוון שהפריסה החדשה של טוויטר היא זורמת, איך הדברים נראים יכול להשתנות בהתאם לגודל חלון הגלישה שלך. מומלץ לבדוק כיצד הרקע או ערכת הצבעים שלך נראים בגדלי מסך שונים.
אַשׁרַאי:
למרבה המזל, יש הרחבות חינמיות זמינות עבור כל הדפדפנים הגדולים שהופכים את שינוי גודל חלון הדפדפן שלך במהירות.
Firesizer עבור Firefox- Firesizer הוא תוסף פשוט המופיע בשורת המצב התחתונה של דפדפן Firefox. לא רק שהוא מראה לך את הממדים הנוכחיים של חלון הדפדפן שלך, אלא לחיצה ימנית על הרזולוציה מאפשרת לך לבחור גודל דפדפן מוגדר מראש. גודל החלון שלך ישתנה ברגע שתבחר את הבחירה שלך. אתה יכול להתאים אישית את התוסף כדי להוסיף גדלים מוגדרים מראש משלך.
ResizeMe עבור ספארי- ResizeMe מאפשר לך לשנות במהירות את גודל חלון הדפדפן שלך. זה עובד כלחצן בסרגל כלים ולחיצה על הכפתור יכולה לשנות אוטומטית את הגודל לבחירה שתבחר או לתת לך את האפשרות לבחור בגדלים שונים.
Window Resizer עבור Chrome- תוסף זה מופיע בסרגל הכלים של Chrome. לחיצה על הכפתור מאפשרת לבחור מתוך רשימה נפתחת של גדלים שונים של דפדפן או סוגי מכשירים. אתה יכול להתאים אישית את הרישום הזה. יש לו ממשק נהדר והוא ממש קל לשימוש.
בדוק את זה בפוטושופ
הרבה מעצבים אוהבים לתפעל את הרקע או סכימות הצבעים שלהם בפוטושופ או בתוכנות אחרות לעריכת תמונות. אנחנו מבינים. אמנם יש הרבה קבצי PSD שנוצרו עבור פריסת טוויטר הישנה, אבל היה לנו קשה למצוא PSDs טוב עבור טוויטר החדש.
אַשׁרַאי:
לפיכך, הפשלנו שרוולים ויצרנו את האוסף הזה של קבצי PSD. הם ברזולוציות של 1024x768, 1280x800, 1440x900, 1600x1200, 1920x1080 ו-1920x1200. אם אתה צריך וריאציה אחרת, הודע לנו בתגובות ונראה מה אנחנו יכולים לעשות. כל המדריכים והשכבות ניתנים לעריכה כך שתוכל להתאים אישית את הקבצים האלה לשימושים שלך.
אתה יכול להוריד קבצים אלה בכתובתhttps://www.mediafire.com/?9h1wzayh1cnn1.
הטיפים שלך
ספר לנו על עצות עיצוב משלך בעת התמודדות עם הטוויטר החדש בתגובות!
סדרה נתמכת על ידי ג'ילט
הסדרת פרופילים טובה יותרנתמך על ידי ג'ילט. למידע נוסף על Gillette והמוצרים שלה בכתובתGillette.com.
משאבי פיתוח ועיצוב נוספים מ-Mashable:
5 מגמות עיצוב חמות לבלוגרים שואפים
11 מגמות בעיצוב לוגו אינטרנט: הטוב, הרע והשימוש המוגזם