I was friends with Steve Shoger for many years, and together we worked on several side projects — he was engaged in user interface design, and I took care of the development. Over the past few years, we have helped thousands of developers improve design with quick tips, in-depth articles, and video tutorials. Refactoring UI combines everything we know about design and combines it into one comprehensive package, including a book, screencasts, a gallery of components, specially developed resources and much more.
A beautiful PDF file containing 50 incredibly visual chapters spreads over carefully typed pages. This book contains literally everything we know about web design, broken into short, easy to read chapters. We hate books that repeat the same ideas over and over to fill the page counter. This book is written in much the same way as our blog posts — each sentence is worthy of attention.
Kevin David — Zon Ninja Masterclass Page Steal from people who care Page Developing your intuition Page Keep your line length in check Page Dealing with wider content Page Baseline, not center Page Accounting for line length Page Accounting for font size Page Not every link needs a color Page Hyphenate justified text Page Use letter-spacing effectively Page Tightening headlines Page Improving all-caps legibility Page Working with Color Page Ditch hex for HSL Page HSL vs.
Page You need more colors than you think Page Greys Page Accent colors Page Choose the base color first Page Finding the edges Page Filling in the gaps Page Use perceived brightness to your advantage Page Changing brightness by rotating hue Page Color temperature Page Flipping the contrast Page Rotating the hue Page Creating Depth Page Emulate a light source Page Light comes from above Page Raised elements Page Inset elements Page Use shadows to convey elevation Page Establishing an elevation system Page Combining shadows with interaction Page Shadows can have two parts Page Accounting for elevation Page Even flat designs can have depth Page Creating depth with color Page Using solid shadows Page Overlap elements to create layers Page Overlapping images Page Working with Images Page Use good photos Page The problem with background images Page Add an overlay Page Lower the image contrast Page Colorize the image Page Add a text shadow Page Control the shape and size Page Prevent background bleed Page Finishing Touches Page Supercharge the defaults Page Add color with accent borders Page Change the background color Page Use a repeating pattern Page Add a simple shape or illustration Page Use fewer borders
0コメント