Grid Based Web Design Resources

As a complement to our prior post "30 Grid-Based Websites", we've made a selection of indispensable resources like layout frameworks, tutorials, books, templates and useful tools that can help you understand and implement grid based design in your projects. Let's start with a little history. Many of you know who Massimo Vignelli is, a known designer with a solid modernist influence who developed his career in numerous areas of design. In 1977, he designed the Unigrid System for the National Park Service. Tools & Online Layouts Generators The 892 unique ways to partition a 3 x 4 grid The 3 × 4 grid poster is a computation-based design. Photoshop Grids and Plugins Frameworks 960grid The 960 grid is a classic among CSS frameworks, a very useful tool based on a width of 960px with a large number of resources to integrate the design in the layout. This is not just another multicolum layout. Books & Geekeries This notebook is designed for digital designers. Wordpress Themes

netcraft Bytes :) » 8 כלים ליצירת אינפוגרפיקה אני אוהב אינפוגרפיקה טובה, הצגת מידע באופן ברור ורלוונטי הופכת את תהליך ההבנה לפשוט ומהנה. יישום נכון של אינפוגרפיקה הוא כלי עוצמתי שמאפשר למשתמש להעמיק בנושאים חדשים בצורה קלה יותר. מצד שני אינפוגרפיקה יכולה גם להיות מבלבלת ומטעה כאשר אינה מבוצעת היטב. כמאפיין חווית משתמש אני מודע לשעות הרבות והמיומנות הנדרשת על מנת לעצב מידע באופן ויזואלי, ברור ורלוונטי - מידע שמוצג באופן שימושי ויעיל, שמפשט את המורכבויות, שנראה מרשים ואפילו מסב הנאה עבור האנשים שמשתמשים במוצר. מאחר שמדובר במדע שלם שדורש מחקר ונסיון רב, אספתי עבורכם מספר כלים שמיועדים לקצר את הדרך ולייצר אינפוגרפיקה מרשימה בזמן קצר. infogr.am אפליקציית ווב חינמית שמאפשרת יצירה של אינפוגרפיקה בעלת מראה מקצועי בזמן קצר. piktochart עוד כלי המאפשר ליצור אינפוגרפיקה על בסיס תבניות קיימות. easel.ly כלי חביב שמציע מבחת תבניות אינפוגרפיות בחינם וכן הורדה וייצוא כקוד להטמעה. extra.amcharts כלי מהיר אך לא חינני במיוחד שמאפשר לייצר גראפים ולייצא html או xml. icharts כלי המאפשר בנייה של גראפים מסוגים שונים על בסיס תבניות קיימות ורשימת פרמטרים.

netcraft Bytes :) » השראה בשליטה: 8 כלים לניהול מקורות ההשראה שלנו חשבו על התרחיש הבא: אתם מאפיינים אפליקציה שמטרתה לספור ציפורים נודדות (בסימן השנה החדשה - זרמו איתנו בעניין הזה). אתם עוברים על עשרות אם לא על מאות מקורות ברשת כדי לקבל השראה. המקורות הללו כוללים אתרי גלריות, בלוגים, פוסטים ברשתות חברתיות, דיונים בקהיליות מקצועיות ועוד. כיצד תארגנו את המקורות הטובים באמת? כיצד תבטיחו ששום מקור בעל ערך לא יאבד לנצח בנבכי הרשת? Pinterest אי אפשר לדבר על כלים לניהול השראה מבלי להזכיר את Pinterest. חשוב לציין שלצד הממשק הידידותי של Pinterest חסרונה הוא בכך שהיא מתמקדת בשמירת תמונות, ולמעשה אינה מאפשרת נעיצה של אתרים שלמים, כתבות או לינקים. Evernote Web clipper Evernote Web clipper הוא תוסף מעולה לשמירה ולארגון של פריטים שניתן להתקנה בדפדפן כרום. תצוגת הפריטים הנאספים ב- Evernote Web clipper אמנם פחות מרשימה ומזימינה מזו של Pinterest ומצריכה יותר סבלנות לעיתים, ולמרות זאת – מדובר בכלי אידיאלי לאיסוף, קטלוג, הדגשה ותיוג של כל דבר שרוצים. Usabilla Discover בניגוד לכלים הקודמים שהוזכרו, Usabilla Discover הוא אתר שנועד לשרת באופן ישיר את צרכיהם של אנשי ה-UX. Zeen

4 אתרים ליצירה, והרדה של טקסטורות לאתרים « scroll – עיצוב אינטראקטיבי | גרפי | בניית אתרים | פייסבוק | פרסום | טכנולוגיה אתר ליצירת טקסטורות, מאוד ידידותי ונח. כלי פשוט ונחמד, ליצירת טקסטורה המותאמת לשכפול, מייצא קובץ PNG 5X5 px. אתר מאוד פופולרי, ניתן למצאו בו, טקסטורות, שילובי צבעים לפי נושאים, ועוד… אתר מצוין, מכיל הרבה טקסטורות ברמה ממש גבוהה. 960 Grid System