background preloader

7 Rules for Creating Gorgeous UI (Part 1)

7 Rules for Creating Gorgeous UI (Part 1)
Introduction OK, first things first. This guide is not for everyone. Who is this guide for? Developers who want to be able to design their own good-looking UI in a pinch.UX designers who want their portfolio to look better than a Pentagon PowerPoint. If you went to art school or consider yourself a UI designer already, you will likely find this guide some combination of a.) boring, b.) wrong, and c.) irritating. Let me tell you what you’ll find in this guide. First, I was a UX designer with no UI skills. My portfolio looked like crap, reflecting poorly on my work and thought processMy UX consulting clients would rather buy someone’s skills if their expertise extended to more than just sketching boxes and arrowsDid I want to work for an early-stage startup at some point? I had my excuses. “I majored in engineering — it’s almost a badge ofpride to build something that looks awful.” These “rules” are the lessons from those hours. This article is not theory. This is the Krav Maga of screens. Related:  User Experience

35 Traditional Newspaper Website Designs | designrouge.com Newspaper website design could amaze you if you are going to study it from the viewpoint of a designer. No matter what kind of news they feature, such websites should display a large amount of contents right on their home pages. Creating the navigation, usability and layout of a newspaper website then is a great challenge for a designer. The perspectives that you can learn from studying a newspaper website design is very valuable if you are a designer who must work on blog theme designs and other kinds of websites. At present, the number of people who want to keep themselves updated on the run continue to grow. Thus, online newspapers have been flourishing dramatically and if you are going to search for the top newspaper websites, you will be faced with an overwhelming number of choices. To help you understand the subject better, I have compiled a list of 35 newspaper website design examples that can really inspire you. Los Angeles Times – MORE INFO 20 Minutes – MORE INFO Bild – MORE INFO

MockFlow - Online Wireframe Tool 10 Responsive Design Problems and Fixes The Internet is changing, with responsive websites quickly adapting to any device and screen size to bring the user the most dynamic experience possible. From multinational corporations like Sony, Microsoft, and Nokia to global tech stars like Salesforce to online travel giants like Expedia, serious players are turning to responsive web design to march in step with the current trends in and reach an even wider audience of customers. But making responsive websites has its downsides. The value the site provides to the user is more important than ever, and aesthetics often take a backseat while performance reigns supreme. 1. In the past, the client had to approve static images and screenshots before development could begin. Fix: There are two approaches to responsive sketching. 2. Before responsive design, every user knew where navigation was. Fix: Designers should spend more time trying to make navigation intuitive and self-explanatory. 3. 4. 5. 6. 7. 8. 9. 10. Conclusion

7 Rules for Creating Gorgeous UI (Part 2) Rule 5: Make text pop— and un-pop Styling text to look beautiful and appropriate is often a matter of styling it in contrasting ways— for instance, larger but lighter. In my opinion, one of the hardest parts of creating a beautiful UI is styling text— and it’s certainly not for unfamiliarity with the options. If you’ve made it through grade school, you’ve probably used every method of calling attention to or away from text that we see: Size (bigger or smaller)Color (greater contrast or lesser; bright colors draw the eye)Font weight (bolder or thinner)Capitalization (lowercase, UPPERCASE, and Title Case)ItalicizationLetter spacing (or— fancy term alert— tracking!) There are a few other options that are possible for drawing your attention, but not particularly used or recommended: Underline. Up-pop and down-pop You can divide all the ways of styling text into two groups: Styles that increase visibility of the text. Lots of up-pop going on with the “Material Design” title.

What's the tradeoff for using an icon driven navigation? Award-Winning Newspaper Designs Advertisement Print and Web are different. Traditional layout techniques from print, particularly an advanced formatting, aren’t applicable to the Web as CSS doesn’t offer sophisticated instruments to design such layouts (e.g. text floating around an embedded image; some “floating” techniques provide such results, however they produce bloated source code just as well). At the same time the flexibility of the Web is hardly applicable to print as there is no way to customize a traditional periodical for reader’s convenience. However, there are a number of fundamental principles which are often being used in both media. This issue of monday inspiration series is supposed to provide you with some examples of outstanding newspaper designs which have been rewarded with prestigious awards (see references at the bottom of this post), and demonstrate unusual approaches of newspaper design. Please notice that El Economista (Madrid, Spain) Äripäev (Tallinn, Estonia) De Morgen (Belgium) Mint (India) St.

#130 Monitoring with God Need to ensure your background processes stay up and running and don't use too many resources? Check out the god gem as shown in this episode. Download: source codeProject Files in Zip (121 KB)mp4Full Size H.264 Video (27.9 MB)m4vSmaller H.264 Video (16.9 MB)webmFull Size VP8 Video (42.3 MB)ogvFull Size Theora Video (38.9 MB) Transcribe - online transcription and dictation software Responsive Design: Getting Advanced Filtering Right Designing user interfaces for filtering content lists can be very challenging, especially when dealing with a lot of different parameters. Think of combining parameters like date range, content types and content statuses with keyword search. Good old and well-established design patterns do exist for this scenario. But now add small screens and responsive design to the mix: Great user experience faces big threats from factors such as decreased screen estate, clumsy fingers and variable viewing distances. A View Mode Solution As Daniel Wiklund (@danielwi) points out in his article “View mode” approach to responsive web design, off canvas navigation works well in responsive web design because it lets the user focus on the content, when browsing content, and it lets the user focus on navigation, when the user needs to navigate from a grander overview. Dealing with Lists of Business Documents On typical desktop and tablet sizes the list looks like this: The Mechanics of filtering these Lists

UX for Mobile: The Rise of Fat-Finger Design We already know that users are turning to mobile for all kinds of needs: from simple-search to shopping, to the use of financial apps. And we also know that mobile-friendly websites are better ranked. But at the beginning of 2018, Google announced the mobile-first indexing since a lot of user searches are made on a mobile device. And if you have any doubt about it, Statista clearly shows that the global digital population as of July 2018 is 4.1 billion, from which 3.8 billion are uniquely mobile internet users. It’s estimated that this population will grow to 4.78 billion until 2020. Where to Begin First things first. Context Matters Whenever you are designing you should keep in mind the user context, and there are many layers to it. Responsive? Mobile can be developed in many ways so you must decide if it is a responsive website, adaptive, a native app, or a hybrid app. The choice is yours, just make sure that you are careful about conventions. Be Fat-Finger Friendly Navigation Is Key Forms

Design Principles Brakeman - Rails Security Scanner Las 15 películas más polémicas de la historia según sensacine Twitter6386 6386facebook230K 230Kpinterest103 103google plus1599Share1599linked in58 58email13 13stumbleupon10.7KShare10.7Kmeneame81Share81 En Cultura Colectiva hemos presentado más de un conteo o listado de películas que, en su momento, fueron transformadoras, revolucionarias y controversiales, pero que esto sólo las hizo apoderarse de un lugar en las memorias cinematográficas; diversos sitios especializados o quienes se reconocen amantes del cine elaboran populares listas sobre películas de alto impacto histórico, cultural, social, sexual o ideológico. La anécdota está en que, en su mayoría, coinciden en los títulos, lo que sólo hace más evidente que las buenas historias permanecen entre la colectividad como otro de los legados que compartimos. Esta vez el sitio sensacine.com compartió una lista con las 15 películas más polémicas de la historia; nosotros les contamos de qué va cada una, ¿cuál agregarían? 1. Basada en el libro Los 120 días de Sodoma, del Marqués de Sade. 2. 3. 4. 5. 6.

Related: