» עיצוב אתרים http://mediaholic.co.il Wed, 15 Apr 2015 17:03:12 +0000 he-IL hourly 1 https://wordpress.org/?v=3.9.34 למה אתה חייב עיצוב רספונסיבי? http://mediaholic.co.il/%d7%a2%d7%99%d7%a6%d7%95%d7%91-%d7%90%d7%aa%d7%a8%d7%99%d7%9d/%d7%a2%d7%99%d7%a6%d7%95%d7%91-%d7%a8%d7%a1%d7%a4%d7%95%d7%a0%d7%a1%d7%99%d7%91%d7%99/ http://mediaholic.co.il/%d7%a2%d7%99%d7%a6%d7%95%d7%91-%d7%90%d7%aa%d7%a8%d7%99%d7%9d/%d7%a2%d7%99%d7%a6%d7%95%d7%91-%d7%a8%d7%a1%d7%a4%d7%95%d7%a0%d7%a1%d7%99%d7%91%d7%99/#comments Sat, 04 May 2013 16:21:43 +0000 http://mediaholic.co.il/?p=3525 עיצוב רספונסיבי מאפשר להתאים את האתר שלך לכל פלטפורמה. כנס לפוסט ותבין למה גם אתה צריך עיצוב רספונסיבי.

הפוסט למה אתה חייב עיצוב רספונסיבי? הופיע ראשון ב

]]>  

 

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

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

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

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

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

מה חשוב לעשות לפני שיוצרים עיצוב רספונסיבי?

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

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

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

אין טוב ממראה עיניים, לכן אספנו עבורכם מספר דוגמאות:

אתר שעושה שימוש ייחודי בעיצוב רספונסיבי – כנס לאתר

תיק עבודות רספונסיבי ומרשים - כנס לאתר

גם כאן תמצאו אתר רספונסיבי שנראה מצוין - כנס לאתר

אתר רספונסיבי של סטודיו לעיצוב אינטראקטיבי - כנס לאתר

כלי לבדיקת אתרים רספונסיביים

הפוסט למה אתה חייב עיצוב רספונסיבי? הופיע ראשון ב

]]> http://mediaholic.co.il/%d7%a2%d7%99%d7%a6%d7%95%d7%91-%d7%90%d7%aa%d7%a8%d7%99%d7%9d/%d7%a2%d7%99%d7%a6%d7%95%d7%91-%d7%a8%d7%a1%d7%a4%d7%95%d7%a0%d7%a1%d7%99%d7%91%d7%99/feed/ 0 נמאס לכם מפונט אריאל? יש אלטרנטיבה http://mediaholic.co.il/%d7%a2%d7%99%d7%a6%d7%95%d7%91-%d7%90%d7%aa%d7%a8%d7%99%d7%9d/%d7%a0%d7%9e%d7%90%d7%a1-%d7%9c%d7%9b%d7%9d-%d7%9e%d7%a4%d7%95%d7%a0%d7%98-%d7%90%d7%a8%d7%99%d7%90%d7%9c-%d7%99%d7%a9-%d7%90%d7%9c%d7%98%d7%a8%d7%a0%d7%98%d7%99%d7%91%d7%94/ http://mediaholic.co.il/%d7%a2%d7%99%d7%a6%d7%95%d7%91-%d7%90%d7%aa%d7%a8%d7%99%d7%9d/%d7%a0%d7%9e%d7%90%d7%a1-%d7%9c%d7%9b%d7%9d-%d7%9e%d7%a4%d7%95%d7%a0%d7%98-%d7%90%d7%a8%d7%99%d7%90%d7%9c-%d7%99%d7%a9-%d7%90%d7%9c%d7%98%d7%a8%d7%a0%d7%98%d7%99%d7%91%d7%94/#comments Sat, 09 Mar 2013 11:53:55 +0000 http://mediaholic.co.il/?p=2919 אם גם לכם נמאס מפונט אריאל כדאי שתיכנסו לקרוא את הכתבה.

הפוסט נמאס לכם מפונט אריאל? יש אלטרנטיבה הופיע ראשון ב

]]>  

 

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

פונטביט

המחירון של פונטביט מחושב ע"פ כניסות לאתר בחודש:

  • עד מיליון כניסות בחודש פונט אחד יעלה לכם 300 ש"ח לחודש (לא כולל מע"מ).
  • מעל מיליון כניסות בחודש פונט אחד יעלה לכם 600 ש"ח לחודש (לא כולל מע"מ)
  • המחירים הנם לדומיין אחד בלבד.

מאסטרפונט 

במאסטרפונט אין הגבלה לכמות כניסות בחודש:

  • פונט אחד יעלה לכם 300 ש"ח (לא כולל מע"מ).
  • המחירים הנם לדומיין אחד בלבד.

האלטרנטיבות לפונט אריאל

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

הפונט של עמוס ג'רבי – כרמלית

להורדת הפונט לחצו כאן

הפונט של הגילדה – אלף

 להורדת הפונט לחצו כאן

 

  • השימוש בפונטים הוא על אחריות המשתמש. מומלץ וחשוב לקרוא את רישיון השימוש המגיע עם הפונטים.

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

להורדת התוסף לחצו כאן

הפוסט נמאס לכם מפונט אריאל? יש אלטרנטיבה הופיע ראשון ב

]]> http://mediaholic.co.il/%d7%a2%d7%99%d7%a6%d7%95%d7%91-%d7%90%d7%aa%d7%a8%d7%99%d7%9d/%d7%a0%d7%9e%d7%90%d7%a1-%d7%9c%d7%9b%d7%9d-%d7%9e%d7%a4%d7%95%d7%a0%d7%98-%d7%90%d7%a8%d7%99%d7%90%d7%9c-%d7%99%d7%a9-%d7%90%d7%9c%d7%98%d7%a8%d7%a0%d7%98%d7%99%d7%91%d7%94/feed/ 2