background preloader

Making the Transition from Development to Design—My Experience and Advice

Making the Transition from Development to Design—My Experience and Advice
A couple months ago, a person emailed me asking for tips for transitioning to design from a development background. As someone who had loosely gone through the same path (from programming to design to programming then back to design), I wanted to share any advice I could possibly give. After writing the letter, I thought it may be useful to a few other people out there. So if you are a developer looking to get into design, this is written specifically for you. Remember, these are tips based on my personal philosophy and things that have shaped my approach. Tip #1: Don’t stop building things It will not be long before anyone designing software will require an understanding of how to make software. It is important to keep your development skills honed. Tip #2: Learn design in order of dependency Trying to tackle the entire universe of design at once will set you up for failure. These steps gradate from the rational to the emotional. Tip #3: Design everything you do Related:  GRAPHIC DESIGNWeb DesignWeb Development

20 new graphic design books for your summer reading list - The Creative Edge It can be tough to get any reading done during the cooler months. Business ramps up right after the new year, flooding your inbox with projects, and around the winter holidays there is a similar rush to finish outstanding tasks and balance the books. During the summer, though, there is a pleasant lull—a perfect time to catch up on the many, many amazing design books published over the past 12 months. Here are 20 graphic design books from our favorite publishers, fresh off the presses. Logo design & branding Logo: The Reference Guide to Symbols and Logotypes, by Michael Evamy This comprehensive guide analyzes 1,300—yes, 1,300—logos, from twentieth century masterworks to cutting edge solutions of the present. Start Me Up! This book is not only a branding survey, but a cogent argument about how entrepreneurship today is different from that of yesteryear, and why designers must adapt. Los Logos 7, by Robert Klanten George Popov, Anna Sinofzik and Nina C. Logo Design, by Julius Wiedermann

Startups, This Is How Design Works – by Wells Riley of Action - You're already a pretty good designer I'm a seasoned hacker that is able to tackle immensely complex problems with aplomb. I'm able to untangle spaghetti code and weave it into beautiful patterns. I envision systems and code them with the same grace a jazz pianist improvises music.But I can't design for my life. Please help. I've heard this story a couple of times in the ten years I've been working with programmers. The programmers' approach to building a cathedral would involve using his tools and raw materials in order to build more advanced objects. Our craftsman follows the architect's plans religiously, and painstakingly chisels every stone so that every brick fits in perfectly. Once finished, he steps back and mesmerized by the beauty of it all, he thinks 'Hey, I built this cathedral all by myself, perhaps if I tried designing my own cathedral I'd get all the praise, instead of this lazy hack who just handed me the layout and waited for it to be built'. 1. 2. 3. Now, let's get to the good stuff: You are already creative

10 Rock Solid Website Layout Examples Keeping It Simple Page layout is equal parts art and science. Creating something that’s visually attractive and unique takes an artist’s eye. However, there are several very easy to follow guidelines that you can use to create solid layouts that work for any number of cases. These principles include choosing and sticking to an alignment, structuring your whitespace properly and highlighting important elements through size, positioning, etc. Designers often stress out far too much about the layout process. In this article we’re going to take a look at ten very common layouts that you can find on countless sites across the web. If you’re a web designer, bookmark this page and come back the next time you get stuck laying out a page. Three Boxes This is probably the most simple layout on the list. The three boxes layout features one main graphic area followed by two smaller boxes underneath. This design is ideal for a portfolio page or anything that needs to show off a few sample graphics.

Kontakt – International Theatre Festival - Visual Identity by Radek Staniec Radek Staniec, a Polish Graphic Designer from Studio ZOBA was responsible for this event identity. The identity includes a unique logo design and a bunch of promotional and communication materials such as posters, stationery, brochures, flyers, and giveaways. Kontakt – International Theatre Festival – Logo Design by Radek Staniec Kontakt – International Theatre Festival – Identity by Radek Staniec Kontakt – International Theatre Festival – Brand Material by Radek Staniec Kontakt – International Theatre Festival – Visual Identity by Radek Staniec Kontakt – International Theatre Festival – Event Brochure by Radek Staniec Kontakt – International Theatre Festival -Brochure Design by Radek Staniec Kontakt – International Theatre Festival – Flyer Design by Radek Staniec Kontakt – International Theatre Festival – Dates Kontakt – International Theatre Festival – Event Poster Design by Radek Staniec Kontakt – International Theatre Festival – Poster by Radek Staniec About the author, Dirk Petzold.

Frontend-Design: So cool können Buttons, Links und Co. aussehen Egal ob Buttons, Modal-Dialoge, Fortschrittsbalken, Hover-Effekte oder Links – es gibt unzählige Möglichkeiten sie zu gestalten. Einige inspirierende Beispiele für Frontend-Design präsentiert die Portugiesin Manoela Ilic auf Codrops. Wer also noch nach einer Inspiration sucht, der könnte bei diesen Demos fündig werden. Frontend-Design: So sehen kreative Buttons aus Von verschiedenen 3D-Effekten bis hin zu unterschiedlichen Animationen beim Klicken oder Überfahren des Buttons mit dem Cursor reichen die Beispiele in dieser Demo. Fortschrittsbuttons können so stylisch aussehen Ebenfalls sehr interessant sind die Fortschrittsbuttons von Manoela Ilic. Frontend-Design: Modale Dialogfenster als Blickfang Diese Demo bietet einige optisch sehr ansprechende Möglichkeiten. Frontend-Design: So gehen richtig coole Links So essenziell Weiterleitungen in Form von Links auch sein mögen, besonders sexy sind sie im Grunde nicht. Hover-Effekte für kreisrunde Icons

Complete Beginner's Guide to Interaction Design Interaction design has its origins in web and graphic design, but has grown into a realm of its own. Far from merely working with text and pictures, interaction designers are now responsible for creating every element on the screen that a user might swipe, click, tap, or type: in short, the interactions of an experience. Newsletter Sign Up Original UX articles Curated Resources Never miss an issue! This article serves as a good jumping off point for people interested in learning more about Interaction Design. What is Interaction Design? Interaction Design (IxD) defines the structure and behavior of interactive systems. Interaction design began the day the first screen was designed to hold more than static copy. Interaction design has evolved to facilitate interactions between people and their environment. Common Methodologies Although interaction design spans myriad types of web and mobile applications and sites, there are certain methodologies that all designers rely on. Goal-Driven Design

Performance & Organization - Learn to Code Advanced HTML & CSS Having the ability to write HTML and CSS with a solid understanding is a great expertise to have. As a website’s code base and traffic grows, a new skill set comes into play, one that is extremely important to both development time and user experience. Knowing the fundamentals of website performance and organization can go a long way. The organization and architecture of a code base can greatly affect not only the speed of development, but also the speed at which pages render. Additionally, taking a few small steps to improve the performance of a website can pay off in dividends. Strategy & Structure#strategy-structure The first part to improving a website’s performance and organization revolves around identifying a good strategy and structure for developing the code base. Style Architecture Exactly how to organize styles boils down to personal preference and what is best for a given website but generally speaking there are best practices to follow. Object Oriented CSS Keep Selectors Short