פוסט אורח – אייפון ועיצוב אתרים מאת GalBS
איך נעצב אתר כך שיהיה מתאים לגלישה באייפון או במכשירי סלולר אחרים?
כבר עברו לא מעט טרנדים ושינויים באופן עיצוב האתרים בשנים האחרונות, נדמה שאם נסתכל על אתר שעוצב לפני שלוש שנים הוא יראה לנו מהמאה הקודמת. מרוץ זה קורה בגלל הקשר ההדוק שבין העיצוב לטכנולוגיה. התקדמות טכנולוגית = התקדמות עיצובית. למשל, מאז נחיתתו הטוטליטרית של המסך הרחב על שולחן המחשב שלנו, שמנו לב שמעצבים החלו לייצר אתרים רחבים יותר, כאשר לפני כמה שנים רוחב האתר לא עלה על 800 פיקסלים. דוגמא נוספת להשפעה משמעותית על עיצוב האתרים היא כניסתם של הדפדפן הסלולרי, האייפון ומכשירי הטאצ׳ השונים.
כיום, לא מעט אנשים מבלים אחוז גדול מזמן הגלישה שלהם בגלישה דרך האייפון\הפלאפון שלהם! וזה למה? כי מה לעשות שהמכשיר הזה הרבה יותר זמין ונגיש לנו כי אנחנו הרי אנשים עסוקים מאד שבקושי יש להם זמן להיות בבית. לכן, אתרים רבים אשר זכו לצפייתנו דרך מסך המחשב הביתי, עכשיו חשים את מגע אצבעותינו במכשיר הנייד.
אז מה הקשר לעיצוב אתרים? אני יכול לגלוש באותם האתרים גם בבית וגם בנייד. אז זהו! שהגלישה באמצעות האייפון שונה מאד מהגלישה באמצעות המחשב הביתי. הן מבחינת השימוש וממשק המשתמש והן מבחינת אופן תצוגת העמוד!
עקרונות עיצוב אתרים מותאמים אייפון
בתור מעצבים, עלינו לדעת את ההבדלים הקיימים בין האייפון למחשב הנייד, בין האתרים שעיצבנו עד עכשיו לאתרים שנעצב במטרה שיהיו נוחים יותר ואידיאליים לגלישה באייפון. חשוב שנזכור שהגולש האייפוני פחות סבלני מהגולש הביתי ועלינו להתאים את האתר וממשק המשתמש כך שיהיה נוח, פרקטי, מהיר ותמציתי.
מדריך – עיצוב דף גלריה עם הצללה מגניבה
במדריך הבא אסביר כיצד אתם תוכלו לעצב תצוגה לגלריית עבודות מעוצבת עם נגיעות יפות ועדינות, שפשוט יעשו את העבודה וישאירו את הרושם הדרוש.
מדובר בגלריה מאוד פשוטה שמכילה תמונה מרכזית עם הצללה עדינה.תוצאה סופית:
שנתחיל?
31 מדריכים לעיצוב אייקונים
1. עיצוב אייקונים של התקני USB
2. עיצוב אייקונים קטנים (סמלים)
4. עיצוב אייקונים של מדיה חברתית בגודל 32x32px
מדריך ליצירת סרגל כלים מעוצב בסגנון פייסבוק
לצפייה בדמו
כיום רובנו מרכזים את מרבית הגלישה שלנו ברשתות החברתיות שהחלו לתפוס תאוצה בשנים האחרונות בצורה ניכרת מהצריכה שלנו באינטרנט,
במדריך הבא תלמדו כיצד ניתן ליצור סרגל כלים מעוצב בדומה לזה שבפייסבוק, ללא צורך בידע תכנותי מורכב.
המדריך מורכב מ-2 פוסטים, הראשון יצירה של התפריט באמצעות CSS וJS מבוסס מחלקת JQUERY
והחלק השני עוסק בעיצוב הסרגל כלים.
שנתחיל?!
24 תפריטים נפתחים עם אנימציות מדהימות מבוסס JQ
jQuery הוא כלי נהדר שעוזר להפוך רעיונות למציאות, אפשר לעשות באמצעותו כמעט הכל, והדבר הכי טוב שמדובר בספריית JS קלילה שתומכת בכל הדפדפנים.
באמצעות המחלקות של jQuery תוכלו להפוך את האתר שלכם לאטרקטיבי ומעניין, ללא צורך בידע מעמיק בJS!
את הפוסט הבא הבאתי, לאחר שהחלטתי שצריך לתת דגש לחלק הכי חשוב באתר, ולרושם הראשוני אותו הגולש מקבל ממנו, ומה החלק החשוב ביותר שהגולש משתמש בו באתר?!
במרבית המקרים הדבר הראשון שהגולש עושה כאשר הוא נכנס לאתר זה להשתמש בתפריט ולטייל בעמודי האתר.
ולכן חשוב שאזור התפריט יהיה מספיק אינטראקטיבי ומעניין כדי שיגרה את הגולש להמשיך לדפדף ולחקור את האתר והדבר הכי חשוב להישאר בו.
אתם מוזמנים להתרשם מאוסף מדריכים של תפריטים מבוססי jQuery שיעזרו לאתר שלכם להיראות טוב יותר!
תפריט נגלל מבוסס jQuery
במדריך הזה תוכלו ללמוד כיצד ליצור תפריט נגלל מותאם עם אייקונים שנשלטים באמצעות העכבר
תפריט מתוק
תפריט מרשים מבוסס jQuery + css3
תפריט רוק & רול עם פינות מעוגלות
קרא עוד >>
שוחחו איתי אונליין
שימושון
תגיות
א | ב | ג | ד | ה | ו | ש |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
קישורים
- flashoo – קמפוס הפלאש הישראלי
- newsgeek
- אייל שחר מול המכונה
- אינטרנט ישראל
- אנטייטלד
- אסטרטגיה באינטרנט
- ארגון חווית משתמש הישראלי
- בלוג תוצרת הארץ – של נופר
- בניית אתרים
- בקופסא
- הבלוג של אלכסנדר יודייב
- הבלוג של אמיר דותן
- הבלוג של ארז וולף
- הבלוג של גיא בורשטיין
- הבלוג של ויטלי מיז’יריצקי
- הבלוג של חברת נטקראפט
- הבלוג של יוניש
- הבלוג של יוסי ג'אנה
- הבלוג של יעל קריידרמן
- הבלוג של מאור ברזני
- הבלוג של מורד שטרן
- הבלוג של ניר טובר
- הבלוג של רוני אורבך
- הבלוג של רן לירון
- הבלוג שעושה כבוד לקונספט
- המזלג
- המעצב בתחתונים
- וובמאסטר
- ויראליקס
- טיפים וטריקים לוורדפרס
- טיפים לחיפוש עבודה
- מברשות לפוטושופ
- מזבלה
- פיקסל פרפקט מגזין
- פרסי העיצוב וחווית משתמש
- פשוט שימושי – ברק דנין