background preloader

Typography Is The Foundation Of Web Design

Typography Is The Foundation Of Web Design
Advertisement For years you have been searching for it. You hear the question being asked in your dreams as you go on an Indiana-Jones-type-crusade to find the answer. When the answer comes to you, you know that the confetti will fall from the ceiling and the band will start playing your favorite song. You might even get a kiss from that special someone. What is the secret to Web design? A tough question and one that might not have an answer. Of course typography doesn’t mean font selection. More toys means more fun though, right? I’m not being sarcastic, saying that is all you need to know for a majority of websites. Information Architects is based around strong typography. One of my all time favorite designs is A Working Library. A Working Library by Mandy Brown. Some people find design like this to be dull and boring, they feel that design should have more pop to it. Well That Isn’t Hard It’s possible to create a wonderful design without the use of images at all. (jvb) It's done. Related:  UIWebdesign

11 Free Online Books for Web Designers Information about design, creativity, web and everything else that we can think of is available to everyone, you just need a fair amount of interest to look for it. Here at WDL we like to keep you inspired and updated with nice and interesting information. And that is why today we gathered 11 free online books to add to your library. Meet Your Type: A Field Guide to Typography Why settle for casual flirtation when looking for a long-lasting relationship? 20 Things I Learned About Browsers and the Web For things you’ve always wanted to know about the web but were afraid to ask, read on. Book Of Speed No one likes to wait and we all hate slow pages. jQuery Succinctly jQuery Succinctly is a 101 page free ebook from Syncfusion Inc. Best of Smashing Magazine The eBook contains the best articles that have been published on Smashing Magazine in the last five years — and by “best,” we mean the most useful, most interesting or most inspiring. Design Your Imagination A Dialect of Our Own Design Read More

10 Examples of Storytelling in Web Design In “ Storytelling in Web Design ,” I explained the three most basic aspects of storytelling — character, setting, and action — and offered ways to begin including storytelling in web design using basic design elements. In this article, I will examine ten sites that use storytelling and list the character, setting, and action found in each story. Tapbots Tapbots uses mascots to tell the story of crazy scientists building tiny robots that “live” in your iPhone, iPod Touch, or iPad and perform simple tasks like converting units or managing Twitter accounts. Characters: The Mad Scientists and the Tapbots. Tinke Zensorium uses an illustrated, scrolling story to animate how its Tinke wellness-checking product functions. Character: Potential Tinke users. Mutant Labs Mutant Labs tells the story of five “mutant” developers who build games, apps, and “other digital wizardry” in their labs. Characters: The five mutant developers. Kiva Characters: Real people. Cascade Brewing Co Character: The visitor.

רוצים להתחיל ללמוד קוד? למה כדאי, איך מתחילים, כלים וקישורים סופר יעילים אתחיל בלציין שזה אחד המאמרים הכי מושקעים שכתבתי כאן בפיקסל פרפקט. הכתבה הזאת מחולקת לשנים – מצד אחד אעסוק בדיון הנצחי – האם מעצבים צריכים לדעת לתכנת? ומצד שני כתבה זו הינה מדריך מקיף לכל מי שרוצה להתחיל ללמוד קוד. לפני כמה חודשים טובים הרצתי ב-UX on Beer על החשיבות שלנו המעצבים ללמוד שפות קוד. היו אלו שהסכימו איתי, היו אלו שלא, אך מה שבטוח זה שמדובר בנושא שפוגע לנו המעצבים בעורק ראשי. בפוסט הבא אני אחזור על עקרונות ההרצאה שלי, אבל אתן גם קישורים וכלים שתוכלו לקחת אותם ולהמשיך איתם הלאה ללמידה של HTML ו-CSS ובניית אתרים (כן, בניה) בקלות ובכיף. השאלה הנצחית – האם ללמוד תכנות ולמה זה כל כך מזיז לנו המעצבים? בשנים האחרונות החלה מגמה של מעצבים אשר יודעים לא רק לעצב – אלא גם לכתוב קוד. אחת מהמנחות בכנס שהיה קשור בנושא הפיצה בבלוג שלה את הסקר הבא: תוצאות הסקר היו ברורות. מחוץ לגבולות ארצינו הקטנה בואו נסתכל סביבינו. הראשון הינו כריס ספונר. כריס ספונר כריס הינו גם בעל ידע נרחב בשפות פרונט אנד* ו-וורדפרס ומציע גם בבלוגים שלו הדרכות מעולות למעצבים בנושא. המעצב השני שרציתי להציג בפניכם הוא אורמן קלרק.

