8 כלי עיצוב מפתח כדי למקסם את התנועה לאתר האינטרנט שלך |

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

8. Adobe Edge לפקח

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

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

7. שלד

זה צרור החברה של קבצי CSS מאפשר פיתוח אתר חלקה שנראה אלגנטי אם זה מוצג על צג שולחן העבודה או מסך זוהר קטן ביד שלך. נחשב בשלבים קלים לשימוש עבור עיצוב אינטרנט גמיש, השלד הוא בשם יפה כי זה יוצר מסגרת המתרחבת חוזים בהתאם לגודל של המכשיר של המשתמש. למרות שהוא מכיל אלמנטים בסיסיים בעיצוב, הוא גמיש מספיק כדי לאפשר למעצבים להביא סגנונות מתוחכמים יותר. Reireive Wireframe משתמש ב- HTML / CSS כדי לספק רשת שכבת-על המאפשרת לראות תצוגות שולחניות וניידות של העיצוב שלך. הרעיון עם הכלי הזה הוא להקל על עיצוב בתוך הדפדפן. בעוד כמה מעצבים עשויים לטעון אלה wireframes למחוץ יצירתיות, אחרים אומרים שזה דרך מהירה ופשוטה ליצור עיצובים שפועלים על פני פלטפורמות. באמצעות כלי זה חוסך לך זמן כמו שאתה בודק עיצובים באמצעות wireframes תגובה כדי לראות איך הם ייראו על מחשבים ניידים, שולחנות עבודה, מוביילים. סגנון אריחים

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

אלה אריחים מדורגים להציג עיצובים מבלי להתאים אותם לכל התקן, מה שהופך אותם דרך קלה ליצור עיצובים ולשתף אותם עם לקוחות לפני התחשבות בשיקולים רבים הקשורים עם עיצוב תגובה. במילים אחרות, גישה זו מעניקה למעצבים חופש מהגבלות ממדיות. מוצר אחות של אריחים בסגנון, "Component Style Guide" מציע עצות על לקיחת העיצוב שלך ולהפוך אותו לעבוד על פני פלטפורמות כגון iPhone ואת הטלפון החכם החדש Blackberry 10.

4. מחשבון תגובה

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

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

2. ProtoFluid

לאחר יתרון כי זה מבוסס אינטרנט, כלי זה עושה את זה מכאיב לראות מדומה קופצים של העיצוב שלך עם רזולוציות וממדים שונים. תהנה מקבל להשתמש Firebug כפי שאתה לבדוק HTML, CSS, JS, ואלמנטים אחרים לבעיות. קיצורי מקשים, מעבר מהיר בין תצוגות שונות וקוד נקי מבטיחים מהירות תוך כדי שימוש בכלי זה כדי לבדוק עד כמה העיצוב שלך נראה בגדלים שונים של המסך, כולל Nexus, iPhone ו- iPad.

1. קרן

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

נצל את הרשת גמישה של הכלי, פריסות תגובה, ואת הייצור המהיר של אב טיפוס. היעילות והאמינות של הקרן מתבטאת ברשימת האתרים המשתמשים בה, הכוללת את National Geographic, Pixar, ו- Los Alamos National Laboratories.

כפי שאתה מסתכל על הגדלת עיצוב האינטרנט היענות שלך, מהם האתגרים הגדולים ביותר שאתה בפנים? אילו כלים היו מועילים לך ביותר?

[

תמונות באמצעות

]