Design Tip: Never Use Black by Ian Storm Taylor One of the most important color tricks I’ve ever learned was to avoid using the color black in my work. Mrs. Zamula, my childhood art teacher, first warned me about black when I was in middle school. Problem is, we see dark things and assume they are black things. Shadows aren’t black. In high school, I spent lots of my free time in the art room with a few other art-loving friends. I probably went through that book ten times. His shadows are some of the most saturated parts of his paintings, and that’s on the screen too. Now you might be thinking, “Yeah, but those are paintings. But I must have been thinking the same thing, because one of those days in art class Mrs. I was amazed. The corner of Chestnut and Polk. The darkest part of that image? Black overpowers everything else. When you put pure black next to a set of meticulously picked colors, the black overpowers everything else. Lots of the apps we use on a daily basis have blacks that aren’t really blacks, but dark grays. Mrs.
Première maquette graphique web : comment faire Maquettistes affirmés, mais débutants sur le Web, voici les repères élémentaires à connaître pour créer votre première maquette graphique pour le Web : résolution d’écran, pixels, couleurs hexadécimales, page web, scroll, découpe, tout ça. Pour partir sur de bonnes bases. Exprimez tout en pixel : l’unité de mesure, sur le Web, est le pixel, point élémentaire de l’écran, et non pas le pica, le point ou le centimètre pour lesquels il n’existe pas de conversion et qu’il faut donc oublier. Travaillez en bitmap à l’échelle 1:1. Jetez-moi les logiciels vectoriels (Flash, Illustrator) aux oubliettes ! Commencez par fixer la largeur de la page. Vous pouvez maintenant commencer à composer votre première maquette web, en partant du bon pied, sur des bases correctes : pixel, bitmap, RVB, 72 dpi, etc. Un conseil : faites moultes captures d’écrans des sites qui vous inspirent et découpez-les dans un logiciel graphique. Que livrer ?
One Page Portfolio Hand-coded HTML and CSS is what I do. It's what I'm good at so why not? Featured Project: Inspect Element My Portfolio About Me Now this is a story all about how my life got twisted upside down and I'd like to take a minute just sit right there I'll tell you how I became the prince of a town called Bel-Air. I whistled for a cab and when it came near the license plate said fresh and had dice in the mirror, if anything I could say that this cab was rare but I thought nah, forget it, yo home to Bel-Air! Les 12 tendances webdesign qui se confirment pour 2015 Ça y est, 2015 est à notre porte ! Durant l’année 2014, nous avons expérimenté et avons intégré intelligemment les tendances webdesign dans nos projets. Selon Shiva Sherbaf, lead du pôle DA, certaines tendances ne sont pas prêtes de disparaître bientôt, d’autres vont évoluer… tandis que de nouvelles feront leur apparition. 1 – Multi-device design De plus en plus les gens utilisent leur mobile pour accéder à Internet et le mobile sera bientôt le moyen le plus commun pour surfer. Avoir un site web qui peut être visualisé facilement sur mobile, tablette et ordinateur de bureau est devenu indispensable. 2 – Des menus cachés à faire glisser ou à afficher Pendant longtemps, les menus et les barres de navigation étaient très voyants et présents en permanence sur les interfaces. 3 – En 2015, moins de clic et plus de scroll Les sites au scroll infini sont agréables esthétiquement parlant, bien que difficiles à optimiser pour le SEO. 4- Les microinteractions 5 – La Conception en mosaïque
16 Pixels: For Body Copy. Anything Less Is A Costly Mistake 16 Pixels: For Body Copy. Anything Less Is A Costly Mistake Advertisement I know what you’re thinking. I’d like to persuade you otherwise. As usability expert Oliver Reichenstein says in “The 100% Easy-2-Read Standard1”: [16 pixels] is not big. In this article, I’ll explain why 16 pixels should generally be the minimum size for body copy in modern Web design. You see, in most cases, if you’re building websites with the font size set between 10 and 15 pixels, you are costing your clients money. Readership = Revenue If you’re building a website for someone — even yourself — chances are its purpose is to make money. Perhaps it’s to sell a product directly, or to offer a service, or just to generate leads. So, every element should be designed to achieve that goal. Think about it. Important Facts About Reading There are some particular findings that are pivotal to issues such as readership and readability and comprehension, which is really what body copy is all about. “But Users Can Zoom” Not so.
Sticky Menus Are Quicker To Navigate Advertisement Most designers would agree that navigation is one of the most critical components of a website. Despite this, it is not always easy to use or access. Traditionally, users must scroll back to the top of the website to access the navigation menu. I recently wondered whether sticky menus makes websites quicker to navigate, and I conducted a usability study to find the answer. Let’s look at the results of the study, a few implementation techniques and some related challenges. Sticky Navigation Defined Sticky, or fixed, navigation is basically a website menu that is locked into place so that it does not disappear when the user scrolls down the page; in other words, it is accessible from anywhere on the website without having to scroll. Usability Study Research Conditions For the study, I created two test websites that were nearly identical. 1. 2. 100% Preferred Sticky Menus Without Knowing Why Desktop Software Navigation Menus Some Good Examples Getting Started Avoid iFrames Conclusion
It's Not All Doom And Gloom On The Web 21 Beautiful Contact Pages As web designers, each project you work on has a unique set of goals and requirements. However, we all have one goal for all our projects – to impress people, creating the websites that are memorable. Who wouldn’t like this, right? To accomplish this purpose, we usually think of all kinds of content strategies or… For any website, content is the most important part. Have you ever had one of those bad days when it seems that everything is crashing around you? The summer of 2017 was a thrilling period for all fans of the “Game of Thrones” series. With so much information related to the evolution of the graphic design, I don’t think there is any designer who can deny that flat design is one of the latest and hottest trends in the graphic design world.
Mobile Form Usability: Place Labels Above the Field This is the 2nd in a series of 8 articles on mobile usability that draw on findings from our mobile e-commerce usability report. On mobile, should the field label go to the left of or above the field? After completing a large-scale usability study of 18 mobile e-commerce sites, which included test subjects completing more than a thousand mobile checkout form fields, the answer is: above, with one exception. The Issues with Left-Aligned Field Labels on Mobile The main issue with left-aligned field labels relates to the smartphone display size and aspect ratio. Not being able to see their input caused trouble for numerous of the subjects during testing. This forced the subjects to fiddle around with the quirky text selection / panning tools. Given that spelling accuracy decreases on mobile (and the odds of validation errors therefore goes up) due to the tiny touch keyboards, having errors be this difficult to fix, let alone identify, is highly problematic. Label Above the Field
To Infinite Scroll or Not to Infinite Scroll: Where We’ve Come So Far Today we’re delving into the most relevant facts on how infinite scrolling turned out to become such an acclaimed technique all over the web, and why, despite its popularity, it’s not yet all that widely adopted in web design. This feature appeared at a point in the history of the Internet when the amount of information to be presented on web pages increased, and the speed of connections allowed the reader to access and transfer information at greater rates. The question of infinite scrolling on web pages is one of the aspects involved in the user experience design, and isn’t as cut-and-dry as you might think. Beginnings and Popularisation At Google, it’s called continuous scrolling and can be also be referred to as endless scrolling. This technique is notably used in the news feed page on Facebook; the images search results page of Google and the Twitter timeline. hexaedro.eu takes advantage of horizontal infinite scrolling to illustrate evolution of mankind Why Avoid this UX Improvement?
Why Is Facebook Blue? The Science Behind Colors In Marketing Editor's Note: This is one of the most-read leadership articles of 2013. Click here to see the full list. Why is Facebook blue? According to The New Yorker, the reason is simple. Not highly scientific, right? So how do colors really affect us, and what is the science of colors in marketing, really? First: Can you recognize the online brands just based on color? Before we dive into the research, here are some awesome experiments that show you how powerful color alone really is. Example 1 (easy): Example 2 (easy): Example 3 (medium): Example 4 (hard): These awesome examples from YouTube designer Marc Hemeon, I think, show the real power of color more than any study could. How many were you able to guess? Which colors trigger which feeling for us? Being completely conscious about what color triggers us to think in which way isn’t always obvious. Black: Green: Blue: Clearly, every one of these companies is seeking to trigger a very specific emotion: So how did that experiment turn out?