background preloader + Khoi Vinh’s Web site + Khoi Vinh’s Web site

Related:  Diseño UX y UI

Web Design is 95% Typography 95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography. Back in 1969, Emil Ruder, a famous Swiss typographer, wrote on behalf of his contemporary print materials what we could easily say about our contemporary websites: Today we are inundated with such an immense flood of printed matter that the value of the individual work has depreciated, for our harassed contemporaries simply cannot take everything that is printed today. It is the typographer’s task to divide up and organize and interpret this mass of printed matter in such a way that the reader will have a good chance of finding what is of interest to him. With some imagination (replace print with online) this sounds like the job description of an information designer.

Free textures for your next web project Nothing like a field of beautiful flowers. Download Download These lovely water-colorful dots will make your designs pop. Download グラフィックレコーディング入門 グラフィックレコーディングとは、 会議や講演などの議論を可視化して共有する手法です。 発言の内容をリアルタイムに可視化して、わかりやすく楽しく伝えることができるため、アイディア創発や合意形成の場で活用できます。その有用性には注目が集まっており、内閣官房による行政会議や様々なカンファレンスの場で積極的に用いられるようになってきました。 (引用元)DeNAクリエイターBlog この授業ではそんなグラフィックレコーディングを、「聴く力」「構造化する力」「表現する力」の3STEPの実技を通して楽しく学んでいただきます。 各授業中に皆さんに描いていただいた課題には、こちらのグループ( Darden Studio : typefaces Compose, Compare and Share BirraCorundum TextDapiferJubilatOmnes Pro BlackBoldSemiboldMediumBookLightBlack SCBold SCSemibold SCMedium SCBook SCLight SC Freight Display 24 styles

Free Icons Minimalistica Red Part 2 Icon Set Presenting the second part of the popular "Minimalistica Red" series, the icon set that's giving more for less. "Minimalistica Red part 2" is made of another 90 icons, cleverly designed to bring style and sophistication to your projects. Blogging on Medium In the early adopter tech media echo chamber, there’s a little bit of a “blog renaissance” going on right now. (Which I’m enjoying, even though blogs never really went anywhere.) One of the sparks was Lockhart Steele’s post on The Verge back in August, “The retro-futuristic future of blogging,” timed with his reviving his own blog. I loved this line: at a time where #longform is a hashtag known to all, perhaps it’s time for #blogging to reclaim its seat at the table, too While the people that never left just shake their heads, a few of us have come back to the table, using Wordpress, Tumblr, Medium or even a weird, retro command-line thing-a-ma-jig.

Design Process is a Myth — Design/UX Typically, when a product design falls flat, people want to insert a design process to fix the bad design. However, much like the Ancient Psychic Tandem War Elephant, a one-size-fits-all design process does not exist. Don’t force a process on a design team that everyone must follow. Nine skills that separate good and great designers Last Friday I had the pleasure of presenting “Essential Web Skills” at Webmaster Jam Session in Dallas, Texas. It was a veritable blast, and the conference organizers were certainly a pleasure to work with. I won’t delve into a lengthy play-by-play coverage of the proceedings; Andy Budd seems to have done so nicely. Without blatant disregard to humility, I’d like to think I delivered the most effective presentation I’ve given to date, but one never knows for sure just how well a topic resonates with the audience. On that note, available for your perusal (and judgement) are audio/slide files from the presentation. NOTE: There’s a lot of silence on the audio, like 10 mins worth, at the beginning.

25 Best Examples of Flat UI Design Websites Flat Design is a new trend labeled by the community as an interface striking similar to Windows 8 and Microsoft’s Metro UI because it leaves behind drop shadows, subtle textures and gradients in favour of solid colours, clean layouts and sharp typography. This post showcases 25 great website designs that all exhibit popular traits of the flat design trend. Layervault Lorenzo Verzini Spelltower Invoisse 4 tips on typography in UI design Communication plays a vital role in design. Whether you design websites, mobile apps, or wearable UIs, your creations have to clearly communicate their intent and purpose. And since text does a lot of the heavy lifting in communicating purpose, you need a solid understanding of typography.

Hero image - Wikipedia Hero image is a term used in web design for a specific type of web banner. A hero image is a large banner image, prominently placed on a web page, generally in the front and center.[1][2] The hero image is often the first visual a visitor encounters on the site and its purpose is to present an overview of the site's most important content. A hero image often consists of image and text, can be static or dynamic (e.g. a rotating list of images and/or topics).[3] Considerations for Inclusive and Accessible Design Inclusive design is a core value and a practice that requires us to recognize exclusion and understand when it happens. Building inclusive and accessible digital products requires a holistic approach that incorporates a range of best practices and web accessibility guidelines throughout the design and development phases. Accessibility best practices provide a framework of constraints and considerations that improves the overall user experience for everyone. User needs are variable. Using a broader perspective on the needs of users helps you to design experiences for individuals without barriers.

HTML 5.2: 4.7. Embedded content This specification defines the 5th major version, second minor revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features continue to be introduced to help Web application authors, new elements continue to be introduced based on research into prevailing authoring practices, and special attention continues to be given to defining clear conformance criteria for user agents in an effort to improve interoperability. This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at This document was published by the Web Platform Working Group as a W3C Recommendation for HTML 5.2 that would obsolete the HTML 5.1 Recommendation.

Using the aria-labelledby attribute - Accessibility Description The aria-labelledby attribute contains the element IDs of labels in objects such as input elements, widgets, and groups. The attribute establishes relationships between objects and their labels. Assistive technology, such as screen readers, use this attribute to catalog the objects in a document so that users can navigate between them. Without an element ID, the assistive technology cannot catalog the object. aria-labelledby is very similar to aria-describedby: A label provides essential information about an object, while a description provides extended information that the user might need.

Designer of NYT who designs sites on a grid system, so that set ratios are determined for content that appears on site, so that when it changes per device you view it on, it maintains those ratios. A POV on design, this site is an example of that work by dpvagabond Apr 20