Adding A Personal Touch To Your Web Design Advertisement The Web is technical by nature. Different scripts and pieces of code are linked together through hyperlinks, forming an endless net of interwoven, encrypted information — data that is accessible only through technical interfaces, such as Web browsers, or applications. Yet, Web professionals have made it their calling to tame the “wild” Web and turn it into an accessible, user-friendly and, most of all, personal medium. Personality will set your brand apart from competitors and help you connect with a passionate audience.– Aaron Walter Designers can do plenty of things to counteract the technical appearance of the Web. In this article, we will discuss different aspects of freehand drawing and writing in Web design and how they can enhance the user experience of your website. Identity And Authenticity Freehand drawings and other sketched elements are a great way to show personality and convey a feeling of authenticity. Look and Feel Balsamiq does a great job here. Recognition (al)

טרנדים: 15 דוגמאות ו5 פלאגינים מעולים ליצירת אתרי פאראלאקס (Parallax Websites)עיצוב גרפי וטכנולוגיה כבר המון זמן אני מבטיח לכם פוסט על אחד הטרנדים אם לא "ה"טרנד הכי חם היום בעיצוב ופיתוח אתרים. לטרנד הזה קוראים "אתר נגלל" או בשמו הלועזי "אתר פאראלאקס" (או בשמו באנגלית אם תרצו – "Parallax Website"). הרעיון מאחורי אתרים מהסוג הזה הוא יצור כלאיים שמשלב טרנד ישן יותר – 'One Page Websites' עליו כתבתי בעבר, ורעיון מאוד פשוט שנלקח בכלל מאיור חוברות קומיקס (שוב המעבר המדהים הזה מפרינט לדיגיטל..) שאומר שאת התוכן באתר נחשוף למשתמש בהדרגתיות ע"י שימוש באחד מהפעולות הנפוצות ביותר לגולש באתר – פעולת הגלילה. כדי להבין במה מדובר, לפני שנמשיך למדריכים שיסבירו לכם איך יוצרים אתר Parallax, אולי כדאי שתעיפו מבט ב15 דוגמאות מטורפות לאתרי Parallax שהבאתי כדי להבין במה מדובר: Google – Story Of Send Air Jordan inTacto Digital CSS Piffle Lois Jeans Super Chemical Ikayzo Angry Birds Space SuperBot Atlantis World’s Fair Lenovo Reverend Danger Nintendo – Mario Kart Ben The Body Guard iutopi אז אחרי שהבנו מה זה "אתרי פאראלאקס" ולמה לא מפסיקים לדבר עליהם (ולגמרי בצדק – אתם חייבים להודות שזה פשוט מגניב בטירוף!!) Static Background

Great Products Focus On A Motif Advertisement What does it take to craft a great product? For those of us who design and build apps, websites and software, a great product means one that delights its users. But digital product development is a complex beast. Delivering a successful product requires multidisciplinary teams to efficiently work through varying opinions and conflicting views and, ultimately, to gather behind a common vision with a focused plan. Maintaining focus on a singular vision during software development projects is not easy, especially for designers. What can designers, or any team member for that matter, do to increase the overall quality and success rate of the products we craft and to elevate our team’s batting average? In art, music and even design, a motif is a singular, finite element that unifies the whole. In art, literature and music, the word “motif” is often used to describe a salient, recurring element that has symbolic significance. A Motif Is Fundamental To Product Quality (al)

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

