Apple style in web design

Chinese translation source: sharp business CMS website content management system official website

Elegant design runs through all Apple products, including the site, not only Apple's own website, the world has numerous imitation of Apple's website design, but what constitutes an Apple-style website design style? Light color, a large area of ​​white, clear and uniform navigation, elegant icons, and refuse to use Flash, this paper analyzes the composition of Apple's Web design wind elements, and provide a large number of Apple Wind Web Design Case for everyone to enjoy .

Apple wind elements: light color and subtle gradient color

Leave blank, leave blank

Clear and crisp fonts

Product images full of beauty

Elegant icon

Clean and tidy grid layout

Clear, friendly and consistent navigation

The introduction of product features combined with very good pictures, video

Small and clear font

By obvious contrast effect draw attention

Concise guide

Do not use Flash

Apple Wind Web Design Appreciation: Apple family Apple Developer

Apple Store

Apple Mac

Apple iPhone

Apple Support

Apple Wind Web Design Appreciation II: Imitation Apple Family 1. Panic Coda
This is a very popular Mac code editor

2. AteBits
Simple is beautiful

3. Cultured Code
Beautiful icons run through and are effective at organizing your content

Mac Rabbit
Off-white black gradient, elegant icon

5. Twelve South
Very beautiful product images, Apple product images

Metalabs
Although apparently not apples, but the bones. BTW, which is a design that is said to be copied by the UI of a Mozilla product.

Version App
Black, but still very apple

IconDock

9. Acrylic Apps

Billings App
Won the essence of Apple's design, large product map + gray blue + strong contrast font size

Postage

12. Bohemian Coding

13. Checkout App

14. Nprinting

15. PostBox Inc

Symphony CMS

17. Invoice Machine

18. Icon Designer

19. Transmission Apps

20. 280 Slides

International source for this article: http://www.1stwebdesigner.com/inspiration/apple-inspired-websites-why-design-works/