30+ פרסומות השראה של המותג nike

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

קרא עוד >>

להורדה: תבניות לעיצוב דף פרופיל/מותג לטוויטר החדש

טוויטר עדכנו לאחרונה את הui של האתר שלהם ואיתו חלו מספר שינויים בגדלים ובGUI של הוראות העיצוב לטוויטר, במידה ויש לכם פרופיל בטוויטר רצוי שתדעו את השינויים החדשים שנכנסו לאחרונה ב-GUI של טוויטר.

עיצוב הGUI שתקבלו כאן עוצב ע"י  Jon Darke ושוחרר רשמית עבור Smashing Magazine, אז כמובן כל הקרדיט שמור להם על שיתוף והעלאה של החומר השימושי הזה.

קבצי PSD של העיצוב מכילים mockup שלם של כל עיצוב האתר באופן ווקטורי ואיכותי לשימוש איכותי ומקסימלי עבורכם.

להורדת תבנית mockup לטוויטר:

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

–  פרופיל אישי – תמונה לצפייה

–  פרופיל אישי למותגים – תמונה לצפייה

–  קובץ RAR להורדת כל החומרים – להורדה

תכונות:

–  100% דיוק ברמת הפיקסל

–  2 גירסאות להורדה, פרופיל ופרופיל למותג.

–  כל האלמנטים הגרפים בעיצוב ציורו באיכות ווקטורית.

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

–  קובץ מותאם לגירסאת CS4+

תבניות עיצוב לאייפון, אנדרואיד ושאר ios למינהם

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

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

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

50 דוגמאות לאתרים מבוססי עיצוב מגיב/גמיש

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

ציטוט קצר על ההגדרה:

עיצוב מגיב או עיצוב גמיש (Responsive Design) – עד היום לא בחרו שם רשמי בשפה העברית למונח הזה, מדובר בעיצוב שמגיב בהתאם לסביבה ורזולוציה שבה הגולש נמצא, לצורך העניין הרזולוציה במסך מחשב בגודל 22 אינץ שונה מהרזולוציה שיש באייפון / באייפד כנ"ל גם אם נטה את האייפון / אייפד לרוחב נקבל רזולוציה נוספת  ולכן יש צורך לבצע התאמה של האתר להתקנים אלו כדי שאנחנו ההגולשים נוכל לנווט ולגלוש בקלות באתר מהתקנים השונים, את הזיהוי של ההתקנים מבצעים באמצעות שורת קוד ב-CSS, שיודעת לזהות מאיזה התקן ורזולוציה הגולש הגיע ובהתאם לכך לבחור את תצוגת האתר המתאימה ביותר.

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

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

דוגמאות לעיצוב מגיב

Simon Collison

Andersson-Wise Architects

Stephen Caver

Sparkbox

קרא עוד >>

רשימת אתרים להורדת חומרים עיצוביים בחינם

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

ישנם עשרות אם לא מאות חומרים של קבצי PSD ואלמנטים של עיצוב אתרים וUI באיכות שלא תבייש אף מעצב שבאמת יחליט ללמוד את הטכניקה או להשתמש בהם.

pixeden

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

365Psd

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

firefreebies

אתר יחסית דליל שמרכז בתוכו אלמנטים של UI וחומרים שימושים להורדה – שווה ביקור.

קרא עוד >>