Design Principles: Visual Perception And The Principles Of Gestalt Advertisement In 1910, psychologist Max Wertheimer had an insight when he observed a series of lights flashing on and off at a railroad crossing. It was similar to how the lights encircling a movie theater marquee flash on and off. To the observer, it appears as if a single light moves around the marquee, traveling from bulb to bulb, when in reality it’s a series of bulbs turning on and off and the lights don’t move it all. This observation led to a set of descriptive principles about how we visually perceive objects. This is the start of a series of posts about design principles. Future posts in this series will consider aspects of design like space, balance and visual hierarchy. The Key Ideas Behind Gestalt Theory “The whole is other than the sum of the parts.” — Kurt Koffka The quote above is gestalt in a nutshell. There are several key ideas behind gestalt: Emergence (the whole is identified before the parts)Emergence is the process of forming complex patterns from simple rules. Closure

חנות אונליין למעצבים / אמנים – מדריך למתעניינים | בלוג עיצוב | המזלג אבנר שקד הוא מעצב ראשי בסטודיו שקדים – חברה לעיצוב אתרים וממשקים באינטרנט. בשנה האחרונה אני פוגש יותר ויותר מעצבים שבודקים את האפשרות למכור באינטרנט עבודות שהם עיצבו, ציירו, איירו, או יצרו. עכשיו כולם יכולים להגיע ללקוחות מכל העולם ולמכור להם מוצרים ייחודיים אונליין כמו לדוגמא טי שירטים מעוצבים, פוסטרים או אפילו קובץ דיגיטלי להורדה. ברשת יש המון פלטפורמות זולות ואיכותיות המציעות לכם חנות שניתנת להקמה במהירות ובלי הרבה כאב ראש. אם אתם עדיין לא מוכנים לניהול חנות עצמאית במשרה מלאה תוכלו למצוא מגוון חברות בינלאומיות שפונות ליוזרים ברחבי העולם ורוצות למכור את העבודות שלכם.רשימה זו תסקור את האפשרויות השונות הקיימות היום ותשים דגש על שירותים מוכנים למכירה אשר לא ידרשו מכם הוצאות אדירות או ידע מפלצתי בפיתוח אתרים. חנויות הכוללות אירוח על שרת של החברה Bigcartel יתרונות: עיצוב נקי, קל לשימוש, זול, תמיכה טובה, אפשרות קלה יחסית לעיצוב, התקנה מהירה ופשוטה. etsy יתרונות: "מרקט-פלייס" גדול ושוקק שיאפשר לכם כניסות לחנות, קהילה גדולה, מערכת טובה של משלוחים ומעקב מכירות. storenvy – חדש! לסיכום, 3 הצעות:

Five Ways To Prevent Bad Microcopy Advertisement You’ve just created the best user experience ever. You had the idea. You sketched it out. You started to build it. Microcopy is the text we don’t talk about very often. If you think you’ve built the best user experience but didn’t make sure the microcopy was spot on, then you haven’t built the best user experience. With the adoption of agile development and lean UX, we’re often concerned about racing through iterations and getting our products in front of customers. Everyone frets about marketing copy — and they should — but communication doesn’t stop once you’ve sold the user. If your microcopy isn’t getting the job done, you’ll lose users — and all the marketing in the world might not get you a second chance. With that in mind, here are five ways to make sure your website’s microcopy doesn’t end up sinking your UX. 1. I’m willing to bet that your experience is plastered with internal terminology, especially your labels and navigation. Don’t let it happen. 2. 3. 4. 5. (al)

Responsive Web Design: An Ultimate Guide 2012 is known to be the year of smartphones. As per a recent survey the share of smartphones has reached around 50% in US. This is indeed a great time to invest in mobile user experience. If you are running a website, you must have a responsive web design so that your website is accessible via mobiles as well. Responsive web design Before anything else, it is important to understand what responsive web design actually is. Substitute to Responsive Design Advertisement Ever since the mobiles have become an alternative for desktop browsing, responsive web design has gained immense popularity. - A completely separate mobile version of your website If you think that responsive web designing cannot be implemented on your current web design, you can get a new mobile version designed of your website. - Mobile App Developing a mobile App is the best way to go if you do not want to get into the hassle of designing a responsive website. Tip : 7 Tips to Create The Mobile Version of a Website Time taking