מפוטושופ לאתר בנוי: RapidUI הופכת את העיצוב שלך מ-PSD לאתר חי (ורשיונות לקוראי פיקסל)

חברים, הכירו את הפלטפורמה שהופכת את ה-PSD's וה-Sketchים שלכם לאתרים חיים ורספונסיביים, ללא צורך בכתיבת קוד. סטרטאפ כחול לבן.

מכירים את התהליך הבלתי נגמר לאחר שסיימתם לעצב אתר ועד הרגע שהוא עולה לאוויר? אם אתם משתמשי פוטושופ וסקץ', חכו לראות את הסרטון הבא…

מעיצוב לקוד, הדבר האמיתי!

איך זה עובד?

גררו את קובץ ה-PSD או ה-Sketch שלכם לתוך המערכת וצפו בו הופך לHTML ו-CSS תוך דקות ספורות.

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

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

ומה בנוגע לרספונסיביות?

הכל בפנים!

ישנם כלים לשליטה מלאה על האתר בכל הרזולוציות, וכלים לניהול ה-breakpoints (נקודות שבירה פר רזולוציה).

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

מה עוד?

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

תוכלו להוסיף ולשנות html, css & javascript events בחופשיות, וכמובן מנגד, כל שינוי ויזואלי מעדכן את הקוד בלייב.

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

יתרון נוסף של הקוד הנגיש הוא היכולת לנהל פעילות SEO בצורה המקצועית ביותר ולדאוג שהאתר יקודם בצורה אידיאלית בגוגל.

 

קייס סטאדי ומדריך מאת מעצבת ישראלית (סופר מוכשרת) שבנתה אתר עם Rapid UI

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

אז למה אתם מחכים?

מוזמנים להתנסות ב-Rapid UI ולהינות :)

Share

קצת על המחבר:

שגיא שרייבר מעצב UI & UX, מייסד של פיקסל פרפקט מגזין, וקו-מייסד של הסטרטאפ Tapdog למעקב אחר אתרים ותחרות ברשת. בוגר שנקר במגמה לעיצוב מדיה אינטראקטיבית. מתמחה בעיצוב אתרים מונחי conversion (המרה) וחווית משתמש, ובעל ידע נרחב ב-html, css ו- wordpress. ניתן למצוא את שגיא  בפורטפוליו שלובטוויטרבלינקד אין או מכדרר בדריבל.

תמצאו את שגיא שרייבר ב:

מאמרים שעשויים לעניין אותך

המדריך ל- UI HACKING

העדכון שכולנו חיכינו לו בדרך לפיגמה

השראה בשישי: בשר ללא בשר

המדריך ל- UI HACKING

העדכון שכולנו חיכינו לו בדרך לפיגמה

השראה בשישי: בשר ללא בשר

הצטרפו לניוזלטר שלנו!

הרשמו לניוזלטר של פיקסל פרפקט וקבלו למייל רשימת קריאה חשובה לתחום מדי שבוע




    What is 6 + 1 ?

    אשמח לשלוח לך פרטים!

    אנא מלא/י את פרטי הקשר שלך כאן ואשלח לך אימייל עם כל הפרטים אודות ההכשרה
    ;